Template:12SJTU header

From 2012.igem.org

(Difference between revisions)
m
 
(One intermediate revision not shown)
Line 1: Line 1:
-
{{Template:12SJTU_sliderbar_css}}
+
{{Template:12SJTU_scroll2top_css}}
 +
{{Template:12SJTU_sliderbar}}
{{Template:12SJTU_theme_css}}
{{Template:12SJTU_theme_css}}
-
{{Template:12SJTU_scroll2top_css}}
 
<html>
<html>
<head>
<head>
-
 
<style type="text/css">
<style type="text/css">
Line 41: Line 40:
#catlinks{
#catlinks{
     display: none;
     display: none;
 +
}
 +
#globalWrapper{
 +
 +
margin: 0px 0px 0px 0px;
 +
height: 0px;
 +
background-repeat:no-repeat !important;
 +
background-attachment: fixed!important;
 +
color: #000000;
 +
background-color: #e6e6e6;
 +
-moz-background-size:cover !important;
 +
background-size:cover !important;
 +
padding:0px 0px 0px 0px;
 +
}
 +
#main_wrapper{
 +
position:absolute;
 +
top:-93px;
 +
left:-20px;
 +
margin: 0px 0px 0px 0px;
 +
width:1012px;
 +
background-repeat:no-repeat !important;
 +
background-attachment: fixed!important;
 +
color: #000000;
 +
-moz-background-size:cover !important;
 +
background-size:cover !important;
 +
padding-top:8px;
 +
}
 +
#search-controls
 +
{
 +
display:none;
}
}
</style>
</style>
 +
    <script src="http://igem.bio-x.cn/home/style/jquery-1.3.2.min.js" type="text/javascript"></script>
 +
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=1.3.2"></script>
 +
    <script type="text/javascript">
 +
jQuery.noConflict();
 +
($(function(){
 +
var $el, leftPos, newWidth,
 +
$mainNav = $("#lavalamp");
 +
$mainNav.append("<li id='lavalampbg'></li>");
 +
var $magicLine = $("#lavalampbg");
 +
$magicLine
 +
.css("left", $(".current a").position().left+$(".current a").width()/2-35)
 +
.data("origLeft", $(".current a").position().left+$(".current a").width()/2-35)
 +
$("#lavalamp li").find("a").hover(function() {
 +
$el = $(this);
 +
leftPos = $el.position().left+$el.width()/2-35;
 +
$magicLine.stop().animate({
 +
  left: leftPos
 +
})
 +
}, function() {
 +
$magicLine.stop().animate({
 +
left: $magicLine.data("origLeft")
 +
});   
 +
});
 +
})
 +
);(jQuery);
 +
</script>
 +
</head>
</head>
-
 
<body>
<body>
<div id="main_wrapper">
<div id="main_wrapper">
-
<table class="head" cellspacing="0" width="982" cellpadding="0" align="center"><tbody>
+
<table class="head" cellspacing="0" width="1012" cellpadding="0" align="center"><tbody>
<td><tr></tr>
<td><tr></tr>
</td>
</td>

Latest revision as of 15:07, 26 October 2012