Team:Groningen/Templates/Navigationbar

From 2013.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
 
<style>
<style>
.accordion,
.accordion,
Line 24: Line 23:
     line-height: 1.5;
     line-height: 1.5;
     position: relative;
     position: relative;
-
     width: 125px;
+
     width: 130px;
     font-size: 15px;
     font-size: 15px;
     font-weight: 500;
     font-weight: 500;
Line 120: Line 119:
   
   
.accordion li:target > .sub-menu {
.accordion li:target > .sub-menu {
-
     height: 98px;
+
     height:100%;
-
}
+
-
.accordion li:target > #sub-menu3 {
+
-
    height: 147px;
+
-
}
+
-
.accordion li:target > #sub-menu4 {
+
-
    height: 196px;
+
-
}
+
-
.accordion li:target > #sub-menu5 {
+
-
    height: 245px;
+
}
}
-
Source: http://designmodo.com/css3-accordion-menu/#ixzz2gmcjwHdy
+
 
</style>
</style>
-
<div width="200px">
+
<nav>
<ul class="accordion">
<ul class="accordion">
Line 141: Line 131:
<li id="one" class="files"><a href="https://2013.igem.org/Team:Groningen">Home</a>
<li id="one" class="files"><a href="https://2013.igem.org/Team:Groningen">Home</a>
   
   
-
<li id="two" class="files"><a href="#two">Team</a>
+
<li id="two" class="files" class="navigation"><a href="#two">Team</a>
   
   
-
   <ul class="sub-menu" id="sub-menu5">
+
   <ul class="sub-menu" >
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Team" >Team</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Team#two">Team</a></li>
-
         <li><a href="https://igem.org/Team.cgi?id=1085" target="_blank" >Official profile</a></li>
+
         <li><a href="https://igem.org/Team.cgi?id=1085" target="_blank" >Official profile</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Acknowledgements">Acknowledgements</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Acknowledgements#two" >Acknowledgements</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Attributions">Attributions</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Attributions#two" >Attributions</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/photos">Gallery</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/photos#two" >Gallery</a></li>
   </ul>
   </ul>
</li>
</li>
-
<li id="three" class="files"><a href="#three">Spider silk</a>
+
<li id="three" class="files" class="navigation"><a href="#three" >Spider silk</a>
   
   
-
<ul class="sub-menu" id="sub-menu3">
+
<ul class="sub-menu" >
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Background">Background</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Silk#three" >Overview</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/BiomedicalProperties">Biomedical    <br>Properties</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Background#three" >Background</a></li>
-
        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Protein">Spider Silk Protein</a></li>
+
   </ul>
   </ul>
</li>
</li>
-
<li id="four" class="sign"><a href="#four">Project</a>
+
<li id="four" class="sign" class="navigation"><a href="#four">Project</a>
-
<ul class="sub-menu" id="sub-menu5">
+
<ul class="sub-menu" >
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Project">Project</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Project#four" >Introduction</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Construct">Backbone</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Construct#four" >Backbone</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkAssemblyShop">Silk Assembly Shop</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkAssemblyShop#four" >Silk Assembly Shop</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Motility">Coating Mechanism</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Motility#four" >Stay Warm, Stay Close</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkSecretion">Final Setup</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkSecretion#four" >The Future</a></li>
-
        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Conclusion">Conclusion</a></li>
+
   </ul>
   </ul>
</li>
</li>
   
   
-
<li id="five" class="sign"><a href="#five">Wet Lab</a>
+
<li id="five" class="sign" class="navigation"><a href="#five" target="_self">Wet Lab</a>
<ul class="sub-menu">
<ul class="sub-menu">
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/experiments">Experiments</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/experiments#five" target="_self">Experiments</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Protocols">Protocols</a></li>  
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Protocols#five" target="_self">Protocols</a></li>  
   </ul>
   </ul>
</li>
</li>
-
<li id="six" class="sign"><a href="#six">Modeling</a>
+
<li id="six" class="sign" class="navigation"><a href="#six" target="_top">Modeling</a>
<ul class="sub-menu">
<ul class="sub-menu">
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Codonoptimization">Codon optimization</a></li>
+
 
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Heatmotility"">Heat Motility</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Heatmotility#six" >Heat Motility</a></li>
 +
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Codonoptimization#six" >Codon optimization</a></li>
 +
 
   </ul>
   </ul>
</li>
</li>
Line 190: Line 180:
<li id="eight" class="sign"><a href="https://2013.igem.org/Team:Groningen/Navigation/Parts">Submitted Parts</a></li>
<li id="eight" class="sign"><a href="https://2013.igem.org/Team:Groningen/Navigation/Parts">Submitted Parts</a></li>
-
<li id="nine" class="sign"><a href="#nine">Outreach</a>
+
<li id="nine" class="sign" class="navigation"><a href="#nine" target="_top">Outreach</a>
-
<ul class="sub-menu" id="sub-menu4">
+
<ul class="sub-menu" >
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/noas">Night of <br>Art & Science</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/noas#nine" >Night of <br>Art & Science</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Indiansummer">Indian summer</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Indiansummer#nine" >Indian summer</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/summerschool">Summerschool</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/summerschool#nine" >Summerschool</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Symposia">Symposia</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Symposia#nine" >Symposia</a></li>
   </ul>
   </ul>
</li>
</li>
-
<li id="ten" class="sign"><a href="#ten">Achievements</a>
+
<li id="ten" class="sign" class="navigation"><a href="#ten" target="_top">Achievements</a>
<ul class="sub-menu">
<ul class="sub-menu">
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Medals">Medal fulfillment</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Medals#ten" >Medal fulfillment</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/PartsCollaboration">Collaboration</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/PartsCollaboration#ten" >Collaboration</a></li>
   </ul>
   </ul>
</li>
</li>
Line 208: Line 198:
<li id="eleven" class="sign"><a href="https://2013.igem.org/Team:Groningen/Navigation/Safety">Safety</a></li>
<li id="eleven" class="sign"><a href="https://2013.igem.org/Team:Groningen/Navigation/Safety">Safety</a></li>
-
<li id="twelve" class="sign"><a href="#twelve">Sponsors</a>
+
<li id="twelve" class="sign" class="navigation"><a href="#twelve" >Sponsors</a>
<ul class="sub-menu">
<ul class="sub-menu">
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Sponsors">Sponsors</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Sponsors#twelve">Sponsors</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Donations">How to donate</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Donations#twelve" >How to donate</a></li>
   </ul>
   </ul>
</li>
</li>
Line 217: Line 207:
<li id="eleven" class="sign"><a <a href="https://2013.igem.org/Team:Groningen/Navigation/Contact">Contact</a></li>
<li id="eleven" class="sign"><a <a href="https://2013.igem.org/Team:Groningen/Navigation/Contact">Contact</a></li>
-
</div>
+
</nav>
</html>
</html>

Latest revision as of 03:05, 5 October 2013