Template:Queens Canada/Header
From 2012.igem.org
(Difference between revisions)
Line 492: | Line 492: | ||
} | } | ||
ul#submenu { | ul#submenu { | ||
- | |||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
Line 499: | Line 498: | ||
list-style: none; | list-style: none; | ||
z-index:999999; | z-index:999999; | ||
+ | z-index:-1; | ||
} | } | ||
ul#submenu li { | ul#submenu li { | ||
Line 505: | Line 505: | ||
width:100px; | width:100px; | ||
margin-left:1px; | margin-left:1px; | ||
+ | z-index:-1; | ||
+ | } | ||
+ | #submenu_container | ||
+ | { | ||
+ | left:200px; | ||
} | } | ||
ul#submenu li a { | ul#submenu li a { | ||
Line 515: | Line 520: | ||
height: 35px; | height: 35px; | ||
color:#603d05; | color:#603d05; | ||
- | background | + | background-color: grey; |
text-decoration:none; | text-decoration:none; | ||
text-align:center; | text-align:center; | ||
Line 521: | Line 526: | ||
margin-top: -40px; | margin-top: -40px; | ||
cursor:pointer; | cursor:pointer; | ||
+ | |||
+ | z-index:-1; | ||
} | } | ||
Line 527: | Line 534: | ||
} | } | ||
+ | ul#submenu | ||
+ | { | ||
+ | margin-left: 200px; | ||
+ | } | ||
Line 555: | Line 566: | ||
</div> | </div> | ||
- | <div id=" | + | <div id="submenu_container"> |
<ul id="submenu"> | <ul id="submenu"> | ||
- | <li class="home"><a title="Home"> | + | <li class="home"><a title="Home"></a></li> |
- | <li class="about"><a title="About"> | + | <li class="about"><a title="About"></a></li> |
- | <li class="search"><a title="Search"> | + | <li class="search"><a title="Search"></a></li> |
- | <li class="photos"><a title="Photos"> | + | <li class="photos"><a title="Photos"></a></li> |
- | <li class="contact"><a title="Contact"> | + | <li class="contact"><a title="Contact"></a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
Line 571: | Line 582: | ||
var r=Math.floor(Math.random()*41)-20; | var r=Math.floor(Math.random()*41)-20; | ||
$this.css({'-moz-transform':'rotate('+r+'deg)','-webkit-transform':'rotate('+r+'deg)','transform':'rotate('+r+'deg)'}); | $this.css({'-moz-transform':'rotate('+r+'deg)','-webkit-transform':'rotate('+r+'deg)','transform':'rotate('+r+'deg)'}); | ||
- | |||
$this.stop().animate({ | $this.stop().animate({ | ||
'marginTop':'-70px' | 'marginTop':'-70px' |
Revision as of 19:38, 12 June 2012