Template:Queens Canada/Header
From 2012.igem.org
(Difference between revisions)
m |
|||
Line 515: | Line 515: | ||
height: 75px; | height: 75px; | ||
display:block; | display:block; | ||
+ | left: 200px; | ||
} | } | ||
ul#submenu li a { | ul#submenu li a { | ||
Line 521: | Line 522: | ||
text-shadow:1px 1px 1px #fff; | text-shadow:1px 1px 1px #fff; | ||
float:left; | float:left; | ||
- | |||
height: 35px; | height: 35px; | ||
+ | width: 100%; | ||
color:#603d05; | color:#603d05; | ||
background-color: grey; | background-color: grey; | ||
Line 528: | Line 529: | ||
text-align:center; | text-align:center; | ||
padding-top:80px; | padding-top:80px; | ||
- | margin-top: - | + | margin-top: -60px; |
cursor:pointer; | cursor:pointer; | ||
+ | postion: relative; | ||
+ | left: 65px; | ||
z-index: 0; | z-index: 0; | ||
Line 540: | Line 543: | ||
ul#submenu | ul#submenu | ||
{ | { | ||
- | |||
} | } | ||
Line 578: | Line 580: | ||
<div id="submenu_container"> | <div id="submenu_container"> | ||
<ul id="submenu"> | <ul id="submenu"> | ||
- | <li class="home"><a title="Home"></a></li> | + | <li class="home" style="width: 75px;"><a title="Home"></a></li> |
- | <li class="about"><a title="About"></a></li> | + | <li class="about" style="width: 79px; left: 75px;"><a title="About"></a></li> |
- | <li class="search"><a title="Search"></a></li> | + | <li class="search" style="width: 94px; left: 79px;"><a title="Search"></a></li> |
- | <li class="photos"><a title="Photos"></a></li> | + | <li class="photos" style="width: 130px; left: 94px;"><a title="Photos"></a></li> |
- | <li class="contact"><a title="Contact"></a></li> | + | <li class="contact" style="width: 95px; left: 130px;"><a title="Contact"></a></li> |
+ | |||
</ul> | </ul> | ||
</div> | </div> | ||
Line 590: | Line 593: | ||
$('#submenu a').each(function(){ | $('#submenu a').each(function(){ | ||
var $this = $(this); | var $this = $(this); | ||
- | var r=Math.floor(Math.random()* | + | var r=Math.floor(Math.random()*20)-10; |
$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':'- | + | 'marginTop':'-90px' |
},d+=150); | },d+=150); | ||
}); | }); | ||
Line 606: | Line 609: | ||
var $this = $(this); | var $this = $(this); | ||
$('a',$this).stop().animate({ | $('a',$this).stop().animate({ | ||
- | 'marginTop':'- | + | 'marginTop':'-90px' |
},200); | },200); | ||
} | } |
Revision as of 13:56, 13 June 2012