Template:Team:TU Munich/Menu
From 2011.igem.org
(Difference between revisions)
(474 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | #navpic { | ||
+ | width: 965px | ||
+ | position: relative; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
#navmenu { | #navmenu { | ||
- | height: | + | height: 170px; |
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
left: 0; | left: 0; | ||
position: relative; | position: relative; | ||
- | top: | + | top: 5px; |
- | width: | + | width: 925px; |
- | + | ||
} | } | ||
#navmenu a:link {color:#CCCCCC;} | #navmenu a:link {color:#CCCCCC;} | ||
#navmenu a:visited {color:#CCCCCC;} | #navmenu a:visited {color:#CCCCCC;} | ||
- | #navmenu a:hover { | + | #navmenu a:hover {text-decoration:none;} |
- | # | + | #tabs .litopic a:link {color:#CCCCCC;} |
- | + | #tabs .litopic a:visited {color:#CCCCCC;} | |
- | + | #tabs .litopic a:hover {text-decoration:none;} | |
+ | |||
+ | #topics { | ||
+ | height: 2em; | ||
+ | list-style: none outside none; | ||
+ | position: relative; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | opacity: 0.9; | ||
+ | } | ||
+ | |||
+ | .ultopic { | ||
+ | margin:0; | ||
list-style-image: none; | list-style-image: none; | ||
list-style-type: none; | list-style-type: none; | ||
- | + | color: white; | |
- | + | font-size: 120%; | |
+ | font-weight: bold; | ||
} | } | ||
- | |||
- | + | ||
+ | .litopic { | ||
+ | background: none repeat scroll 0 0 #444444; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | margin-left: 5px; | ||
+ | text-align: center; | ||
+ | top: 0; | ||
+ | margin-bottom: 0; | ||
+ | width: 149px; | ||
} | } | ||
+ | #navbreadcrumbs { | ||
+ | background-color: #444444; | ||
+ | font-size: 90%; | ||
+ | font-weight: bold; | ||
+ | height: 20px; | ||
+ | list-style: none outside none; | ||
+ | position: absolute; | ||
+ | right: left; | ||
+ | top: -20px; | ||
+ | opacity: 0.9; | ||
+ | } | ||
- | # | + | #breadcrumbs { |
+ | margin: 0 5px 0 5px; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | #navarea { | ||
+ | left: 0px; | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | width: 100%; | ||
+ | display:block; | ||
+ | height: 125px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | #navarea li { | ||
+ | display:block; | ||
+ | overflow:hidden; | ||
+ | margin-top:-30px; | ||
+ | margin-bottom:-30px; | ||
+ | height: 180px; | ||
+ | } | ||
+ | #navarea img { | ||
+ | display:block; | ||
+ | overflow:hidden; | ||
+ | margin-top:0px; | ||
+ | margin-bottom:0px; | ||
+ | height: 200px; | ||
+ | } | ||
+ | |||
+ | #subnavtopics { | ||
background-color: #003F85; | background-color: #003F85; | ||
- | height: | + | display: block; |
+ | height: 0px; | ||
+ | overflow: hidden; | ||
+ | width: 100%; | ||
left: 0; | left: 0; | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: 0px; |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #navtitle { |
- | + | bottom: 10px; | |
- | + | color: #CCCCCC; | |
- | + | ||
position: absolute; | position: absolute; | ||
- | + | left: 30px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | .bacnav { | |
+ | line-height: 6em; | ||
+ | list-style-image: none; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | position: absolute; | ||
+ | } | ||
- | + | .bacnav li { | |
+ | display: float; | ||
+ | margin-right:25px; | ||
+ | margin-bottom:-40px; | ||
+ | position: relative; | ||
+ | height: 200px; | ||
+ | width: 200px; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | opacity: 1; | ||
+ | font-weight: bold; | ||
+ | } | ||
- | </script> | + | .bacnav li a { |
+ | position: relative; | ||
+ | |||
+ | left: 20px; | ||
+ | } | ||
+ | |||
+ | .tdbacnav { | ||
+ | top: 0px; | ||
+ | float: right; | ||
+ | display:block; | ||
+ | margin-bottom:20px; | ||
+ | width: 350px; | ||
+ | } | ||
+ | |||
+ | .tdcontent { | ||
+ | top: 0px; | ||
+ | float: left; | ||
+ | display:block; | ||
+ | margin-bottom:20px; | ||
+ | width: 565px; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <script src="https://2011.igem.org/Team:TU_Munich/menu.js?action=raw&ctype=text/js" type="text/javascript"></script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="navpic" class="ui-corner-top"><a id="bac" href="https://2011.igem.org/Team:TU_Munich"><img src="http://igem.ph.tum.de/wiki/images/0/08/-1.jpg" width=100%></a></div> | ||
<div id="navmenu"> | <div id="navmenu"> | ||
<div id="topics"> | <div id="topics"> | ||
- | <ul id=" | + | <ul class="ultopic" id="navitems"> |
- | + | <a class="navtopic" id="navproject" href="https://2011.igem.org/Team:TU_Munich/project/introduction"><li class="litopic ui-corner-all" id="liproject">Project</li></a> | |
- | + | <a class="navtopic" id="navlab" href="https://2011.igem.org/Team:TU_Munich/lab/results"><li class="litopic ui-corner-all" id="lilab">Lab</li></a> | |
- | <li><a id=" | + | <a class="navtopic" id="navmodel" href="https://2011.igem.org/Team:TU_Munich/model/modeloverview"><li class="litopic ui-corner-all" id="limodel">Modeling</li></a> |
- | <li><a id=" | + | <a class="navtopic" id="navhuman" href="https://2011.igem.org/Team:TU_Munich/human/comics"><li class="litopic ui-corner-all" id="lihuman">Human Practice</li></a> |
+ | <a class="navtopic" id="navteam" href="https://2011.igem.org/Team:TU_Munich/team/teamoverview"><li class="litopic ui-corner-all" id="liteam">Team</li></a> | ||
+ | <a class="navtopic" id="navextra" href="https://2011.igem.org/Team:TU_Munich/extra/extraoverview"><li class="litopic ui-corner-all" id="liextra">Extras</li></a> | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | |||
<div id="navarea"> | <div id="navarea"> | ||
- | + | <ul id="bacliproject" class="bacnav" style="display: none;"> | |
- | + | <a id="bacintroduction" href="https://2011.igem.org/Team:TU_Munich/project/introduction"><li style="background: url(https://static.igem.org/mediawiki/2011/c/cb/TumIntroduction.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/e/e0/TumIntroductioni.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | <a id="bacdesign" href="https://2011.igem.org/Team:TU_Munich/project/design"><li style="background: url(https://static.igem.org/mediawiki/2011/4/45/TumDesign.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/b/b2/TumDesigni.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | <a id="bacapplications" href="https://2011.igem.org/Team:TU_Munich/project/applications"><li style="background: url(https://static.igem.org/mediawiki/2011/5/55/TumApplications.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/0/0a/TumApplicationsi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | <a id="bacdata" href="https://2011.igem.org/Team:TU_Munich/project/data"><li style="background: url(https://static.igem.org/mediawiki/2011/4/4f/TumData.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/3/36/TumDatai.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
- | <ul id=" | + | <ul id="bacliteam" class="bacnav" style="display: none;"> |
- | + | <a id="bacteamoverview" href="https://2011.igem.org/Team:TU_Munich/team/teamoverview"><li style="background: url(https://static.igem.org/mediawiki/2011/3/33/TumOverview.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/7/7a/Overviewi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | <a id="bacuniversity" href="https://2011.igem.org/Team:TU_Munich/team/university"><li style="background: url(https://static.igem.org/mediawiki/2011/b/b7/TumTum.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/b/b7/TumTumi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | <a id="baclab" href="https://2011.igem.org/Team:TU_Munich/team/lab"><li style="background: url(https://static.igem.org/mediawiki/2011/e/e6/TumSimmellab.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/8/84/TumSimmellabi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | <a id="bacprevteam" href="https://2011.igem.org/Team:TU_Munich/team/prevteam"><li style="background: url(https://static.igem.org/mediawiki/2011/8/8f/TumOldteam.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/1/19/TumOldteami.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
</ul> | </ul> | ||
- | <ul id=" | + | <ul id="baclilab" class="bacnav" style="display: none;"> |
- | + | <a id="bacresults" href="https://2011.igem.org/Team:TU_Munich/lab/results"><li style="background: url(https://static.igem.org/mediawiki/2011/d/d8/TumResults.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/2/2f/TumResultsi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | <a id="bacsafety" href="https://2011.igem.org/Team:TU_Munich/lab/safety"><li style="background: url(https://static.igem.org/mediawiki/2011/7/74/TumSafety.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/4/4e/TumSafetyi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | <a id="bacnotebook" href="https://2011.igem.org/Team:TU_Munich/lab/notebook"><li style="background: url(https://static.igem.org/mediawiki/2011/e/e4/TumNotebook.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/8/83/TumNotebooki.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | ||
</ul> | </ul> | ||
- | + | <ul id="baclihuman" class="bacnav" style="display: none;"> | |
- | + | <a id="baccomics" href="https://2011.igem.org/Team:TU_Munich/human/comics"><li style="background: url(https://static.igem.org/mediawiki/2011/3/33/TumOverview.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/7/7a/Overviewi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
- | + | <a id="bacmedia" href="https://2011.igem.org/Team:TU_Munich/human/media"><li style="background: url(https://static.igem.org/mediawiki/2011/1/1a/TumMedia.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/1/12/TumMediai.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | |
+ | <a id="bachighschools" href="https://2011.igem.org/Team:TU_Munich/human/highschools"><li style="background: url(https://static.igem.org/mediawiki/2011/b/bd/TumHighschool.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/9/98/TumHighschooli.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | ||
+ | <a id="backindergarten" href="https://2011.igem.org/Team:TU_Munich/human/kindergarten"><li style="background: url(https://static.igem.org/mediawiki/2011/a/a4/Kindergarden.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/d/d6/Kindergardeni.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | ||
+ | </ul> | ||
+ | <ul id="baclimodel" class="bacnav" style="display: none;"> | ||
+ | <a id="bacmodeloverview" href="https://2011.igem.org/Team:TU_Munich/model/modeloverview"><li style="background: url(https://static.igem.org/mediawiki/2011/3/33/TumOverview.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/7/7a/Overviewi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | ||
+ | <a id="bacguide" href="https://2011.igem.org/Team:TU_Munich/model/guide"><li style="background: url(https://static.igem.org/mediawiki/2011/3/39/TumGuidebook.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/6/61/TumGuidebooki.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | ||
+ | <a id="baccombined" href="https://2011.igem.org/Team:TU_Munich/model/combined"><li style="background: url(https://static.igem.org/mediawiki/2011/6/66/TumCombinedmodel.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/2/28/TumCombinedmodeli.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | ||
+ | </ul> | ||
+ | <ul id="bacliextra" class="bacnav" style="display: none;"> | ||
+ | <a id="bacextraoverview" href="https://2011.igem.org/Team:TU_Munich/extra/extraoverview"><li style="background: url(https://static.igem.org/mediawiki/2011/3/33/TumOverview.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/7/7a/Overviewi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | ||
+ | <a id="bacattributions" href="https://2011.igem.org/Team:TU_Munich/extra/attributions"><li style="background: url(https://static.igem.org/mediawiki/2011/8/89/TumAttributions.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/e/e7/TumAttributionsi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | ||
+ | <a id="bacpartners" href="https://2011.igem.org/Team:TU_Munich/extra/partners"><li style="background: url(https://static.igem.org/mediawiki/2011/c/c5/TumPartners.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/9/94/TumPartnersi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | ||
+ | <a id="bacjamboree" href="https://2011.igem.org/Team:TU_Munich/extra/jamboree"><li style="background: url(https://static.igem.org/mediawiki/2011/8/86/TumJamboree.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/3/37/TumJamboreei.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a> | ||
+ | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | </body> | |
</html> | </html> |
Latest revision as of 00:08, 29 October 2011