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

 
(76 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
+
<!DOCTYPE html>
 
<head>
 
<head>
 
   <title>iGEM</title>
 
   <title>iGEM</title>
Line 20: Line 20:
 
   #content {
 
   #content {
 
     margin-left: 0px;
 
     margin-left: 0px;
−
     margin-top: -7px;
+
     margin-top: -20px;
 
     padding: 0px;
 
     padding: 0px;
 
     width: 100%;
 
     width: 100%;
Line 30: Line 30:
  
 
   #topnav {
 
   #topnav {
 +
  z-index: 1000;
 +
font-family: 'proxima-nova', sans-serif;
 +
font-size:8px;
 
     display: flex;
 
     display: flex;
 
     justify-content: center;
 
     justify-content: center;
 +
    align-items: center;
 
     background-color: #002855;
 
     background-color: #002855;
−
    margin: 0;
 
 
     list-style: none;
 
     list-style: none;
 
     padding: 40px;
 
     padding: 40px;
−
 
+
    margin: 0;
 
   }
 
   }
  
−
   #topnav div,
+
   #topnav li,
 
   a {
 
   a {
−
    text-decoration: none;
 
−
  }
 
−
 
−
  #topnav li a:hover {
 
 
     text-decoration: none;
 
     text-decoration: none;
 
   }
 
   }
Line 52: Line 51:
 
   }
 
   }
  
−
   #topnav .b-nav-item:visited {
+
   #topnav .b-dropdown-main:visited {
 
     color: #525b65;
 
     color: #525b65;
 +
  }
 +
 +
  #topnav li:hover,
 +
  a:hover {
 +
    text-decoration: none;
 
   }
 
   }
  
 
   .dropdown {
 
   .dropdown {
−
     padding-left: 15px;
+
     flex-grow: 1;
−
     padding-right: 15px;
+
     max-width: 150px;
 +
    white-space: nowrap;
 +
    text-align: center;
 
   }
 
   }
  
Line 72: Line 78:
 
     background-color: #f9f9f9;
 
     background-color: #f9f9f9;
 
     min-width: 200px;
 
     min-width: 200px;
−
     border-radius: 7px;
+
     border-radius: 4px;
 
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 
     z-index: 1;
 
     z-index: 1;
Line 91: Line 97:
  
 
   .dropdown-content a:hover {
 
   .dropdown-content a:hover {
−
     color: black;
+
     color:#48fb47;
 +
  }
 +
 
 +
  #navlogo {
 +
    flex-grow: 2;
 +
    max-width: 300px;
 +
  }
 +
 
 +
  .navlogo {
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
  }
 +
 
 +
  .navlogo-img {
 +
    width: 125px;
 +
    margin-left: -43px;
 +
    margin-right: -35px;
 +
    margin-bottom: -7px;
 +
  }
 +
 
 +
  .logo-word {
 +
    text-decoration: none;
 +
    color: #d9a900;
 +
    font-size: 30px;
 +
    font-weight: normal;
 
   }
 
   }
  
Line 100: Line 131:
 
     margin-right: 20px;
 
     margin-right: 20px;
 
     color: #d9a900;
 
     color: #d9a900;
−
     font-size: 18px;
+
     font-size: 22px;
 
   }
 
   }
  
Line 111: Line 142:
 
     z-index: 1;
 
     z-index: 1;
 
     width: 200px;
 
     width: 200px;
−
     margin-left: -200px;
+
     margin-left: -185px;
  
 
   }
 
   }
Line 140: Line 171:
  
 
   }
 
   }
 +
 
 +
  #topnav .b-dropdown-content a:visited {
 +
      color: #525b65;
 +
    }
  
 
   #topnav .b-dropdown:hover .b-dropdown-content {
 
   #topnav .b-dropdown:hover .b-dropdown-content {
Line 146: Line 181:
  
 
   #topnav .b-dropdown-content a:hover {
 
   #topnav .b-dropdown-content a:hover {
−
     color: black;
+
     color:#525b65;
−
  }
+
−
 
+
−
  #topnav .b-dropdown-content a:visited {
+
−
    color: black;
+
 
   }
 
   }
  
Line 161: Line 192:
 
   }
 
   }
  
−
   @media screen and (max-width:720px) {
+
   @media screen and (max-width:730px) {
 
     #topnav li {
 
     #topnav li {
 
       display: none;
 
       display: none;
 
     }
 
     }
 
     #topnav {
 
     #topnav {
−
       justify-content: flex-end;
+
       justify-content: space-between;
 
     }
 
     }
  
 
     #topnav li.burger {
 
     #topnav li.burger {
 
       display: block;
 
       display: block;
 +
    }
 +
    #topnav li#navlogo {
 +
      display: block;
 +
      flex-grow: 0;
 
     }
 
     }
 
   }
 
   }
