Team:Alberta/Templates/Header
From 2012.igem.org
(Difference between revisions)
Rick24568509 (Talk | contribs) |
Rick24568509 (Talk | contribs) |
||
(295 intermediate revisions not shown) | |||
Line 7: | Line 7: | ||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
display:none;} | display:none;} | ||
+ | |||
#top-section { | #top-section { | ||
- | + | width: 965px; | |
- | height: | + | height: 0; |
- | + | margin: 0 auto; | |
+ | padding: 0; | ||
border: none;} | border: none;} | ||
+ | |||
+ | #content { | ||
+ | border: none; | ||
+ | position: absolute; | ||
+ | overflow: hidden; | ||
+ | display: block; | ||
+ | left: -10px; | ||
+ | width: 900px; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | font-size: 100%; | ||
+ | top: 0px;} | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: white;} | ||
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: white;} | ||
body { | body { | ||
- | + | background-color: #004a1f; | |
- | + | padding: 0; | |
+ | } | ||
+ | |||
+ | .mainBannerUnder { | ||
+ | width: 1920px; | ||
+ | height: 70px; | ||
+ | |||
+ | position: absolute; | ||
+ | top: -10px; | ||
+ | z-layer: 1; | ||
+ | |||
+ | background-color: #004a1f; | ||
+ | } | ||
.mainBanner { | .mainBanner { | ||
width: 100%; | width: 100%; | ||
- | height: | + | height: 50px; |
- | + | ||
- | position: | + | position: absolute; |
top: 0px; | top: 0px; | ||
- | + | z-layer: 2; | |
- | z-layer: | + | |
background: -webkit-gradient(linear, 0% 25%, 100% 100%, from(#077e39), to(#004a1f), color-stop(.6,#004a1f)); | background: -webkit-gradient(linear, 0% 25%, 100% 100%, from(#077e39), to(#004a1f), color-stop(.6,#004a1f)); | ||
Line 38: | Line 74: | ||
.mainBody { | .mainBody { | ||
- | + | margin-left: 170px; | |
- | + | } | |
- | + | ||
+ | .headerMenu { | ||
} | } | ||
.subMenu { | .subMenu { | ||
+ | width: 200px; | ||
+ | background: #077e39; | ||
+ | position: absolute; | ||
+ | left: 150px; | ||
+ | top: 0px; | ||
+ | z-index: 2; | ||
display : none; | display : none; | ||
} | } | ||
Line 55: | Line 98: | ||
top:0px; | top:0px; | ||
- | |||
background: #077e39; | background: #077e39; | ||
- | position: | + | position: absolute; |
- | + | ||
} | } | ||
Line 121: | Line 162: | ||
} | } | ||
+ | .roundBox { | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | background-color: #E5DDDD; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .roundBoxInner { | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | background-color: #FFF; | ||
+ | padding: 7px; | ||
+ | } | ||
+ | |||
+ | .underline | ||
+ | { | ||
+ | border-bottom:solid; | ||
+ | border-width:1px; | ||
+ | } | ||
</style> | </style> | ||
Line 132: | Line 192: | ||
<!-- Remove all empty <p> tags --> | <!-- Remove all empty <p> tags --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | |||
+ | $(".mediawiki").removeClass(); | ||
+ | |||
$(document).ready(function() { | $(document).ready(function() { | ||
$("p").filter( function() { | $("p").filter( function() { | ||
Line 139: | Line 202: | ||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <table cellpadding="0" cellspacing="0" style="width: 100%;"> | ||
+ | <tr> | ||
+ | <td style="width: 150px;"> | ||
<div class="sideBar"> | <div class="sideBar"> | ||
- | <img src="https://static.igem.org/mediawiki/2012/6/67/UofaLogo.png" /> | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/achievements"><span>Achievements</span></a></li> |
- | + | ||
</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=" | + | <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=" | + | <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=" | + | <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=" | + | <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> | ||
</ul> | </ul> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
+ | </td> | ||
+ | <td> | ||
+ | |||
+ | <div class="mainBannerUnder"> | ||
</div> | </div> | ||
+ | |||
+ | <div class="mainBanner"> | ||
+ | <a href="/Team:Alberta"><p class="title"> | ||
+ | Team Alberta | ||
+ | </p></a> | ||
+ | <a href="https://2012.igem.org/"><img style="height: 60px; top: -10px; left: 650px; | ||
+ | position: absolute; z-layer: 99;" src="https://static.igem.org/mediawiki/2012/9/96/IGEM_white.png" /></a> | ||
+ | </div> | ||
+ | |||
+ | </td> | ||
+ | </tr> | ||
+ | </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"> | ||
+ | |||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> |
Latest revision as of 17:51, 2 October 2012
|