Team:Wageningen UR/Testpage
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <html> | |
+ | <head> | ||
+ | <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 1px 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/e/e0/1menubar.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/4/43/3menubar.png'); | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | |||
+ | ul.dropdown a:link { | ||
+ | color: white; | ||
+ | text-shadow: 0 1px 0 #372c24; | ||
+ | text-decoration: none; | ||
+ | font-family: 'Ubuntu', serif; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul.dropdown a:visited { | ||
+ | color: white; | ||
+ | text-shadow: 0 1px 0 #372c24; | ||
+ | text-decoration: none; | ||
+ | font-family: 'Ubuntu', serif; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul.dropdown a:hover { | ||
+ | color: white; | ||
+ | text-shadow: 0 1px 0 #372c24; | ||
+ | text-decoration: none; | ||
+ | font-family: 'Ubuntu', serif; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.dropdown a:active { | ||
+ | color: white; | ||
+ | text-shadow: 0 1px 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/e/e0/1menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #intr:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 0% 48%; | ||
+ | } | ||
+ | #team { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #team:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 0% 45%; | ||
+ | } | ||
+ | |||
+ | #proj { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | #proj:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 0% 1.5%; | ||
+ | padding-bottom: 289px; | ||
+ | } | ||
+ | |||
+ | #md { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #md:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #saf { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #saf:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #pres { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #pres:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #att { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #att:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | |||
+ | #socmed { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #socmed:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | #linkses { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/e/e0/1menubar.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left; | ||
+ | } | ||
+ | |||
+ | #linkses:hover { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2011/4/43/3menubar.png'); | ||
+ | background-position: 0% 3%; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-bottom: 136px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="sideBar"> | ||
+ | |||
+ | <div id="Logo"> | ||
+ | </div> | ||
+ | |||
+ | <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/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> | ||
+ | </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" 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/">Presentations</a></li> | ||
+ | |||
+ | <li id="att" class="dir"><a>Attributions</a> | ||
+ | </li> | ||
+ | |||
+ | <li id="socmed" class="dir"><a href="https://2011.igem.org/Team:Wageningen_UR/SocialMedia">Social Media</a> | ||
+ | </li> | ||
+ | |||
+ | <li id="att" 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> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 23:23, 24 May 2011