Team:Alberta/Templates/Header
From 2012.igem.org
(Difference between revisions)
Rick24568509 (Talk | contribs) |
|||
(48 intermediate revisions not shown) | |||
Line 165: | 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 173: | Line 173: | ||
border-radius: 15px; | border-radius: 15px; | ||
background-color: #FFF; | background-color: #FFF; | ||
- | padding: | + | padding: 7px; |
} | } | ||
Line 202: | Line 202: | ||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<table cellpadding="0" cellspacing="0" style="width: 100%;"> | <table cellpadding="0" cellspacing="0" style="width: 100%;"> | ||
Line 228: | Line 215: | ||
- | <li class="headerMenu" onMouseOver="showSubMenu( | + | <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/ | + | <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/ | + | <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/plasmidcontrol"><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/achievements"><span>Achievements</span></a></li> | |
- | + | ||
- | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/ | + | |
</div> | </div> | ||
- | <li class="headerMenu" onMouseOver="showSubMenu( | + | <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> | ||
Line 247: | Line 232: | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <li class="headerMenu" onMouseOver="showSubMenu( | + | |
+ | <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/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 class="headerMenu" onMouseOver="showSubMenu( | + | |
+ | <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
|