Difference between revisions of "Template:UC Davis/header"

Line 34: Line 34:
 
display: flex;
 
display: flex;
 
justify-content: center;
 
justify-content: center;
−
align-items: center;
 
 
background-color: #002855;
 
background-color: #002855;
 
margin: 0;
 
margin: 0;
 
list-style: none;
 
list-style: none;
 
padding: 40px;
 
padding: 40px;
−
width: 100%;
 
−
overflow: hidden;
 
  
 
}
 
}
Line 46: Line 43:
 
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
−
#topnav li.logo {
+
#topnav .nav-item:visited {
−
   display: inline-flex;
+
   color: white;
−
  justify-content: center;
+
−
 
+
 
}
 
}
 
#topnav .b-nav-item:visited {
 
#topnav .b-nav-item:visited {
Line 96: Line 91:
 
   margin-right: 20px;
 
   margin-right: 20px;
 
   color: #d9a900;
 
   color: #d9a900;
−
   font-size: 20px;
+
   font-size: 18px;
 
}
 
}
−
 
  
 
.burger-content {
 
.burger-content {
Line 114: Line 108:
 
.b-dropdown-main {
 
.b-dropdown-main {
 
font-weight: bold;
 
font-weight: bold;
−
font-size: 18px;
+
font-size: 15px;
 
color: #525b65;
 
color: #525b65;
 
padding: 12px 16px;
 
padding: 12px 16px;
Line 152: Line 146:
 
}
 
}
  
−
@media screen and (max-width:750px) {
+
@media screen and (max-width:720px) {
−
   #topnav li {
+
   #topnav li {
 
     display: none;
 
     display: none;
 
   }
 
   }
 
   #topnav {
 
   #topnav {
−
justify-content: space-between;
+
    justify-content: flex-end;
−
}
+
  }
  
 
   #topnav li.burger {
 
   #topnav li.burger {
 
     display: block;
 
     display: block;
 
   }
 
   }
−
  #topnav li.logo{
 
−
display: block; }
 
−
}
 
−
.logolink {
 
−
  display: flex;
 
−
  justify-content: center;
 
−
  align-items: center;
 
−
  padding-right: 40px;
 
 
}
 
}
 +
 
</style>
 
</style>
 
<body>
 
<body>
Line 178: Line 165:
 
<li class="dropdown"><a href="PROJECT" class="dropdown-main">PROJECT</a>
 
<li class="dropdown"><a href="PROJECT" class="dropdown-main">PROJECT</a>
 
<div class="dropdown-content">
 
<div class="dropdown-content">
−
         <a href="https://2018.igem.org/Team:UC_Davis/Design">Design</a>
+
         <a href="#">Design</a>
 
         <a href="#">Results</a>
 
         <a href="#">Results</a>
 
         <a href="#">Modelling</a>
 
         <a href="#">Modelling</a>
−
         <a href="https://2018.igem.org/Team:UC_Davis/InterLab">InterLab</a>
+
         <a href="#">InterLab</a>
−
        <a href="https://2018.igem.org/Team:UC_Davis/SupplementalMaterials">Supplementary Material</a>
+
 
</div>
 
</div>
 
</li>
 
</li>
 
<li class="dropdown"><a href="Human-Resources" class="dropdown-main">HUMAN RESOURCES</a>
 
<li class="dropdown"><a href="Human-Resources" class="dropdown-main">HUMAN RESOURCES</a>
 
<div class="dropdown-content">
 
<div class="dropdown-content">
−
         <a href="#">Human Practices</a>
+
         <a href="#">Motivation</a>
−
         <a href="#">Education & Engagement</a>
+
         <a href="#">Outreach</a>
 
         <a href="#">Policy</a>
 
         <a href="#">Policy</a>
 
</div>
 
</div>
Line 194: Line 180:
 
<li class="dropdown"><a href="Parts" class="dropdown-main">PARTS</a>
 
<li class="dropdown"><a href="Parts" class="dropdown-main">PARTS</a>
 
<div class="dropdown-content">
 
<div class="dropdown-content">
−
        <a href="#">Parts Overview</a>
 
 
         <a href="#">Basic</a>
 
         <a href="#">Basic</a>
 
         <a href="#">Composite</a>
 
         <a href="#">Composite</a>
Line 200: Line 185:
 
</div>
 
</div>
 
</li>
 
</li>
−
    <!--______________Logo_________________________-->
 
−
<li class="logo" style="background-color: #002855">
 
−
  <a class="logolink" href="https://2018.igem.org/Team:UC_Davis">
 
