Difference between revisions of "Template:Duesseldorf"

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<link rel="preconnect" href="https://fonts.googleapis.com">
 
−
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
−
<link href="https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
 
  
−
<style>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
body,html {
+
−
    font-family: 'Spartan', sans-serif;
+
−
}
+
−
#HQ_page h1, h2, h3, h4, h5 {
+
−
font-family: 'Spartan', sans-serif;
+
−
}
+
−
#HQ_page p {
+
−
font-family: Arial, sans-serif;
+
−
}
+
−
#sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; }
+
−
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
+
−
body, html {background-color:white; width: 100%; height: 100%;}
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
−
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
+
  
−
* {
+
<script type="text/javascript" src="https://2021.igem.org/wiki/index.php?title=Template:Duesseldorf/2021_lottie.js&action=raw&ctype=text/javascript"></script>
−
  margin: 0;
+
−
  padding: 0;
+
−
}
+
  
  
−
#nav-icon3 {
+
<link rel="preconnect" href="https://fonts.googleapis.com">
−
  width: 60px;
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
−
  height: 45px;
+
<link href="https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
−
  position: relative;
+
−
  margin: 50px auto;
+
−
  -webkit-transform: rotate(0deg);
+
−
  -moz-transform: rotate(0deg);
+
−
  -o-transform: rotate(0deg);
+
−
  transform: rotate(0deg);
+
−
  -webkit-transition: .5s ease-in-out;
+
−
  -moz-transition: .5s ease-in-out;
+
−
  -o-transition: .5s ease-in-out;
+
−
  transition: .5s ease-in-out;
+
−
  cursor: pointer;
+
−
}
+
  
−
#nav-icon3 span {
+
<link rel="stylesheet" type="text/css" href="https://2021.igem.org/wiki/index.php?title=Template:Duesseldorf/2021_fonts.css&action=raw&ctype=text/css" />
−
  display: block;
+
<link rel="stylesheet" type="text/css" href="https://2021.igem.org/wiki/index.php?title=Template:Duesseldorf/2021_styles.css&action=raw&ctype=text/css" />
−
  position: absolute;
+
−
  height: 9px;
+
−
  width: 100%;
+
−
  background: #d3531a;
+
−
  border-radius: 9px;
+
−
  opacity: 1;
+
−
  left: 0;
+
−
  -webkit-transform: rotate(0deg);
+
−
  -moz-transform: rotate(0deg);
+
−
  -o-transform: rotate(0deg);
+
−
  transform: rotate(0deg);
+
−
  -webkit-transition: .25s ease-in-out;
+
−
  -moz-transition: .25s ease-in-out;
+
−
  -o-transition: .25s ease-in-out;
+
−
  transition: .25s ease-in-out;
+
−
}
+
  
−
#nav-icon3 span:nth-child(1) {
 
−
  top: 0px;
 
−
}
 
−
 
−
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
 
−
  top: 18px;
 
−
}
 
−
 
−
#nav-icon3 span:nth-child(4) {
 
−
  top: 36px;
 
−
}
 
−
 
−
.nav-open #nav-icon3 span:nth-child(1) {
 
−
  top: 18px;
 
−
  width: 0%;
 
−
  left: 50%;
 
−
}
 
−
 
−
.nav-open #nav-icon3 span:nth-child(2) {
 
−
  -webkit-transform: rotate(45deg);
 
−
  -moz-transform: rotate(45deg);
 
−
  -o-transform: rotate(45deg);
 
−
  transform: rotate(45deg);
 
−
}
 
−
 
−
.nav-open #nav-icon3 span:nth-child(3) {
 
−
  -webkit-transform: rotate(-45deg);
 
−
  -moz-transform: rotate(-45deg);
 
−
  -o-transform: rotate(-45deg);
 
−
  transform: rotate(-45deg);
 
−
}
 
−
 
−
.nav-open #nav-icon3 span:nth-child(4) {
 
−
  top: 18px;
 
−
  width: 0%;
 
−
  left: 50%;
 
−
}
 
−
 
−
#2021DD_Navigation{
 
−
 
−
}
 
−
 
−
</style>
 
  
−
<div id="2021DD_TopBar">
+
<div id="DD2021_TopBar">
  
−
<div id="2021DD_Logo">
+
<div id="DD2021_Logo">
  
−
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1500 1500" style="enable-background:new 0 0 1500 1500;" xml:space="preserve">
+
<svg style="height: 60px" version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1500 1500" style="enable-background:new 0 0 1500 1500;" xml:space="preserve">
 
<style type="text/css">
 
<style type="text/css">
 
.st0{fill:url(#SVGID_1_);}
 
.st0{fill:url(#SVGID_1_);}
Line 124: Line 33:
 
.st11{fill:url(#SVGID_00000130628678140209987940000014515367293452357033_);}
 
.st11{fill:url(#SVGID_00000130628678140209987940000014515367293452357033_);}
 
</style>
 
</style>
−
<image style="display:none;overflow:visible;opacity:0.3;" width="1041" height="852" xlink:href="7B520CB6.jpg" transform="matrix(1 0 0 1 229.5 393.2414)">
 
−
</image>
 
 
<g>
 
<g>
 
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="788.3716" y1="530.6652" x2="788.3716" y2="437.1887">
 
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="788.3716" y1="530.6652" x2="788.3716" y2="437.1887">
Line 229: Line 136:
 
</div>  
 
</div>  
  
−
<button id="2021DD_NavButton" onclick="document.body.classList.toggle('nav-open')">
+
<button id="DD2021_NavButton" onclick="document.body.classList.toggle('nav-open')">
 
Menu
 
Menu
 
<div id="nav-icon3">
 
<div id="nav-icon3">
Line 242: Line 149:
 
</div>
 
</div>
  
−
<nav id="2021DD_Navigation" >
+
<nav id="DD2021_Navigation" >
  
 
<ol>
 
<ol>

Latest revision as of 19:36, 6 October 2021