Difference between revisions of "Template:BIMATOX Project"

 
(9 intermediate revisions by the same user not shown)
Line 124: Line 124:
 
.navbar a {
 
.navbar a {
 
     float: left;
 
     float: left;
     font-size: 20px;
+
     font-size: 18px;
 
     font-family: Arial;
 
     font-family: Arial;
 
     font-weight: bold;
 
     font-weight: bold;
 
     color: #2F4641;
 
     color: #2F4641;
 
     text-align: center;
 
     text-align: center;
     padding: 46px 16px;
+
     padding: 45px 16px;
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
Line 148: Line 148:
 
.dropdown .dropbtn {
 
.dropdown .dropbtn {
 
     cursor: pointer;
 
     cursor: pointer;
     font-size: 20px;     
+
     font-size: 18px;     
 
     border: none;
 
     border: none;
 
     outline: none;
 
     outline: none;
Line 186: Line 186:
 
.show {
 
.show {
 
     display: block;
 
     display: block;
 +
}
 +
 +
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
 +
@media screen and (max-width: 600px) {
 +
  .navbar a:not(:first-child) {display: none;}
 +
  .navbar a.icon {
 +
    float: right;
 +
    display: block;
 +
  }
 +
}
 +
 +
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
 +
@media screen and (max-width: 600px) {
 +
  .navbar.responsive {position: relative;}
 +
  .navbar.responsive a.icon {
 +
    position: absolute;
 +
    right: 0;
 +
    top: 0;
 +
  }
 +
  .navbar.responsive a {
 +
    float: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
 
}
 
}
  
Line 213: Line 237:
 
.igem_2017_content_wrapper {
 
.igem_2017_content_wrapper {
 
width: 86%;
 
width: 86%;
padding-top:7%;
+
padding-top:8%;
 
padding-left:7%;
 
padding-left:7%;
 
padding-bottom:20%;
 
padding-bottom:20%;
Line 438: Line 462:
 
<head>
 
<head>
  
<div class="navbar">
+
<div class="navbar" id="myTopnav">
  
 
   <img src="https://static.igem.org/mediawiki/2017/1/13/T--Uchile_Biotec--LogoFull.jpg" style="width:100px;height:100px;margin: 0px 0px 0px 10px"></img>
 
   <img src="https://static.igem.org/mediawiki/2017/1/13/T--Uchile_Biotec--LogoFull.jpg" style="width:100px;height:100px;margin: 0px 0px 0px 10px"></img>
Line 456: Line 480:
 
   </div>  
 
   </div>  
  
   <a href="https://2017.igem.org/Team:UChile_Biotec/igem_latam">Latam</a>
+
   <a href="https://2017.igem.org/Team:UChile_Biotec/igem_latam">iGEM LATAM</a>
  
 
   <div class="dropdown">
 
   <div class="dropdown">

Latest revision as of 03:44, 2 November 2017