Team:Wageningen UR/Templates/NavigationLeft2
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
<html> | <html> | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | @charset "UTF-8"; | ||
+ | |||
+ | /** | ||
+ | * Default CSS Drop-Down Menu Theme | ||
+ | * | ||
+ | * @file default.css | ||
+ | * @name Default | ||
+ | * @version 0.1 | ||
+ | * @type transitional | ||
+ | * @browsers Windows: IE5+, Opera7+, Firefox1+ | ||
+ | * Mac OS: Safari2+, Firefox2+ | ||
+ | * | ||
+ | * @link http://www.lwis.net/ | ||
+ | * @copyright 2008 Live Web Institute. All Rights Reserved. | ||
+ | * | ||
+ | * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {} | ||
+ | * Expected directory tag - li | ||
+ | * | ||
+ | */ | ||
+ | |||
+ | @import "helper.css"; | ||
+ | @import url(http://fonts.googleapis.com/css?family=Ubuntu); | ||
+ | |||
+ | |||
+ | /*-------------------------------------------------/ | ||
+ | * @section Base Drop-Down Styling | ||
+ | * @structure ul (unordered list) | ||
+ | * ul li (list item) | ||
+ | * ul li a (links) | ||
+ | * /*\.class|(li|a):hover/ | ||
+ | * @level sep ul | ||
+ | */ | ||
+ | |||
+ | a { | ||
+ | font-family: 'Ubuntu', serif; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | color: white; | ||
+ | text-shadow: 0 0px 0 #372c24; | ||
+ | } | ||
+ | |||
+ | ul.dropdown { | ||
+ | font-family: 'Ubuntu', serif; | ||
+ | color: transparent; | ||
+ | margin-bottom: -34px; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li { | ||
+ | /* background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); */ | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 3% 50%; | ||
+ | height: 34px; | ||
+ | padding-top: 12px; | ||
+ | padding-left: 37px; | ||
+ | margin: 0 0 0 1em; | ||
+ | border-style: solid; | ||
+ | border-width: 2px; | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li.hover, | ||
+ | ul.dropdown li:hover { | ||
+ | background-color: transparent; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/8/80/5menubar.png'); | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | |||
+ | ul.dropdown a:link { | ||
+ | color: white; | ||
+ | text-shadow: 0 0px 0 #372c24; | ||
+ | text-decoration: none; | ||
+ | font-family: 'Ubuntu', serif; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul.dropdown a:visited { | ||
+ | color: white; | ||
+ | text-shadow: 0 0px 0 #372c24; | ||
+ | text-decoration: none; | ||
+ | font-family: 'Ubuntu', serif; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul.dropdown a:hover { | ||
+ | color: white; | ||
+ | text-shadow: 0 0px 0 #372c24; | ||
+ | text-decoration: none; | ||
+ | font-family: 'Ubuntu', serif; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.dropdown a:active { | ||
+ | color: white; | ||
+ | text-shadow: 0 0px 0 #372c24; | ||
+ | text-decoration: none; | ||
+ | font-family: 'Ubuntu', serif; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* -- level mark -- */ | ||
+ | |||
+ | ul.dropdown ul { | ||
+ | margin-left: -32px; | ||
+ | width: 190px !important; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li { | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*-------------------------------------------------/ | ||
+ | * @section Support Class `dir` | ||
+ | * @level sep ul, .class | ||
+ | */ | ||
+ | |||
+ | |||
+ | ul.dropdown *.dir { | ||
+ | padding-right: 0px; | ||
+ | background-image: url(images/nav-arrow-down.png); | ||
+ | background-position: 100% 50%; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* -- Components override -- */ | ||
+ | |||
+ | |||
+ | @import "dropdown.css"; | ||
+ | |||
+ | * html ul.dropdown li { | ||
+ | height: 1px; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li, | ||
+ | ul.dropdown-vertical { | ||
+ | margin-left: 100px; | ||
+ | mar\gin-left: 0px; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul, | ||
+ | ul.dropdown li:hover ul ul, | ||
+ | ul.dropdown li:hover ul ul ul, | ||
+ | ul.dropdown li:hover ul ul ul ul, | ||
+ | ul.dropdown li:hover ul ul ul ul ul { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li:hover ul, | ||
+ | ul.dropdown ul li:hover ul, | ||
+ | ul.dropdown ul ul li:hover ul, | ||
+ | ul.dropdown ul ul ul li:hover ul, | ||
+ | ul.dropdown ul ul ul ul li:hover ul { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul ul ul ul ul ul { | ||
+ | visibility: hidden !important; | ||
+ | } | ||
+ | |||
+ | #sideBar ul { | ||
+ | list-style: none !important; | ||
+ | margin-bottom: 100px; | ||
+ | } | ||
+ | |||
+ | #intr { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #intr:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 0% 48%; | ||
+ | } | ||
+ | #team { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #team:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 0% 45%; | ||
+ | } | ||
+ | |||
+ | #proj { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | #proj:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 0% 1.5%; | ||
+ | padding-bottom: 289px; | ||
+ | } | ||
+ | |||
+ | #md { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #md:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #saf { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #saf:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #pres { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #pres:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #att { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #att:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | |||
+ | #socmed { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #socmed:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #linkses { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #linkses:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); | ||
+ | background-position: 0% 3%; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-bottom: 136px; | ||
+ | } | ||
+ | |||
+ | #prot { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #prot:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); | ||
+ | background-position: 0% 3%; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-bottom: 136px; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
Line 9: | Line 301: | ||
<div id="sideBar"> | <div id="sideBar"> | ||
- | <ul> | + | <div id="Logo"> |
- | <li id=" | + | </div> |
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Team">Team</a></li> | + | |
- | + | <ul id="nav" class="dropdown dropdown-vertical" class="cfix"> | |
- | + | <li id="intr" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR">Home</a> | |
- | + | <li id="team" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Team">Team</a> | |
+ | </li> | ||
+ | |||
+ | <li id="proj" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj1" style="text-decoration:none">Synchronized Oscillatory System</a> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject1Description" style="text-decoration:none">Project Description</a></li> | ||
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/Devices" style="text-decoration:none">Devices</a></li> | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/Devices" style="text-decoration:none">Devices</a></li> | ||
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/ModelingProj1" style="text-decoration:none">Modeling</a></li> | + | |
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/NotebookProj1" style="text-decoration:none">Notebook</a></li> | + | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/ModelingProj1" style="text-decoration:none">Modeling</a></li> |
+ | |||
+ | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/NotebookProj1" style="text-decoration:none">Notebook</a></li> | ||
+ | |||
<li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/PartsProj1" style="text-decoration:none">Parts Submitted to the Registry</a></li> | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/PartsProj1" style="text-decoration:none">Parts Submitted to the Registry</a></li> | ||
- | + | </ul> | |
</li> | </li> | ||
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj2">Fungal Track 'n Trace</a> | + | |
- | + | <li id="proj" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Project/IntroductionProj2">Fungal Track 'n Trace</a> | |
- | + | <ul> | |
- | + | ||
- | + | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject2Description" style="text-decoration:none">Project Description</a></li> | |
- | + | ||
- | + | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/ModelingProj2" style="text-decoration:none">Modeling</a></li> | |
+ | |||
+ | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/NotebookProj2" style="text-decoration:none">Notebook</a></li> | ||
+ | |||
+ | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Project/PartsProj2" style="text-decoration:none">Parts Submitted to the Registry</a></li> | ||
+ | </ul> | ||
</li> | </li> | ||
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Softwaretool" style="text-decoration:none">Software Tool</a></li> | + | |
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Safety">Safety</a></li> | + | |
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/ownpresentations">Presentations</a></li> | + | |
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Attributions">Attributions</a> | + | <li id="md" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Softwaretool" style="text-decoration:none">Software Tool</a></li> |
+ | |||
+ | <li id="saf" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Safety">Safety</a></li> | ||
+ | |||
+ | <li id="pres" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/ownpresentations">Presentations</a></li> | ||
+ | |||
+ | <li id="att" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Attributions">Attributions</a> | ||
</li> | </li> | ||
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/SocialMedia">Social Media</a> | + | |
+ | <li id="socmed" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/SocialMedia">Social Media</a> | ||
</li> | </li> | ||
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Links">Links</a> | + | |
- | + | <li id="linkses" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Links">Links</a> | |
- | + | <ul> | |
- | + | <li id="spons"><a href="https://igem.org/Main_Page">iGEM</a> | |
- | + | ||
- | + | <li id="spons"><a href="http://www.wageningenuniversity.nl/NL/?gclid=CIifsvf0m6gCFcos3goduHf9HA">WUR</a> | |
+ | |||
+ | <li id="spons"><a href="http://www.mlab.nl/">Microscopy ML@b Wageningen UR</a> | ||
+ | |||
+ | </ul> | ||
</li> | </li> | ||
- | <li><a href="https://2011.igem.org/Team:Wageningen_UR/Protocols">Protocols</a> | + | <li id="prot" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Protocols">Protocols</a> |
</li> | </li> | ||
- | + | ||
- | + | </ul> | |
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 23:44, 24 May 2011