Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 24: Line 24:
     width: 600px;
     width: 600px;
     left: 430px;
     left: 430px;
 +
    top: 0px;
}
}
#nav ul {
#nav ul {
Line 583: Line 584:
left: 430px;  
left: 430px;  
}
}
-
#topbar1
+
#topbarcontainer
{
{
background-image: url('http://2012.igem.org/wiki/images/d/db/Topbar1.png');
background-image: url('http://2012.igem.org/wiki/images/d/db/Topbar1.png');
Line 599: Line 600:
/* For IE 5.5 - 7 */
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000');
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000');
 +
}
 +
#topbar
 +
{
 +
margin-left:auto;
 +
margin-right:auto;
 +
height:60px;
}
}
Line 604: Line 611:
</head>
</head>
<body>
<body>
-
<div id="topbar1">
+
<div id="topbarcontainer">
 +
<div id="topbar">
 +
<a href="2012.igem.org/Team:Queens_Canada">
 +
<img src="http://2012.igem.org/wiki/images/9/96/Headerv2.png">
 +
</a>
<a id="qboxlink" href="http://www.queensu.ca/"></a>
<a id="qboxlink" href="http://www.queensu.ca/"></a>
<a id="iboxlink" href="http://2012.igem.org/Main_Page"></a>
<a id="iboxlink" href="http://2012.igem.org/Main_Page"></a>
 +
<ul id="nav">
<ul id="nav">
<li id="test1"><a href="http://2012.igem.org/Team:Queens_Canada">Home</a></li>
<li id="test1"><a href="http://2012.igem.org/Team:Queens_Canada">Home</a></li>
Line 627: Line 639:
<div id="lavalamp"></div>
<div id="lavalamp"></div>
</ul>
</ul>
-
 
+
</div>
</div>
</div>
-
 
-
<script type="text/javascript">
 
-
$("#test1").hover(function(){
 
-
    $("#menu1").animate({ height: "100px" });
 
-
}, function() {
 
-
    $("#menu1").animate({ height: "0px" });
 
-
});
 
-
</script>
 
-
<script type="text/javascript">
 
-
            $(function() {
 
-
                var d=300;
 
-
                $('#submenu a').each(function(){
 
-
                    var $this = $(this);
 
-
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.stop().animate({
 
-
                        'marginTop':'-90px'                     
 
-
                    },d+=150);
 
-
                });
 
-
                $('#submenu > li').hover(
 
-
function () {
 
-
var $this = $(this);
 
-
$('a',$this).stop().animate({
 
-
'marginTop':'-40px'
 
-
},200);
 
-
},
 
-
function () {
 
-
var $this = $(this);
 
-
$('a',$this).stop().animate({
 
-
'marginTop':'-90px'
 
-
},200);
 
-
}
 
-
)
 
-
            });
 
-
        </script>
 
<a href="#top-section">
<a href="#top-section">

Revision as of 19:31, 22 June 2012

up
Control