Difference between revisions of "Team:TUDelft/Header"

Line 75: Line 75:
 
                 text-decoration: none;
 
                 text-decoration: none;
 
             }
 
             }
             .navbar .oursocial{
+
             .navbar .social{
 
                 float:right;
 
                 float:right;
 
                 overflow: hidden;
 
                 overflow: hidden;
Line 155: Line 155:
 
                 height:40px;}
 
                 height:40px;}
  
             #oursocial {
+
             #social {
 
                 height:25px;
 
                 height:25px;
 
                 padding:7.5px -0px;}
 
                 padding:7.5px -0px;}
Line 216: Line 216:
 
                 }
 
                 }
  
                 .topnav.responsive .dropdown {float: none;}
+
                 .navbar.responsive .dropdown {float: none;}
                 .topnav.responsive .dropdown-content {position: relative;}
+
                 .navbar.responsive .dropdown-content {position: relative;}
                 .topnav.responsive .dropdown .dropbtn {
+
                 .navbar.responsive .dropdown .dropbtn {
 
                     display: block;
 
                     display: block;
 
                     width: 100%;
 
                     width: 100%;
Line 248: Line 248:
 
                 }
 
                 }
  
                 .topnav.responsive .dropdown {float: none;}
+
                 .navbar.responsive .dropdown {float: none;}
                 .topnav.responsive .dropdown-content {position: relative;}
+
                 .navbar.responsive .dropdown-content {position: relative;}
                 .topnav.responsive .dropdown .dropbtn {
+
                 .navbar.responsive .dropdown .dropbtn {
 
                     display: block;
 
                     display: block;
 
                     width: 100%;
 
                     width: 100%;
Line 353: Line 353:
  
  
             <a class="oursocial" href="mailto:igem@tudelft.nl"><img id="oursocial" src="https://static.igem.org/mediawiki/2019/b/b4/T--TUDELFT--mailicon.png" alt="Email" /></a>
+
             <a class="social" href="mailto:igem@tudelft.nl"><img id="social" src="https://static.igem.org/mediawiki/2019/b/b4/T--TUDELFT--mailicon.png" alt="Email" /></a>
             <a class="oursocial" href="https://www.instagram.com/igemtudelft/?hl=en" target="_blank" rel="noopener"><img id="oursocial" src="https://static.igem.org/mediawiki/2019/5/58/T--TUDELFT--instaicon.png" alt="Instagram" /></a>  
+
             <a class="social" href="https://www.instagram.com/igemtudelft/?hl=en" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/5/58/T--TUDELFT--instaicon.png" alt="Instagram" /></a>  
  
  
             <a class="oursocial" href="https://twitter.com/TUDelft_iGEM?lang=en" target="_blank" rel="noopener"><img id="oursocial" src="https://static.igem.org/mediawiki/2019/8/83/T--TUDELFT--twittericon.png" alt="Twitter" /></a>  
+
             <a class="social" href="https://twitter.com/TUDelft_iGEM?lang=en" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/8/83/T--TUDELFT--twittericon.png" alt="Twitter" /></a>  
             <a class="oursocial" href="https://www.linkedin.com/company/igem-tu-delft/" target="_blank" rel="noopener"><img id="oursocial" src="https://static.igem.org/mediawiki/2019/d/d7/T--TUDELFT--linkedin.png" alt="LinkedIn" /></a>  
+
             <a class="social" href="https://www.linkedin.com/company/igem-tu-delft/" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/d/d7/T--TUDELFT--linkedin.png" alt="LinkedIn" /></a>  
             <a class="oursocial"  href="https://www.facebook.com/TUDelft.iGEM2019/" target="_blank" rel="noopener"><img id="oursocial" src="https://static.igem.org/mediawiki/2019/a/ad/T--TUDELFT--fbicon.png" alt="Facebook" /></a>  
+
             <a class="social"  href="https://www.facebook.com/TUDelft.iGEM2019/" target="_blank" rel="noopener"><img id="social" src="https://static.igem.org/mediawiki/2019/a/ad/T--TUDELFT--fbicon.png" alt="Facebook" /></a>  
  
 
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
 
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">
Line 391: Line 391:
 
                 var x = document.getElementById("myTopnav");
 
                 var x = document.getElementById("myTopnav");
 
                 if (x.className === "navbar") {
 
                 if (x.className === "navbar") {
                     x.className += "responsive";
+
                     x.className += " responsive";
 
                 } else {
 
                 } else {
 
                     x.className = "navbar";
 
                     x.className = "navbar";

Revision as of 10:57, 22 June 2019