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

 
(201 intermediate revisions by 3 users not shown)
Line 1: Line 1:
  
 
<html>
 
<html>
 +
 
<style>
 
<style>
 
@import "https://fonts.googleapis.com/css?family=Poiret+One";
 
@import "https://fonts.googleapis.com/css?family=Poiret+One";
Line 11: Line 12:
 
   font-family: 'Poiret One', cursive;
 
   font-family: 'Poiret One', cursive;
 
   background: #00274C;
 
   background: #00274C;
−
   color: #ffd700;
+
   color: #ffcb05;
−
   box-shadow: 0px 2px 2px 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 20: Line 22:
 
}
 
}
 
div.header .header-1 {
 
div.header .header-1 {
−
   height: 96px;
+
   height: 100px;
−
}
+
−
@media (max-width: 800px) {
+
−
  div.header .header-1 {
+
−
    height: 119px;
+
−
  }
+
−
}
+
−
div.header h1 {
+
−
  display: inline-block;
+
−
  padding-left: 12px;
+
 
}
 
}
 +
 
div.header div.nav {
 
div.header div.nav {
 
   display: inline-flex;
 
   display: inline-flex;
Line 36: Line 30:
 
   float: right;
 
   float: right;
 
   height: 100%;
 
   height: 100%;
−
   padding: 0px 10vw 0px 6px;
+
   padding: 4px 50px 0px 6px;
−
   font-size: 1.5em;
+
   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: 5px;
 +
  margin-right: 0px;
 +
  height: 2em;
 +
  width: 75px;
 
}
 
}
 
div.header div.nav a.open {
 
div.header div.nav a.open {
−
   background: #ffd700;
+
   background: #ffcb05;
 
   color: #00274C;
 
   color: #00274C;
 +
  font-weight: bold;
 
}
 
}
 
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 63: Line 55:
 
}
 
}
 
div.header div.subnav {
 
div.header div.subnav {
−
   background: #ffd700;
+
   background: #ffcb05;
 
   color: #00274C;
 
   color: #00274C;
 
   font-size: 1.5em;
 
   font-size: 1.5em;
−
   padding: 4px 10vw 4px 12px;
+
   padding: 12.5px 65px 20px 15px;
−
   height: 1.5em;
+
   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: none;
+
−
  }
+
−
}
+
 
div.header div.subnav div.closed {
 
div.header div.subnav div.closed {
 
   display: none;
 
   display: none;
Line 89: 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">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">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/Human_Practices" data-section="3">Human Practices</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">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="https://2016.igem.org/Team:Michigan/Safety" data-section="5">Safety</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">Awards</a>
+
       <a href="#" data-section="5" style="padding: 15px 20px 5px 20px; width: 235px; font-weight:650;">Human Practices</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>
 
   <div class="subnav">
 
   <div class="subnav">
 
     <div class="closed" id="subnav-1">
 
     <div class="closed" id="subnav-1">
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Description" style="font-weight:bold;">Description</a>
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Design" style="font-weight:bold;">Design</a>
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Experiments" style="font-weight:bold;">Experiments</a>
−
    </div>
+
      <a href="https://2016.igem.org/Team:Michigan/Proof" style="font-weight:bold;">Proof of Concept</a>
−
    <div class="closed" id="subnav-2">
+
       <a href="https://2016.igem.org/Team:Michigan/Demonstrate" style="font-weight:bold;">Demonstrate</a>
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Results" style="font-weight:bold;">Results</a>
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Notebook"style="font-weight:bold;">Notebook</a>
−
       <a href="#">Link</a>
+
 
     </div>
 
     </div>
 
     <div class="closed" id="subnav-3">
 
     <div class="closed" id="subnav-3">
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Team" style="font-weight:bold;">Team</a>
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Collaborations" style="font-weight:bold;">Collaborations</a>
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Attributions" style="font-weight:bold;">Attributions</a>
 
     </div>
 
     </div>
 
     <div class="closed" id="subnav-4">
 
     <div class="closed" id="subnav-4">
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Parts" style="font-weight:bold;">Basic Parts</a>
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Composite_Part" style="font-weight:bold;">Composite Parts</a>
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Part_Collection" style="font-weight:bold;">Part Collection</a>
 
     </div>
 
     </div>
 
     <div class="closed" id="subnav-5">
 
     <div class="closed" id="subnav-5">
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Integrated_Practices" style="font-weight:bold;">Integrated Practices</a>
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Engagement" style="font-weight:bold;">Engagement</a>
−
       <a href="#">Link</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-6">
+
     <div class="closed" id="subnav-7">
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Entrepreneurship" style="font-weight:bold;">Entrepreneurship</a>
−
       <a href="#">Link</a>
+
       <a href="https://2016.igem.org/Team:Michigan/Model" style="font-weight:bold;">Model</a>
−
       <a href="#">Link</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;">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