"
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
