Template:Queens Canada/Header
From 2012.igem.org
(Difference between revisions)
Line 31: | Line 31: | ||
opacity: 0.8; | opacity: 0.8; | ||
} | } | ||
- | # | + | #menu { position: relative; top: 0; left: 0; overflow: hidden; height: 98px;} |
- | + | #menu .colourful { display: block; position: absolute; background: #f0ad22; height: 68px; width: 85px; top: 4px; left: -100px; } | |
- | + | #menu ul { margin: 0; padding: 0; list-style: none; float: left; position: relative; top: 0; left: 0; z-index: 1; } | |
- | + | #menu li { float: left; margin: 0 1px 0 0; } | |
- | + | #menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #000; text-align: center; display: block; border: solid; border-width: 4px 0 0; line-height: 40px; width: 85px; height: 60px; } | |
- | + | #menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; } | |
- | + | ||
- | } | + | |
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | height: | + | |
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | # | + | |
- | { | + | |
- | + | ||
- | + | ||
- | color: | + | |
- | + | ||
- | + | ||
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
#globalWrapper | #globalWrapper | ||
Line 624: | Line 510: | ||
margin-top: 50px; | margin-top: 50px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#topbarcontainer | #topbarcontainer | ||
Line 671: | Line 547: | ||
<div id="topbar"> | <div id="topbar"> | ||
<a href="https://2012.igem.org/Team:Queens_Canada"> | <a href="https://2012.igem.org/Team:Queens_Canada"> | ||
- | <img src="https://static.igem.org/mediawiki/2012/9/96/Headerv2.png"> | + | <img src="https://static.igem.org/mediawiki/2012/9/96/Headerv2.png" style="float:left"> |
</a> | </a> | ||
<a id="qboxlink" href="http://www.queensu.ca/"></a> | <a id="qboxlink" href="http://www.queensu.ca/"></a> | ||
<a id="iboxlink" href="https://2012.igem.org/Main_Page"></a> | <a id="iboxlink" href="https://2012.igem.org/Main_Page"></a> | ||
- | + | <div id="menu"> | |
- | + | <ul class="menulist"> | |
- | + | ||
- | + | <li class="menuitem"> | |
- | + | <a href="">Home </a> | |
- | + | ||
- | + | <div class="subs"> | |
- | + | asdfasdf | |
+ | </div> | ||
</li> | </li> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
- | <li class=" | + | <li class="menuitem"> |
- | < | + | <a href="">Team</a> |
- | <li><a href=" | + | <div class="subs"> |
- | < | + | asdfasdfthis |
+ | </div> | ||
+ | </li> | ||
+ | <li class="menuitem"> | ||
+ | <a href="">Project</a> | ||
+ | <ul class="subs"> | ||
+ | <li> | ||
+ | asdfasdf | ||
</li> | </li> | ||
- | <li class=" | + | </ul> |
- | + | </li> | |
- | + | <li class="menuitem"> | |
+ | <a href="">Notebook</a> | ||
+ | <ul class="subs"> | ||
+ | <li> | ||
+ | asdfasdf | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menuitem"> | ||
+ | <a href="">SynthetiQ</a> | ||
+ | <ul class="subs"> | ||
+ | <li> | ||
+ | asdfasdf | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menuitem"> | ||
+ | <a href="">Partners</a> | ||
+ | <ul class="subs"> | ||
+ | <li> | ||
+ | asdfasdf | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menuitem"> | ||
+ | <a href="">Extras</a> | ||
+ | <ul class="subs"> | ||
+ | <li> | ||
+ | asdfasdf | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
<div id="igemlogocontainer"> | <div id="igemlogocontainer"> | ||
<a href="https://2012.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2012/e/e2/Igemlogo.png" width=75> </a> | <a href="https://2012.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2012/e/e2/Igemlogo.png" width=75> </a> | ||
Line 718: | Line 630: | ||
Control | Control | ||
</div> | </div> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $('.menuitem').hover( | ||
+ | function() | ||
+ | { | ||
+ | $(this).children().delay(300).fadeIn(500); | ||
+ | } | ||
+ | , | ||
+ | function() | ||
+ | { | ||
+ | $(".subs").delay(300).fadeOut(500); | ||
+ | } | ||
+ | ); | ||
+ | </script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var startleft =$("#nav").offset().left; | var startleft =$("#nav").offset().left; |
Revision as of 21:12, 19 July 2012
Control