Team:ETH Zurich/Templates/TestHeader
From 2012.igem.org
(Difference between revisions)
(Created page with "<html> <style type="text/css"> /* Author: Pieter van Boheemen */ - →Team: TU Delft: #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: ...") |
|||
Line 28: | Line 28: | ||
#contentSub {display: none;} | #contentSub {display: none;} | ||
p:first-child { display: none;} | p:first-child { display: none;} | ||
+ | |||
+ | /* menu styles */ | ||
+ | #jsddm | ||
+ | { margin: 0; | ||
+ | padding: 0} | ||
+ | |||
+ | #jsddm li | ||
+ | { float: left; | ||
+ | list-style: none; | ||
+ | font: 12px Tahoma, Arial} | ||
+ | |||
+ | #jsddm li a | ||
+ | { display: block; | ||
+ | background: #324143; | ||
+ | padding: 5px 12px; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px solid white; | ||
+ | width: 70px; | ||
+ | color: #EAFFED; | ||
+ | white-space: nowrap} | ||
+ | |||
+ | #jsddm li a:hover | ||
+ | { background: #24313C} | ||
+ | |||
+ | #jsddm li ul | ||
+ | { margin: 0; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | border-top: 1px solid white} | ||
+ | |||
+ | #jsddm li ul li | ||
+ | { float: none; | ||
+ | display: inline} | ||
+ | |||
+ | #jsddm li ul li a | ||
+ | { width: auto; | ||
+ | background: #A9C251; | ||
+ | color: #24313C} | ||
+ | |||
+ | #jsddm li ul li a:hover | ||
+ | { background: #8EA344} | ||
#eth_page { | #eth_page { | ||
Line 51: | Line 93: | ||
</style> | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | var timeout = 500; | ||
+ | var closetimer = 0; | ||
+ | var ddmenuitem = 0; | ||
+ | |||
+ | function jsddm_open() | ||
+ | { jsddm_canceltimer(); | ||
+ | jsddm_close(); | ||
+ | ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');} | ||
+ | |||
+ | function jsddm_close() | ||
+ | { if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');} | ||
+ | |||
+ | function jsddm_timer() | ||
+ | { closetimer = window.setTimeout(jsddm_close, timeout);} | ||
+ | |||
+ | function jsddm_canceltimer() | ||
+ | { if(closetimer) | ||
+ | { window.clearTimeout(closetimer); | ||
+ | closetimer = null;}} | ||
+ | |||
+ | $(document).ready(function() | ||
+ | { $('#jsddm > li').bind('mouseover', jsddm_open); | ||
+ | $('#jsddm > li').bind('mouseout', jsddm_timer);}); | ||
+ | |||
+ | document.onclick = jsddm_close; | ||
+ | </script> | ||
</html> | </html> | ||
<div id="eth_page"> | <div id="eth_page"> | ||
<div id="eth_header">[[Image:eth_page_header.png|link=https://2012.igem.org/Main_Page]]</div> | <div id="eth_header">[[Image:eth_page_header.png|link=https://2012.igem.org/Main_Page]]</div> | ||
+ | <div> | ||
+ | <ul id="jsddm"> | ||
+ | <li><a href="#">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Parts</a> | ||
+ | <ul> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Modeling</a> | ||
+ | <ul> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Notebook</a> | ||
+ | <ul> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Safety</a> | ||
+ | <ul> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Attributions</a> | ||
+ | <ul> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | <li><a href="#">TBA</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <div class="clear"> </div> | ||
+ | |||
+ | </div> | ||
<div id="eth_content"> | <div id="eth_content"> |
Revision as of 09:55, 29 August 2012
- <a href="#">Project</a>
- <a href="#">TBA</a>
- <a href="#">TBA</a>
- <a href="#">Parts</a>
- <a href="#">TBA</a>
- <a href="#">TBA</a>
- <a href="#">Modeling</a>
- <a href="#">TBA</a>
- <a href="#">TBA</a>
- <a href="#">Notebook</a>
- <a href="#">TBA</a>
- <a href="#">TBA</a>
- <a href="#">Safety</a>
- <a href="#">TBA</a>
- <a href="#">TBA</a>
- <a href="#">Team</a>
- <a href="#">TBA</a>
- <a href="#">TBA</a>
- <a href="#">Attributions</a>
- <a href="#">TBA</a>
- <a href="#">TBA</a>