"
Team:Groningen/Templates/NavigationbarII
From 2013.igem.org
(Difference between revisions)
| (34 intermediate revisions not shown) | |||
| Line 25: | Line 25: | ||
position: relative; | position: relative; | ||
width: 160px; | width: 160px; | ||
| + | font-size: 15px; | ||
font-weight: 500; | font-weight: 500; | ||
| - | padding: | + | padding: 7px 12px; |
/*padding: 0 10px 0 40px;*/ | /*padding: 0 10px 0 40px;*/ | ||
| Line 119: | Line 120: | ||
.accordion li:target > .sub-menu { | .accordion li:target > .sub-menu { | ||
| - | height: | + | height: 100%; |
} | } | ||
| + | |||
| + | Source: http://designmodo.com/css3-accordion-menu/#ixzz2gmcjwHdy | ||
</style> | </style> | ||
| Line 128: | Line 131: | ||
<ul class="accordion"> | <ul class="accordion"> | ||
| - | <li id="one" class="files"><a href=" | + | <li id="one" class="files"><a href="https://2013.igem.org/Team:Groningen">Home</a> |
| - | + | <li id="two" class="files"><a href="#two" target="_top">Team</a> | |
| - | <li><a href=" | + | <ul class="sub-menu" > |
| + | <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Team" >Team</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/Attributions">Attributions</a></li> | ||
| + | <li><a href="https://2013.igem.org/Team:Groningen/photos">Gallery</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <li id="three" class="files"><a href="#three" target="_top">Spider silk</a> | ||
| - | <li><a href=" | + | <ul class="sub-menu" > |
| - | + | <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Background">Background</a></li> | |
| - | <li><a href="#"> | + | <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/Protein">Spider Silk Protein</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <li id="four" class="sign"><a href="#four" target="_top">Project</a> | ||
| + | <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/Construct">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/Motility">Coating Mechanism</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/Conclusion">Conclusion</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| - | + | <li id="five" class="sign"><a href="#five" target="_top">Wet Lab</a> | |
| - | + | <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/Protocols">Protocols</a></li> | |
| - | + | </ul> | |
| - | + | </li> | |
| - | + | ||
| - | </ul> | + | |
| + | <li id="six" class="sign"><a href="six" target="_top" >Modeling</a> | ||
| + | <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> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li id="seven" class="sign"><a href="https://2013.igem.org/Team:Groningen/Navigation/Notebook">Labjournal</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" target="_top">Outreach</a> | ||
| + | <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/Indiansummer">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/Symposia">Symposia</a></li> | ||
| + | </ul> | ||
</li> | </li> | ||
| + | <li id="ten" class="sign"><a href="#ten" target="_top">Achievements</a> | ||
| + | <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/PartsCollaboration">Collaboration</a></li> | ||
| + | </ul> | ||
| + | </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" target="_top">Sponsors</a> | ||
| + | <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/Donations">How to donate</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <li id="eleven" class="sign"><a <a href="https://2013.igem.org/Team:Groningen/Navigation/Contact">Contact</a></li> | ||
</div> | </div> | ||
| + | <br><br><br> | ||
| + | <ul class="accordion"> | ||
| + | |||
| + | <li id="one" class="files"><a href="#one">My Files<span>495</span></a> | ||
| + | |||
| + | <ul class="sub-menu"> | ||
| + | |||
| + | <li><a href="#"><em>01</em>Dropbox<span>42</span></a></li> | ||
| + | |||
| + | <li><a href="#"><em>02</em>Skydrive<span>87</span></a></li> | ||
| + | |||
| + | <li><a href="#"><em>03</em>FTP Server<span>366</span></a></li> | ||
| + | |||
| + | </ul> | ||
| + | |||
| + | </li> | ||
| - | + | <li id="two" class="mail"><a href="#two">Mail<span>26</span></a></li> | |
| + | |||
| + | <li id="three" class="cloud"><a href="#three">Cloud<span>58</span></a></li> | ||
| + | |||
| + | <li id="four" class="sign"><a href="#four">Sign Out</a></li> | ||
| + | |||
| + | </ul> | ||
Latest revision as of 20:35, 4 October 2013
