Difference between revisions of "Template:Team:Michigan/navbar-Irina"

 
(47 intermediate revisions by the same user not shown)
Line 15: Line 15:
 
   box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5);
 
   box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5);
 
   position: relative;
 
   position: relative;
 +
  overflow: hidden;
 
}
 
}
 
div.header a {
 
div.header a {
Line 22: Line 23:
 
div.header .header-1 {
 
div.header .header-1 {
 
   height: 100px;
 
   height: 100px;
−
}
 
−
@media (max-width: 800px) {
 
−
  div.header .header-1 {
 
−
    height: 119px;
 
−
  }
 
 
}
 
}
  
Line 34: Line 30:
 
   float: right;
 
   float: right;
 
   height: 100%;
 
   height: 100%;
−
   padding: 4px 10vw 0px 6px;
+
   padding: 4px 50px 0px 6px;
−
   font-size: 3em;
+
   font-size: 2em;
−
}
+
−
@media (max-width: 800px) {
+
−
  div.header div.nav {
+
−
    float: none;
+
−
    display: flex;
+
−
    height: 38px;
+
−
    padding-right: 6px;
+
−
  }
+
 
}
 
}
 +
 
div.header div.nav a {
 
div.header div.nav a {
 
   border-radius: 8px 8px 0 0;
 
   border-radius: 8px 8px 0 0;
−
   padding: 10px;
+
   padding: 5px;
−
   height: 55px;
+
  margin-right: 0px;
−
   width: 200px;
+
   height: 2em;
 +
   width: 75px;
 
}
 
}
 
div.header div.nav a.open {
 
div.header div.nav a.open {
Line 57: Line 47:
 
}
 
}
 
div.header div.nav a, div.header div.subnav a {
 
div.header div.nav a, div.header div.subnav a {
−
   display: inline-block;
+
   display: inline-flex;
 
   padding: 4px 6px;
 
   padding: 4px 6px;
 
   margin-left: 12px;
 
   margin-left: 12px;
Line 67: Line 57:
 
   background: #ffcb05;
 
   background: #ffcb05;
 
   color: #00274C;
 
   color: #00274C;
−
   font-size: 2em;
+
   font-size: 1.5em;
−
   padding: 12.5px 225px 15px 15px;
+
   padding: 12.5px 65px 20px 15px;
−
   height: 2em;
+
   height: 2.25em;
 +
  overflow: hidden;
 
}
 
}
 
div.header div.subnav div {
 
div.header div.subnav div {
 
   float: right;
 
   float: right;
 
}
 
}
−
@media (max-width: 800px) {
+
 
−
  div.header div.subnav div {
+
−
    float: left;
+
−
  }
+
−
}
+
 
div.header div.subnav div.closed {
 
div.header div.subnav div.closed {
 
   display: none;
 
   display: none;
Line 86: Line 73:
 
}
 
}
  
−
@media(max-width:480px)
 
−
{
 
−
div.header div.nav a{
 
−
font-size: .1em;
 
−
}}
 
 
  </style>
 
  </style>
 
<body>
 
<body>
Line 96: Line 78:
 
   <div class="header-1">
 
   <div class="header-1">
 
     <div class="nav">
 
     <div class="nav">
−
       <a href="https://2016.igem.org/Team:Michigan" data-section="1" style="padding: 15px 20px 5px 20px; width: 150px; font-weight:650;" >Project</a>
+
       <a href="https://2016.igem.org/Team:Michigan" data-section="0" style="padding: 15px 20px 5px 20px; width: 110px; font-weight:650;">Home</a>
−
       <a href="https://2016.igem.org/Team:Michigan/Modeling" data-section="2" style="padding: 15px 20px 5px 20px; width: 210px; font-weight:650;">Modeling</a>
+
<a href="https://2016.igem.org/Team:Michigan" data-section="1" style="padding: 15px 20px 5px 20px; width: 120px; font-weight:650;" >Project</a>
−
       <a href="https://2016.igem.org/Team:Michigan/Team" data-section="3" style="padding: 15px 20px 5px 20px; width: 130px; font-weight:650;">Team</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Modeling" data-section="2" style="padding: 15px 20px 5px 20px; width: 160px; font-weight:650;">Modeling</a>
−
       <a href="#" data-section="4" style="padding: 15px 20px 5px 20px; width: 155px; font-weight:650;">BioBrick</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Team" data-section="3" style="padding: 15px 20px 5px 20px; width: 100px; font-weight:650;">Team</a>
