Team:Groningen/Templates/NavigationbarII

From 2013.igem.org

(Difference between revisions)
Line 119: Line 119:
}
}
   
   
-
.accordion li:target > .sub-menu {
+
.accordion li:target > .sub-menu2 {
-
     height: 398px;
+
     height: 98px;
 +
}
 +
.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
Source: http://designmodo.com/css3-accordion-menu/#ixzz2gmcjwHdy
Line 154: Line 162:
<li id="four" class="sign"><a href="#four">Project</a>
<li id="four" class="sign"><a href="#four">Project</a>
-
<ul class="sub-menu">
+
<ul class="sub-menu5">
         <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">Project</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">Backbone</a></li>
Line 165: Line 173:
   
   
<li id="five" class="sign"><a href="#five">Wet Lab</a>
<li id="five" class="sign"><a href="#five">Wet Lab</a>
-
<ul class="sub-menu">
+
<ul class="sub-menu2">
         <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">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">Protocols</a></li>  
Line 172: Line 180:
<li id="six" class="sign"><a href="#Six">Modeling</a>
<li id="six" class="sign"><a href="#Six">Modeling</a>
-
<ul class="sub-menu">
+
<ul class="sub-menu2">
         <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/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"">Heat Motility</a></li>
Line 183: Line 191:
<li id="nine" class="sign"><a href="#nine">Outreach</a>
<li id="nine" class="sign"><a href="#nine">Outreach</a>
-
<ul class="sub-menu">
+
<ul class="sub-menu4">
         <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">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">Indian summer</a></li>
Line 192: Line 200:
<li id="ten" class="sign"><a href="#ten">Achievements</a>
<li id="ten" class="sign"><a href="#ten">Achievements</a>
-
<ul class="sub-menu">
+
<ul class="sub-menu2">
         <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">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">Collaboration</a></li>
Line 201: Line 209:
<li id="twelve" class="sign"><a href="#twelve">Sponsors</a>
<li id="twelve" class="sign"><a href="#twelve">Sponsors</a>
-
<ul class="sub-menu">
+
<ul class="sub-menu2">
         <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">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">How to donate</a></li>

Revision as of 20:01, 4 October 2013