Template:Queens Canada/Header
From 2012.igem.org
(Difference between revisions)
Line 31: | Line 31: | ||
opacity: 0.8; | opacity: 0.8; | ||
} | } | ||
- | # | + | #menu,#menu ul { |
list-style: none outside none; | list-style: none outside none; | ||
margin: 0; | margin: 0; | ||
Line 39: | Line 39: | ||
z-index: 5; | z-index: 5; | ||
} | } | ||
- | # | + | #menu { |
background-color: transparent; | background-color: transparent; | ||
clear: both; | clear: both; | ||
Line 48: | Line 48: | ||
width: 650px; | width: 650px; | ||
left: 340px; | left: 340px; | ||
- | top: | + | top: 0px; |
} | } | ||
- | # | + | #menu ul { |
background-color: #222; | background-color: #222; | ||
border:1px solid #222; | border:1px solid #222; | ||
Line 81: | Line 81: | ||
font-family: Tahoma, Geneva, sans-serif; | font-family: Tahoma, Geneva, sans-serif; | ||
} | } | ||
- | # | + | #menu li { |
background: url('menu_line.png') no-repeat scroll right 5px transparent; | background: url('menu_line.png') no-repeat scroll right 5px transparent; | ||
float: left; | float: left; | ||
position: relative; | position: relative; | ||
} | } | ||
- | # | + | #menu li a { |
color: #000000; | color: #000000; | ||
display: block; | display: block; | ||
Line 624: | Line 624: | ||
margin-top: 50px; | margin-top: 50px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#topbarcontainer | #topbarcontainer | ||
Line 676: | Line 666: | ||
<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 744: | ||
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 20:57, 19 July 2012
Control