Template:12SJTU header

From 2012.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:12SJTU_scroll2top_css}}
 +
{{Template:12SJTU_sliderbar}}
 +
{{Template:12SJTU_theme_css}}
<html>
<html>
<head>
<head>
-
<link rel="stylesheet" href="http://igem.bio-x.cn/home/style/sliderbar.css" type="text/css">
 
-
<link rel="stylesheet" href="http://igem.bio-x.cn/home/style/theme.css" type="text/css">
 
-
 
<style type="text/css">
<style type="text/css">
 +
 +
#p-logo{
#p-logo{
   display: none;
   display: none;
Line 10: Line 12:
#footer-box{
#footer-box{
   display: none;
   display: none;
 +
}
 +
div.thumb {
 +
    margin-bottom: .5em;
 +
    border-style: solid;
 +
    border-color: transparent;
 +
    width: auto;
 +
}
 +
#menubar li{
 +
    margin-left: 0px;
 +
}
 +
#firstHeading{
 +
    display: none;
 +
}
 +
#top-section{
 +
    border: 0px;
 +
}
 +
#content{
 +
    background: none;
 +
    border: 0px;
 +
}
 +
#contentSub{
 +
    display: none;
 +
}
 +
.firstHeading{
 +
    display: none;
 +
}
 +
#catlinks{
 +
    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" style="background-image: url(http://igem.bio-x.cn/wiki/images/6/6c/1366x768.jpg); background-position: initial initial; background-repeat: initial initial; ">
+
 
-
<table class="head" cellspacing="0" width="982" cellpadding="0" align="center"><tbody>
+
<div id="main_wrapper">
 +
<table class="head" cellspacing="0" width="1012" cellpadding="0" align="center"><tbody>
<td><tr></tr>
<td><tr></tr>
</td>
</td>
Line 24: Line 110:
<!--      =============================================================================== -->
<!--      =============================================================================== -->
-
 
 +
 +
<div id="toolBackTo" class="back-to" style="display:block;">
 +
<a class="backtotop" href="#top" onclick="window.scrollTo(0,0);return false;">To Top
 +
 +
</a>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 15:07, 26 October 2012