Team:Wageningen UR/Templates/NavigationLeft3
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 | ||
+ | */ | ||
+ | |||
+ | |||
+ | ul.dropdown { | ||
+ | } | ||
+ | |||
+ | ul.dropdown li { | ||
+ | } | ||
+ | |||
+ | ul.dropdown li.hover, | ||
+ | ul.dropdown li:hover { | ||
+ | } | ||
+ | |||
+ | ul.dropdown a:link { | ||
+ | font-family: 'Quattrocento', arial, sans; | ||
+ | color: #244F62; | ||
+ | text-decoration: none; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul.dropdown a:visited { | ||
+ | font-family: 'Quattrocento', arial, sans; | ||
+ | color: #244F62; | ||
+ | text-decoration: none; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul.dropdown a:hover { | ||
+ | font-family: 'Quattrocento', arial, sans; | ||
+ | color: #244F62; | ||
+ | text-decoration: none; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul.dropdown a:active { | ||
+ | font-family: 'Quattrocento', arial, sans; | ||
+ | color: #244F62; | ||
+ | text-decoration: none; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* -- level mark -- */ | ||
+ | |||
+ | ul.dropdown ul { | ||
+ | } | ||
+ | |||
+ | |||
+ | ul.dropdown ul li { | ||
+ | font-weight: normal; | ||
+ | margin-left: 300px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*-------------------------------------------------/ | ||
+ | * @section Support Class `dir` | ||
+ | * @level sep ul, .class | ||
+ | */ | ||
+ | |||
+ | |||
+ | ul.dropdown *.dir { | ||
+ | /* background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); */ | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | position: center; | ||
+ | height: 37px; | ||
+ | padding-left: 34px; | ||
+ | padding-right: 5px; | ||
+ | border: dotted 1px transparent; | ||
+ | margin-left: -13px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* -- Components override -- */ | ||
+ | |||
+ | |||
+ | @import "dropdown.css"; | ||
+ | |||
+ | * html ul.dropdown li { | ||
+ | height: 1px; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li, | ||
+ | ul.dropdown-vertical { | ||
+ | } | ||
+ | |||
+ | 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 | ||
+ | { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/7/75/Navigationbackground_grey_WUR.png'); | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | margin-right: 20px; | ||
+ | margin-top: 30px; | ||
+ | padding-right: 5px; | ||
+ | } | ||
#sideBar ul{ | #sideBar ul{ | ||
Line 8: | Line 161: | ||
} | } | ||
+ | #intr { | ||
+ | display:block; | ||
+ | height: 28px; | ||
+ | padding-top: 9px; | ||
+ | border: dotted 1px transparent; | ||
+ | } | ||
- | # | + | #intr:hover { |
- | + | background-color: #D8D8D8; | |
- | + | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | |
- | + | /* background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); */ | |
- | + | /* background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); */ | |
- | + | /* background-image: url('https://static.igem.org/mediawiki/2011/8/80/5menubar.png'); */ | |
- | + | border: dotted 1px #298BB6; | |
- | + | /* width: 88%; | |
- | + | } | |
- | + | ||
+ | #proj { | ||
+ | display:block; | ||
+ | height: 28px; | ||
+ | padding-top: 9px; | ||
+ | border: dotted 1px transparent; | ||
- | |||
- | |||
- | |||
} | } | ||
+ | #proj:hover { | ||
+ | background-color: #D8D8D8; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | ||
+ | /* background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); */ | ||
+ | /* background-image: url('https://static.igem.org/mediawiki/2011/a/ae/4menubar.png'); */ | ||
+ | /* background-image: url('https://static.igem.org/mediawiki/2011/8/80/5menubar.png'); */ | ||
+ | border: dotted 1px #298BB6; | ||
+ | /* width: 88%; | ||
+ | } | ||
- | # | + | #md { |
- | + | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | |
- | + | background-repeat: no-repeat; | |
- | + | background-position: left; | |
} | } | ||
- | </style> | + | #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> | ||
</head> | </head> | ||
<body> | <body> | ||
<div id="sideBar"> | <div id="sideBar"> | ||
- | + | <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> | |
- | + | <li id="intr" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Team">Team</a> | |
- | <li id=" | + | </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 id="compl_proj"><a href="https://2011.igem.org/Team:Wageningen_UR/Project/CompleteProject1Description" style="text-decoration:none">Project Description</a></li> | |
- | <li id=" | + | <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 id=" | + | |
- | < | + | <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 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 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 id="socmed" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/SocialMedia">Social Media</a> | ||
+ | </li> | ||
+ | |||
+ | <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 id="prot" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/Protocols">Protocols</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
</div> | </div> | ||
- | + | </body> | |
- | + | </html> |
Revision as of 22:47, 31 July 2011