Team:ETH Zurich/Templates/TestHeader

From 2012.igem.org

(Difference between revisions)
m
Line 36: Line 36:
/* menu styles */
/* menu styles */
-
#jsddm
+
#eth_nav ul
{ margin: 0;
{ margin: 0;
padding: 0;
padding: 0;
}
}
-
#jsddm li
+
#eth_nav ul li
{ float: left;
{ float: left;
list-style: none;
list-style: none;
Line 47: Line 47:
}
}
-
#jsddm li a
+
#eth_nav ul li a
{ display: block;
{ display: block;
background: #324143;
background: #324143;
Line 53: Line 53:
text-decoration: none;
text-decoration: none;
border-right: 1px solid white;
border-right: 1px solid white;
-
width: 70px;
+
width: 80px;
color: #EAFFED;
color: #EAFFED;
white-space: nowrap;
white-space: nowrap;
}
}
-
#jsddm li a:hover
+
#eth_nav ul li a:hover
{ background: #24313C;
{ background: #24313C;
}
}
-
#jsddm li ul
+
#eth_nav ul li ul
{ margin: 0;
{ margin: 0;
padding: 0;
padding: 0;
Line 70: Line 70:
}
}
-
#jsddm li ul li
+
#eth_nav ul li ul li
{ float: none;
{ float: none;
display: inline;
display: inline;
}
}
-
#jsddm li ul li a
+
#eth_nav ul li ul li a
{ width: auto;
{ width: auto;
background: #99CC99;
background: #99CC99;
Line 81: Line 81:
}
}
-
#jsddm li ul li a:hover
+
#eth_nav ul li ul li a:hover
{ background: #009966;
{ background: #009966;
}
}
Line 94: Line 94:
#eth_topnav {
#eth_topnav {
     width: 100%;  
     width: 100%;  
-
     background: #324143;
+
     background: #727272;
     font-size: 9px;
     font-size: 9px;
     margin-bottom: 5px;
     margin-bottom: 5px;
Line 100: Line 100:
#eth_topnav a
#eth_topnav a
-
{ background: #324143;
+
{ text-decoration: none;
-
  text-decoration: none;
+
   color: #EAFFED;
   color: #EAFFED;
   margin-left: 3px;
   margin-left: 3px;
Line 139: Line 138:
</style>
</style>
-
 
<script type="text/javascript">
<script type="text/javascript">
var timeout        = 500;
var timeout        = 500;
Line 145: Line 143:
var ddmenuitem      = 0;
var ddmenuitem      = 0;
-
function jsddm_open()
+
function eth_nav_open()
-
{ jsddm_canceltimer();
+
{ eth_nav_canceltimer();
-
jsddm_close();
+
eth_nav_close();
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}
-
function jsddm_close()
+
function eth_nav_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
-
function jsddm_timer()
+
function eth_nav_timer()
-
{ closetimer = window.setTimeout(jsddm_close, timeout);}
+
{ closetimer = window.setTimeout(eth_nav_close, timeout);}
-
function jsddm_canceltimer()
+
function eth_nav_canceltimer()
{ if(closetimer)
{ if(closetimer)
{ window.clearTimeout(closetimer);
{ window.clearTimeout(closetimer);
Line 162: Line 160:
$(document).ready(function()
$(document).ready(function()
-
{ $('#jsddm > li').bind('mouseover', jsddm_open);
+
{ $('#eth_nav > ul > li').bind('mouseover', eth_nav_open);
-
$('#jsddm > li').bind('mouseout',  jsddm_timer);});
+
$('#eth_nav > ul > li').bind('mouseout',  eth_nav_timer);});
-
document.onclick = jsddm_close;
+
document.onclick = eth_nav_close;
</script>
</script>
</html>
</html>
-
 
<div id="eth_page">
<div id="eth_page">
<div id="eth_topnav">
<div id="eth_topnav">
-
   <div id="eth_topnav_left">[{{fullurl:{{PAGENAME}}}} Page] [{{fullurl:{{PAGENAME}}|action=edit}} Edit]</div>
+
   <div id="eth_topnav_left"></div>
-
   <div id="eth_topnav_right">[{{fullurl:Special:UserLogin|returnto={{PAGENAMEE}}}} Login]</div><div class="clear"> </div>
+
   <div id="eth_topnav_right"></div><div class="clear"> </div>
</div>
</div>
<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 id="eth_menu">
<div id="eth_menu">
-
<html>
+
<div id="eth_nav">
-
<ul id="jsddm">
+
* [[Team:ETH_Zurich|Home]]
-
<li><a href="Project">Project</a>
+
* [[Team:ETH_Zurich/Project|Project]]
-
<ul>
+
** [[Project|Overview]]
-
<li><a href="#">Idea and Overview</a></li>
+
** [[Circuit Design]]
-
<li><a href="#">Circuit Design</a></li>
+
* [[Parts]]
-
<li><a href="#">Materials/methods</a></li>
+
** [[Team:ETH_Zurich/Parts|Parts Submitted to the Registry]]
-
</ul>
+
** [[Team:ETH_Zurich/UsedParts|Parts used from the Registry]]
-
</li>
+
* [[Team:ETH_Zurich/Modeling|Modeling]]
-
<li><a href="TBA">Parts</a>
+
* [[Team:ETH_Zurich/Notebook|Notebook]]
-
<ul>
+
* [[Team:ETH_Zurich/Safety|Safety]]
-
<li><a href="#">Used parts</a></li>
+
* [[Team:ETH_Zurich/Attributions|Attributions]]
-
<li><a href="#">Submitted parts</a></li>
+
* [[Team:ETH_Zurich/Team|Team]]
-
</ul>
+
** [https://igem.org/Team.cgi?year=2012&team_name=ETH_Zurich Official Team Profile]
-
</li>
+
* [[WIKI]]
-
<li><a href="TBA">Modeling</a>
+
** [{{fullurl:Special:UserLogin|returnto={{PAGENAMEE}}}} Login]
-
<ul>
+
** [{{fullurl:{{PAGENAME}}}} Page]
-
<li><a href="#">Overview</a></li>
+
** [{{fullurl:{{PAGENAME}}|action=edit}} Edit]
-
<li><a href="#">Photoinduction</a></li>
+
** [{{fullurl:{{PAGENAME}}|action=history}} History]
-
<li><a href="#">ODE systems</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="TBA">Notebook</a>
+
-
</li>
+
-
<li><a href="TBA">Safety</a>
+
-
</li>
+
-
<li><a href="TBA">Team</a>
+
-
</li>
+
-
<li><a href="TBA">Attributions</a>
+
-
</li>
+
-
<li><a href="TBA">Achievements</a>
+
-
</li>
+
-
 
+
<div class="clear"></div>
-
</ul>
+
</div>
-
<div class="clear"> </div>
+
</div>
</div>
-
<html>
 
<div id="eth_content">
<div id="eth_content">
 +
 +
*test
 +
 +
** testtest

Revision as of 13:33, 5 September 2012

Eth page header.png
  • test
    • testtest
Retrieved from "http://2012.igem.org/Team:ETH_Zurich/Templates/TestHeader"