Team:Alberta/Templates/Header
From 2012.igem.org
(Difference between revisions)
Rick24568509 (Talk | contribs) |
Rick24568509 (Talk | contribs) |
||
(94 intermediate revisions not shown) | |||
Line 75: | Line 75: | ||
.mainBody { | .mainBody { | ||
margin-left: 170px; | margin-left: 170px; | ||
+ | } | ||
+ | |||
+ | .headerMenu { | ||
} | } | ||
.subMenu { | .subMenu { | ||
+ | width: 200px; | ||
+ | background: #077e39; | ||
+ | position: absolute; | ||
+ | left: 150px; | ||
+ | top: 0px; | ||
+ | z-index: 2; | ||
display : none; | display : none; | ||
} | } | ||
Line 156: | Line 165: | ||
-moz-border-radius: 15px; | -moz-border-radius: 15px; | ||
border-radius: 15px; | border-radius: 15px; | ||
- | background-color: # | + | background-color: #E5DDDD; |
- | padding: | + | padding: 5px; |
} | } | ||
Line 164: | Line 173: | ||
border-radius: 15px; | border-radius: 15px; | ||
background-color: #FFF; | background-color: #FFF; | ||
- | padding: | + | padding: 7px; |
} | } | ||
Line 193: | Line 202: | ||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<table cellpadding="0" cellspacing="0" style="width: 100%;"> | <table cellpadding="0" cellspacing="0" style="width: 100%;"> | ||
Line 214: | Line 209: | ||
<div class="sideBar"> | <div class="sideBar"> | ||
<a href="http://www.ualberta.ca/"><img src="https://static.igem.org/mediawiki/2012/6/67/UofaLogo.png" /></a> | <a href="http://www.ualberta.ca/"><img src="https://static.igem.org/mediawiki/2012/6/67/UofaLogo.png" /></a> | ||
- | <ul> | + | <ul id="menu"> |
- | <li><a href="/Team:Alberta"><span>Home</span></a></li> | + | <li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta"><span>Home</span></a></li> |
- | <li | + | <li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="https://2012.igem.org/Team:Alberta/Team"><span>Team</span></a></li> |
- | |||
- | |||
- | |||
- | |||
- | |||
- | <li | + | <li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Project"><span>Project</span></a></li> |
<div class="subMenu" id="contactSub"> | <div class="subMenu" id="contactSub"> | ||
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project"><span>Overview</span></a></li> | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project"><span>Overview</span></a></li> | ||
- | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/ | + | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/colours"><span>The Colours</span></a></li> |
- | + | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/gradient"><span>Spatial gradients</span></a></li> | |
- | + | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/controlelement"><span>Control elements</span></a></li> | |
- | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/gradient"><span> | + | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/plasmidcontrol"><span>Controling copy number</span></a></li> |
- | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/ | + | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/integrateddesign"><span>Integrated design</span></a></li> |
- | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/ | + | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/achievements"><span>Achievements</span></a></li> |
- | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/ | + | |
- | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/ | + | |
</div> | </div> | ||
- | <li | + | <li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Parts"><span>Parts</span></a></li> |
<div class="subMenu" id="partsSub"> | <div class="subMenu" id="partsSub"> | ||
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Parts"><span>Parts Submitted</span></a></li> | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Parts"><span>Parts Submitted</span></a></li> | ||
- | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/ | + | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Attributions"><span>Attributions</span></a></li> |
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <li | + | |
+ | <li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Humanpractices"><span>Human Practice</span></a></li> | ||
<div class="subMenu" id="outreachSub"> | <div class="subMenu" id="outreachSub"> | ||
- | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/ | + | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/socialexperiment"><span>A social experiment</span></a></li> |
- | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/ | + | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Outreach"><span>Outreach</span></a></li> |
+ | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/collaborations"><span>Collaborations</span></a></li> | ||
+ | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Safety"><span>Safety</span></a></li> | ||
+ | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Attributions"><span>Attributions</span></a></li> | ||
</div> | </div> | ||
- | <li | + | |
+ | <li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Safety"><span>Safety</span></a></li> | ||
+ | |||
+ | <li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Sponsors"><span>Sponsors</span></a></li> | ||
<div class="subMenu" id="sponsorsSub"> | <div class="subMenu" id="sponsorsSub"> | ||
- | <li><a style="padding:8px 20px 0 35px;" href | + | <li><a style="padding:8px 20px 0 35px;" href#"><span>About Sponsors</span></a></li> |
- | + | ||
</div> | </div> | ||
Line 285: | Line 272: | ||
</tr> | </tr> | ||
</table> | </table> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | function showSubMenu(menu, parent) { | ||
+ | |||
+ | var show = false; | ||
+ | if($(menu).is(':hidden') ) { | ||
+ | show = true; | ||
+ | } | ||
+ | |||
+ | $(".subMenu").css("display","none"); | ||
+ | $(menu).css("display","block"); | ||
+ | $(menu). offset({top: 100 + 30 * $('.headerMenu').index($(parent) )} ); | ||
+ | |||
+ | $(menu).mouseleave( function() { | ||
+ | |||
+ | $(".subMenu").css("display","none"); | ||
+ | |||
+ | }); | ||
+ | |||
+ | } | ||
+ | |||
+ | </script> | ||
<div class="mainBody"> | <div class="mainBody"> |
Latest revision as of 17:51, 2 October 2012
|