Difference between revisions of "Template:Newcastle/navbar2"

 
(18 intermediate revisions by 3 users not shown)
Line 117: Line 117:
  
 
#expand_btn {
 
#expand_btn {
     z-index: 101;
+
     z-index: 0;
 
     position: fixed;
 
     position: fixed;
 +
    right: 0px;
 +
}
 +
 +
.toggle {
 +
    background-color: #333;
 +
    color: white;
 +
    text-indent: 0px;
 +
 +
}
 +
 +
.toggle:hover {
 +
  background-color: #39b54a;
 
}
 
}
  
Line 142: Line 154:
  
  
<div id="navbar" style="position: fixed; top: 16px; left:0px; width:100%; height:50px; z-index:100">
+
<div style="position: fixed; top: 16px; left:0px; width:100%; height:50px; z-index:100">
<ul class="navbar_ul" style="margin:0px">
+
<ul id="navbar" class="navbar_ul" style="margin:0px">
 
   <li class="navbar_li"><a class="site-logo" style="padding:7px" href="https://2018.igem.org/Team:Newcastle">
 
   <li class="navbar_li"><a class="site-logo" style="padding:7px" href="https://2018.igem.org/Team:Newcastle">
 
                 <img src="https://static.igem.org/mediawiki/2018/thumb/2/22/T--Newcastle--RoundLogo.png/555px-T--Newcastle--RoundLogo.png" width=50px alt="Homepage">
 
                 <img src="https://static.igem.org/mediawiki/2018/thumb/2/22/T--Newcastle--RoundLogo.png/555px-T--Newcastle--RoundLogo.png" width=50px alt="Homepage">
Line 155: Line 167:
 
           <a href="https://2018.igem.org/Team:Newcastle/Description">Description</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Description">Description</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Safety">Safety</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Safety">Safety</a>
           <a href="https://2018.igem.org/Team:Newcastle/Parts">Parts</a>
+
           <a href="https://2018.igem.org/Team:Newcastle/Parts">Parts Used</a>
           <a href="https://2018.igem.org/Team:Newcastle/Part_Collection">Parts Collection</a>                 
+
           <a href="https://2018.igem.org/Team:Newcastle/Part_Collection">New Parts Collection</a>                 
 
       </div>
 
       </div>
 
   </li>
 
   </li>
Line 169: Line 181:
 
   <li class="navbar_li"><a href="#">Hardware</a>
 
   <li class="navbar_li"><a href="#">Hardware</a>
 
       <div class="navbar_dropdown_content">
 
       <div class="navbar_dropdown_content">
           <a href="https://2018.igem.org/Team:Newcastle/Hardware">Overview</a>
+
           <a href="https://2018.igem.org/Team:Newcastle/Hardware">Hardware Overview</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Circuitry">Circuitry</a>  
 
           <a href="https://2018.igem.org/Team:Newcastle/Circuitry">Circuitry</a>  
 
           <a href="https://2018.igem.org/Team:Newcastle/Results">Results</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Results">Results</a>
Line 178: Line 190:
 
   <li class="navbar_li"><a href="#">Software</a>
 
   <li class="navbar_li"><a href="#">Software</a>
 
       <div class="navbar_dropdown_content">
 
       <div class="navbar_dropdown_content">
 +
          <a href="https://2018.igem.org/Team:Newcastle/Software">Software Overview</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Software/NH1">NH-1</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Software/NH1">NH-1</a>
           <a href="https://2018.igem.org/Team:Newcastle/Software/OT">OpenTrons</a>
+
           <a href="https://2018.igem.org/Team:Newcastle/Software/OT">Opentrons</a>
 
       </div>
 
       </div>
 
   </li>
 
   </li>
Line 185: Line 198:
 
   <li class="navbar_li"><a href="#">Wetware</a>
 
   <li class="navbar_li"><a href="#">Wetware</a>
 
       <div class="navbar_dropdown_content">
 
       <div class="navbar_dropdown_content">
 +
         
 
           <a href="https://2018.igem.org/Team:Newcastle/Results/Endophyte1">Root Colonisation</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Results/Endophyte1">Root Colonisation</a>
          <a href="https://2018.igem.org/Team:Newcastle/Results/Chemotaxis">Chemotaxis</a>
 
 
           <a href="https://2018.igem.org/Team:Newcastle/Results/Endophyte">Endophytic Chassis</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Results/Endophyte">Endophytic Chassis</a>
 +
          <a href="https://2018.igem.org/Team:Newcastle/Results/Chemotaxis">Chemotaxis</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Results/Operon">Naringenin Operon</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Results/Operon">Naringenin Operon</a>
           <a href="https://2018.igem.org/Team:Newcastle/Experiments">Experiments</a>
+
           <a href="https://2018.igem.org/Team:Newcastle/Protocols">Protocols</a>
 +
          <a href="https://2018.igem.org/Team:Newcastle/Experiments">Lab Book</a>
 
       </div>
 
       </div>
 +
 
   </li>
 
   </li>
  
Line 196: Line 212:
 
       <div class="navbar_dropdown_content">
 
       <div class="navbar_dropdown_content">
 
           <a href="https://2018.igem.org/Team:Newcastle/Model">Modelling Overview</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Model">Modelling Overview</a>
 +
          <a href="https://2018.igem.org/Team:Newcastle/Modelling/Community">Microbial Community Modelling</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Naringenin_Pathway">Naringenin Pathway</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Naringenin_Pathway">Naringenin Pathway</a>
          <a href="https://2018.igem.org/Team:Newcastle/Modelling/Community">Plant Root Community</a>
 
 
       </div>
 
       </div>
 
   </li>
 
   </li>
Line 222: Line 238:
 
       <div class="navbar_dropdown_content">
 
       <div class="navbar_dropdown_content">
 
           <a href="https://2018.igem.org/Team:Newcastle/Medals">Medals</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Medals">Medals</a>
 +
          <a href="https://2018.igem.org/Team:Newcastle/Improve">Improve</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Demonstrate">Demonstrate</a>
 
           <a href="https://2018.igem.org/Team:Newcastle/Demonstrate">Demonstrate</a>
 
       </div>
 
       </div>
Line 227: Line 244:
 
    
 
    
 
</ul>
 
</ul>
<div id="expand_btn"><button onclick="myFunction()">Toggle</button></div>
+
 
 +
<div id="expand_btn"><button class="toggle" onclick="myFunction()">Hide/Show</button></div>
  
 
</div>
 
</div>
 +
 
      
 
      
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 22:32, 17 October 2018