Template:Stylesheet.css
From 2012hs.igem.org
(Difference between revisions)
(9 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<title>iGEM-2012HS - LSL-Heidelberg</title> | <title>iGEM-2012HS - LSL-Heidelberg</title> | ||
<style> | <style> | ||
+ | |||
+ | #menu * { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #menu { | ||
+ | behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 --> | ||
+ | font-family: calibri, verdana, sans-serif; | ||
+ | font-size: 14px; | ||
+ | background-color: transparent; | ||
+ | float:left; | ||
+ | padding: 10px 0 0 0; | ||
+ | } | ||
+ | |||
+ | #menu ul { | ||
+ | float: left; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #menu ul li { | ||
+ | background-color:black; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | list-style: none; | ||
+ | padding: 10px 15px 0 0; | ||
+ | font-weight: bold; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | #menu a { | ||
+ | color: #FFF; | ||
+ | display: inline; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #menu a:visited { | ||
+ | color:#FFFFFF; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | |||
+ | #menu a:hover { | ||
+ | color: #00a5ea; | ||
+ | } | ||
+ | |||
+ | #menu ul li ul { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | left: -20px; | ||
+ | width: 155px; | ||
+ | heigth: 1%; | ||
+ | font-size: 12px; | ||
+ | opacity: 0.8; | ||
+ | list-style: none; | ||
+ | top: 19px; | ||
+ | padding-top: 9px; | ||
+ | z-index:500; | ||
+ | } | ||
+ | |||
+ | #menu ul li:hover ul { | ||
+ | display: inline; | ||
+ | background-position: bottom; | ||
+ | } | ||
+ | |||
+ | #menu ul li ul li { | ||
+ | width: 100%; | ||
+ | list-style: none; | ||
+ | background-color: #000; | ||
+ | margin: -1px; | ||
+ | padding: 0 0 0 5px; | ||
+ | display: inline; | ||
+ | } | ||
Line 42: | Line 114: | ||
border-top-width:1px; | border-top-width:1px; | ||
+ | #bodyContent { | ||
+ | width: 660px; | ||
+ | } | ||
+ | #bodySidebar { | ||
+ | position: relative; | ||
+ | width: 300px; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 93: | Line 131: | ||
</script> | </script> | ||
</head> | </head> | ||
+ | <body> | ||
+ | <!--[if IE]> | ||
+ | <style type="text/css"> | ||
+ | #SubWrapper {width: 645px;} | ||
+ | #news {width: 317px;} | ||
+ | #super_main_wrapper {position:static;} | ||
+ | #navigation {left: 15px;} | ||
+ | #menu ul li ul {left: -2px; top: 22px;} | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | <div id="main_wrapper"> | ||
+ | <div id="header"> | ||
+ | <div id="navigation"> | ||
+ | <div id="menu" style="position:static"> | ||
+ | <ul> | ||
+ | <li id="mainHome"><a class="aMain" href="https://2009.igem.org/Team:Heidelberg">Home</a></li> | ||
+ | <li id="mainTeam"><a class="aTeam" href="https://2009.igem.org/Team:Heidelberg/Team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Team">Overview</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Students">Students</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Advisors">Advisors</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Scientific_Environment">Scientific Environment</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Gallery">Gallery</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="mainProject"><a class="aProject" href="https://2009.igem.org/Team:Heidelberg/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Project">Abstract</a></li> | ||
+ | <!--<li><a href="https://2009.igem.org/Team:Heidelberg/Project_Highlights">Highlights</a></li>--> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Introduction">Introduction</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Measurement">Measurement</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Synthetic_promoters">Synthetic Promoters</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Further">Further Subprojects</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Project_SaO">Summary & Outlook</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Project_References">References</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Acknowledgement">Acknowledgements</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="mainParts"><a class="aParts" href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Parts_Characterization">Characterization</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="mainModeling"><a class="aModeling" href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">What is HEARTBEAT?</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_database">HEARTBEAT Database</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_GUI">HEARTBEAT GUI</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_gui">GUI Documentation</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_network">HEARTBEAT Fuzzy Network Modeling</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="mainNotebook"><a class="aNotebook" href="https://2009.igem.org/Team:Heidelberg/Notebook">Notebook</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_natural_promoters_overview">Natural Promoters</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_synthetic_promoters">Synthetic Promoters</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_promoters_cells">Cell Culture, Promoters</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_cell_line">Stable Cell Line</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_color_output">Multi-Color Output</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_modeling">HEARTBEAT</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_measure">Measurements</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_MaM">Material & Methods</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_meetings">Team Meetings</a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:Heidelberg/Biosafety">Biosafety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="mainEucaryopedia"><a class="aEucaryopedia" href="https://2009.igem.org/Team:Heidelberg/Eukaryopedia">Eukaryopedia</a></li> | ||
+ | <li id="mainSponsors"><a class="aSponsors" href="https://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </div><!-- end drop menu --> | ||
+ | </div> <!-- end navigation --> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- For IE 6 --> | ||
+ | <script type="text/javascript"> | ||
+ | window.onload = function() { | ||
+ | var lis = document.getElementsByTagName('li'); | ||
+ | for(i = 0; i < lis.length; i++) { | ||
+ | var li = lis[i]; | ||
+ | if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') { | ||
+ | li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; } | ||
+ | li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | </body> | ||
+ | |||
</html> | </html> |
Latest revision as of 16:57, 23 April 2012