Team:Alberta/Templates/Header
From 2012.igem.org
(Difference between revisions)
Rick24568509 (Talk | contribs) |
Rick24568509 (Talk | contribs) |
||
(38 intermediate revisions not shown) | |||
Line 166: | Line 166: | ||
border-radius: 15px; | border-radius: 15px; | ||
background-color: #E5DDDD; | background-color: #E5DDDD; | ||
- | padding: | + | padding: 5px; |
} | } | ||
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> | ||
Line 245: | 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/Safety"><span>Safety</span></a></li> | ||
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Attributions"><span>Attributions</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
|