Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 492: Line 492:
}
}
ul#submenu {
ul#submenu {
-
    position: fixed;
 
     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:transparent url(item.png) no-repeat bottom right;
+
     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="submenu container">
+
<div id="submenu_container">
         <ul id="submenu">
         <ul id="submenu">
-
             <li class="home"><a title="Home">Home</a></li>
+
             <li class="home"><a title="Home"></a></li>
-
             <li class="about"><a title="About">About</a></li>
+
             <li class="about"><a title="About"></a></li>
-
             <li class="search"><a title="Search">Search</a></li>
+
             <li class="search"><a title="Search"></a></li>
-
             <li class="photos"><a title="Photos">Photos</a></li>
+
             <li class="photos"><a title="Photos"></a></li>
-
             <li class="contact"><a title="Contact">Contact</a></li>
+
             <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)'});
-
                    $('#content').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

up