Line 178: Line 213:
 
   <!--______________Top Navigation Bar_________________________-->
 
   <!--______________Top Navigation Bar_________________________-->
 
   <ul id="topnav">
 
   <ul id="topnav">
−
     <li class="dropdown"><a href="PROJECT" class="dropdown-main">PROJECT</a>
+
     <li class="dropdown"><div class="dropdown-main">PROJECT</div>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
         <a href="#">Design</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Design">Design</a>
−
         <a href="#">Results</a>
+
<a href="https://2018.igem.org/Team:UC_Davis/Measurement">Measurement</a>
−
         <a href="#">Modelling</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Demonstrate">Results</a>
−
         <a href="#">InterLab</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Modeling">Modeling</a>
 +
         <a href="https://2018.igem.org/Team:UC_Davis/InterLab">InterLab</a>
 +
   
 
       </div>
 
       </div>
 
     </li>
 
     </li>
−
     <li class="dropdown"><a href="Human-Resources" class="dropdown-main">HUMAN RESOURCES</a>
+
     <li class="dropdown"><div class="dropdown-main">HUMAN PRACTICES</div>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
         <a href="#">Motivation</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Human_Practices">Integrating Human Practices</a>
−
         <a href="#">Outreach</a>
+
   
−
        <a href="#">Policy</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Education">Education & Outreach</a>
 
       </div>
 
       </div>
 
     </li>
 
     </li>
−
     <li class="dropdown"><a href="Parts" class="dropdown-main">PARTS</a>
+
     <li class="dropdown"><a href="https://2018.igem.org/Team:UC_Davis/Parts" class="nav-item" class="dropdown-main">PARTS</a>
−
      <div class="dropdown-content">
+
 
−
        <a href="#">Basic</a>
+
    </li>
−
        <a href="#">Composite</a>
+
    <li id="navlogo">
−
        <a href="#">Parts Collection</a>
+
      <a class="navlogo" href="https://2018.igem.org/Team:UC_Davis"><img src="https://static.igem.org/mediawiki/2018/7/73/T--UC_Davis--anchor.png" alt="DNA logo" class="navlogo-img"><b class="logo-word">Cenozoic</b></a>
−
      </div>
+
 
     </li>
 
     </li>
−
    <li class="navlogo"><img src="" alt=""></li>
+
     <li class="dropdown"><div class="dropdown-main">LAB WORK</div>
−
     <li class="dropdown"><a href="Lab" class="dropdown-main">LAB WORK</a>
+
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
         <a href="#">Notebook</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Experiments">Experiments</a>
−
         <a href="#">Methods and Materials</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Notebook">Lab Notebook</a>
−
         <a href="#">Safety</a>
+
  <a href="https://2018.igem.org/Team:UC_Davis/SupplementalMaterials">Supplementary Material</a>
 +
         <a href="https://2018.igem.org/Team:UC_Davis/Safety">Safety</a>
 
       </div>
 
       </div>
 
     </li>
 
     </li>
−
     <li class="dropdown"><a href="Team" class="nav-item">TEAM</a>
+
     <li class="dropdown"><div class="nav-item">TEAM</div>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
         <a href="#">Meet the Team</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Team">Meet the Team</a>
−
         <a href="#">Advisors</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Attributions">Attributions</a>
−
         <a href="#">Sposors</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Sponsors">Sponsors</a>
 
       </div>
 
       </div>
 
     </li>
 
     </li>
−
     <li class="dropdown"><a href="Achievements" class="nav-item">ACHIEVEMENTS</a>
+
     <li class="dropdown"><div class="nav-item">ACHIEVEMENTS</div>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
         <a href="#">Medal Requirements</a>
+
         <a href="https://2018.igem.org/Team:UC_Davis/Medal_Requirements">Medal Requirements</a>
−
        <a href="#">Outreach</a>
+
<a href="https://2018.igem.org/Team:UC_Davis/Collaborations">Collaborations</a>
 +
       
 
       </div>
 
       </div>
 
     </li>
 
     </li>
Line 225: Line 262:
 
     <li class="burger"><input type="checkbox" id="b-control"><label for="b-control">&#9776;</label>
 
     <li class="burger"><input type="checkbox" id="b-control"><label for="b-control">&#9776;</label>
 
       <div class="burger-content">
 
       <div class="burger-content">
−
         <div class="b-dropdown"><a href="PROJECT" class="b-dropdown-main">Project</a>
+
         <div class="b-dropdown"><div class="b-dropdown-main">Project</div>
 
           <div class="b-dropdown-content">
 
           <div class="b-dropdown-content">