−
    <img src="https://static.igem.org/mediawiki/2018/7/73/T--UC_Davis--anchor.png" alt="Cenozoic logo" style="width: 125px;";>
 
−
    <div style = 'margin-left: -40px; font-size: 25px; color: #d9a900'; ><b>Cenozoic</b></div>
 
−
  </a>
 
−
</li>
 
 
     <li class="navlogo"><img src="" alt=""></li>
 
     <li class="navlogo"><img src="" alt=""></li>
 
<li class="dropdown"><a href="Lab" class="dropdown-main">LAB WORK</a>
 
<li class="dropdown"><a href="Lab" class="dropdown-main">LAB WORK</a>
 
<div class="dropdown-content">
 
<div class="dropdown-content">
−
         <a href="#">Experiments</a>
+
         <a href="#">Notebook</a>
−
         <a href="#">Lab Notebook</a>
+
         <a href="#">Methods and Materials</a>
 
         <a href="#">Safety</a>
 
         <a href="#">Safety</a>
 
</div>
 
</div>
Line 218: Line 196:
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
 
         <a href="#">Meet the Team</a>
 
         <a href="#">Meet the Team</a>
−
         <a href="#">Attributions</a>
+
         <a href="#">Advisors</a>
−
         <a href="#">Sponsors</a>
+
         <a href="#">Sposors</a>
 
</div>
 
</div>
 
   </li>
 
   </li>
Line 225: Line 203:
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
 
       <a href="#">Medal Requirements</a>
 
       <a href="#">Medal Requirements</a>
−
       <a href="#">Awards</a>
+
       <a href="#">Outreach</a>
 
     </div>
 
     </div>
 
</li>
 
</li>
Line 234: Line 212:
 
<div class="b-dropdown"><a href="PROJECT" class="b-dropdown-main">Project</a>
 
<div class="b-dropdown"><a href="PROJECT" class="b-dropdown-main">Project</a>
 
<div class="b-dropdown-content">
 
<div class="b-dropdown-content">
−
             <a href="https://2018.igem.org/Team:UC_Davis/Design">Design</a>
+
             <a href="#">Design</a>
 
             <a href="#">Results</a>
 
             <a href="#">Results</a>
 
             <a href="#">Modelling</a>
 
             <a href="#">Modelling</a>
−
             <a href="https://2018.igem.org/Team:UC_Davis/InterLab">InterLab</a>
+
             <a href="#">InterLab</a>
−
            <a href="https://2018.igem.org/Team:UC_Davis/SupplementalMaterials">Supplementary Material</a>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="b-dropdown"><a href="Human-Resources" class="b-dropdown-main">Human Resources</a>
 
<div class="b-dropdown"><a href="Human-Resources" class="b-dropdown-main">Human Resources</a>
 
<div class="b-dropdown-content">
 
<div class="b-dropdown-content">
−
             <a href="#">Human Practices</a>
+
             <a href="#">Motivation</a>
−
             <a href="#">Education & Engagement</a>
+
             <a href="#">Outreach</a>
 
             <a href="#">Policy</a>
 
             <a href="#">Policy</a>
 
</div>
 
</div>
Line 250: Line 227:
 
<div class="b-dropdown"><a href="Parts" class="b-dropdown-main">Parts</a>
 
<div class="b-dropdown"><a href="Parts" class="b-dropdown-main">Parts</a>
 
<div class="b-dropdown-content">
 
<div class="b-dropdown-content">
−
            <a href="#">Parts Overview</a>
 
 
             <a href="#">Basic</a>
 
             <a href="#">Basic</a>
 
             <a href="#">Composite</a>
 
             <a href="#">Composite</a>
Line 258: Line 234:
 
<div class="b-dropdown"><a href="Lab" class="b-dropdown-main">Lab Work</a>
 
<div class="b-dropdown"><a href="Lab" class="b-dropdown-main">Lab Work</a>
 
<div class="b-dropdown-content">
 
<div class="b-dropdown-content">
−
             <a href="#">Experiments</a>
+
             <a href="#">Notebook</a>
−
             <a href="#">Lab Notebook</a>
+
             <a href="#">Methods and Materials</a>
 
             <a href="#">Safety</a>
 
             <a href="#">Safety</a>
 
</div>
 
</div>
Line 273: Line 249:
 
<div class="b-dropdown-content">
 
<div class="b-dropdown-content">
 
             <a href="#">Medal Requirements</a>
 
             <a href="#">Medal Requirements</a>
−
             <a href="#">Awards</a>
+
             <a href="#">Outreach</a>
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 18:26, 9 August 2018

iGEM