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

Eth page header.png
  • <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>