−
             <a href="#">Design</a>
+
             <a href="https://2018.igem.org/Team:UC_Davis/Design">Design</a>
−
             <a href="#">Results</a>
+
<a href="https://2018.igem.org/Team:UC_Davis/Measurement">Measurement</a>
−
             <a href="#">Modelling</a>
+
             <a href="https://2018.igem.org/Team:UC_Davis/Demonstrate">Results</a>
−
             <a href="#">InterLab</a>
+
             <a href="https://2018.igem.org/Team:UC_Davis/Modeling">Modeling</a>
 +
             <a href="https://2018.igem.org/Team:UC_Davis/InterLab">InterLab</a>
 +
           
 
           </div>
 
           </div>
 
         </div>
 
         </div>
−
         <div class="b-dropdown"><a href="Human-Resources" class="b-dropdown-main">Human Resources</a>
+
         <div class="b-dropdown"><div class="b-dropdown-main">Human Practices</div>
 
           <div class="b-dropdown-content">
 
           <div class="b-dropdown-content">
−
             <a href="#">Motivation</a>
+
             <a href="https://2018.igem.org/Team:UC_Davis/Human_Practices">Integrating Human Practices</a>
−
             <a href="#">Outreach</a>
+
         
−
             <a href="#">Policy</a>
+
             <a href="https://2018.igem.org/Team:UC_Davis/Education">Education & Outreach</a>
 +
              
 
           </div>
 
           </div>
 
         </div>
 
         </div>
−
         <div class="b-dropdown"><a href="Parts" class="b-dropdown-main">Parts</a>
+
         <div class="b-dropdown"><a href="https://2018.igem.org/Team:UC_Davis/Parts" class="b-dropdown-main">Parts</a>
−
          <div class="b-dropdown-content">
+
     
−
            <a href="#">Basic</a>
+
−
            <a href="#">Composite</a>
+
−
            <a href="#">Parts Collection</a>
+
 
           </div>
 
           </div>
 
         </div>
 
         </div>
−
         <div class="b-dropdown"><a href="Lab" class="b-dropdown-main">Lab Work</a>
+
         <div class="b-dropdown"><div class="b-dropdown-main">Lab Work</div>
 
           <div class="b-dropdown-content">
 
           <div class="b-dropdown-content">
−
             <a href="#">Notebook</a>
+
             <a href="https://2018.igem.org/Team:UC_Davis/Experiments">Experiments</a>
−
             <a href="#">Methods and Materials</a>
+
             <a href="https://2018.igem.org/Team:UC_Davis/Notebook">Lab Notebook</a>
−
             <a href="#">Safety</a>
+
<a href="https://2018.igem.org/Team:UC_Davis/SupplementalMaterials">Supplementary Material</a>
 +
             <a href="https://2018.igem.org/Team:UC_Davis/Safety">Safety</a>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
−
         <div class="b-dropdown"><a href="Team" class="b-dropdown-main">Team</a>
+
         <div class="b-dropdown"><div class="b-dropdown-main">Team</div>
 
           <div class="b-dropdown-content">
 
           <div class="b-dropdown-content">
−
             <a href="#">Meet the Team</a>
+
             <a href="https://2018.igem.org/Team:UC_Davis/Team">Meet the Team</a>
 
             <a href="#">Advisors</a>
 
             <a href="#">Advisors</a>
−
             <a href="#">Sposors</a>
+
             <a href="https://2018.igem.org/Team:UC_Davis/Sponsors">Sposors</a>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
−
         <div class="b-dropdown"><a href="Achievements" class="b-dropdown-main">Achievements</a>
+
         <div class="b-dropdown"><div class="b-dropdown-main">Achievements</div>
 
           <div class="b-dropdown-content">
 
           <div class="b-dropdown-content">
−
             <a href="#">Medal Requirements</a>
+
             <a href="https://2018.igem.org/Team:UC_Davis/Medal_Requirements">Medal Requirements</a>
−
            <a href="#">Outreach</a>
+
<a href="https://2018.igem.org/Team:UC_Davis/Collaborations">Collaborations</a>
 +
         
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 272: Line 311:
 
   <!--__________________________________________________________________________________________-->
 
   <!--__________________________________________________________________________________________-->
  
−
   <!--______________________________________________________________________________-->
+
   <!--_________________________________________________________-->
−
 
+
<script>
 +
$(document).ready(function() {
 +
$("#HQ_page").attr('id','');
 +
});
 +
</script>
 
</body>
 
</body>
−
 
  
 
</html>
 
</html>

Latest revision as of 22:58, 17 October 2018

iGEM