−
       <a href="#" data-section="5" style="padding: 15px 20px 5px 20px; width: 345px; font-weight:650;">Human Practices</a>
+
       <a href="#" data-section="4" style="padding: 15px 20px 5px 20px; width: 125px; font-weight:650;">BioBrick</a>
−
       <a href="https://2016.igem.org/Team:Michigan/Safety" data-section="6" style="padding: 15px 20px 5px 20px; width: 150px; font-weight:650;">Safety</a>
+
       <a href="#" data-section="5" style="padding: 15px 20px 5px 20px; width: 235px; font-weight:650;">Human Practices</a>
−
       <a href="#" data-section="7" style="padding: 15px 20px 5px 20px; width: 175px; font-weight:650;">Awards</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Safety" data-section="6" style="padding: 15px 20px 5px 20px; width: 110px; font-weight:650;">Safety</a>
 +
       <a href="#" data-section="7" style="padding: 15px 20px 5px 20px; width: 130px; font-weight:650;">Awards</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 121: Line 104:
 
     </div>
 
     </div>
 
     <div class="closed" id="subnav-4">
 
     <div class="closed" id="subnav-4">
−
       <a href="https://2016.igem.org/Team:Michigan/Basic_Part" style="font-weight:bold;">Basic Parts</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Parts" style="font-weight:bold;">Basic Parts</a>
 
       <a href="https://2016.igem.org/Team:Michigan/Composite_Part" style="font-weight:bold;">Composite Parts</a>
 
       <a href="https://2016.igem.org/Team:Michigan/Composite_Part" style="font-weight:bold;">Composite Parts</a>
 
       <a href="https://2016.igem.org/Team:Michigan/Part_Collection" style="font-weight:bold;">Part Collection</a>
 
       <a href="https://2016.igem.org/Team:Michigan/Part_Collection" style="font-weight:bold;">Part Collection</a>
Line 128: Line 111:
 
       <a href="https://2016.igem.org/Team:Michigan/Integrated_Practices" style="font-weight:bold;">Integrated Practices</a>
 
       <a href="https://2016.igem.org/Team:Michigan/Integrated_Practices" style="font-weight:bold;">Integrated Practices</a>
 
       <a href="https://2016.igem.org/Team:Michigan/Engagement" style="font-weight:bold;">Engagement</a>
 
       <a href="https://2016.igem.org/Team:Michigan/Engagement" style="font-weight:bold;">Engagement</a>
−
       <a href="https://2016.igem.org/Team:Michigan/factsheet" style="font-weight:bold;">Fact Sheet</a>
+
       <a href="https://2016.igem.org/Team:Michigan/factsheet" style="font-weight:bold;">Bench-to-Bedside Guide</a>
 
     </div>
 
     </div>
 
     <div class="closed" id="subnav-7">
 
     <div class="closed" id="subnav-7">
 
       <a href="https://2016.igem.org/Team:Michigan/Entrepreneurship" style="font-weight:bold;">Entrepreneurship</a>
 
       <a href="https://2016.igem.org/Team:Michigan/Entrepreneurship" style="font-weight:bold;">Entrepreneurship</a>
−
      <a href="https://2016.igem.org/Team:Michigan/Hardware" style="font-weight:bold;">Hardware</a>
 
−
      <a href="https://2016.igem.org/Team:Michigan/Software" style="font-weight:bold;">Software</a>
 
−
      <a href="https://2016.igem.org/Team:Michigan/Measurement" style="font-weight:bold;">Measurement</a>
 
 
       <a href="https://2016.igem.org/Team:Michigan/Model" style="font-weight:bold;">Model</a>
 
       <a href="https://2016.igem.org/Team:Michigan/Model" style="font-weight:bold;">Model</a>
 
       <a href="https://2016.igem.org/Team:Michigan/HP/Silver" style="font-weight:bold;">Human Practices Silver</a>
 
       <a href="https://2016.igem.org/Team:Michigan/HP/Silver" style="font-weight:bold;">Human Practices Silver</a>
−
       <a href="https://2016.igem.org/Team:Michigan/HP/Gold" style="font-weight:bold;">Gold</a>
+
       <a href="https://2016.igem.org/Team:Michigan/HP/Gold" style="font-weight:bold;">Human Practices Gold</a>
 +
      <a href="https://2016.igem.org/Team:Michigan/Medals" style="font-weight:bold;">Medals</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>

Latest revision as of 03:31, 19 October 2016

Home Project Modeling Team BioBrick Human Practices Safety Awards