Team:SKLBC-China

From 2014hs.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:SKLBC-China/covercss}}
<html>
<html>
-
<head>
+
<head>
-
<script>
+
<style type="text/css">
-
window.onload = function(){
+
body {background-color:rgb(2,173,163)}
-
$.ajax({
+
img.logo {
-
  url: "/Team:SYSU-Software/header",
+
width:150px;
-
  cache: false,
+
height:150px;
-
  success: function(html){
+
}
-
$("#navigation").append($(html).find(".row").html());
+
img.WeiGem {width:550px;height:150px;}
-
var url = window.location.href;
+
img.backgleft
-
 
+
{
-
if(url == "https://2013.igem.org/Team:SYSU-Software")
+
bottom:0%;
-
{
+
position:fixed;
-
$(".nav-li:first").addClass("active");
+
width:48%;
-
}
+
}
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/overview") || (url == "https://2013.igem.org/Team:SYSU-Software/demo") ||
+
img.backgright
-
(url == "https://2013.igem.org/Team:SYSU-Software/download") || (url == "https://2013.igem.org/Team:SYSU-Software/part1") ||
+
{
-
(url == "https://2013.igem.org/Team:SYSU-Software/part2") || (url == "https://2013.igem.org/Team:SYSU-Software/part3"))
+
bottom:0%;
-
$(".nav-li:eq(1)").addClass("active");
+
position:fixed;
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/model") || (url == "https://2013.igem.org/Team:SYSU-Software/notebook")|| (url == "https://2013.igem.org/Team:SYSU-Software/tutorial"))
+
width:32%
-
$(".nav-li:eq(2)").addClass("active");
+
}
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/require")|| (url == "https://2013.igem.org/Team:SYSU-Software/saft")|| (url == "https://2013.igem.org/Team:SYSU-Software/colla"))
+
img.linking
-
$(".nav-li:eq(3)").addClass("active");
+
{
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/humanpra"))
+
width:300px;
-
$(".nav-li:eq(4)").addClass("active");
+
height:50px;
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/team"))
+
left:0px;
-
$(".nav-li:eq(5)").addClass("active");
+
top:0px;
-
  }
+
position:absolute;
-
});
+
float:left;
-
$.ajax({
+
}
-
  url: "/Team:SYSU-Software/footer",
+
div.bgleft {width:48%;height:100%;left:0%;bottom:0%;z-index:-2;position:fixed;}
-
  cache: false,
+
div.bgright {width:32%;height:100%;left:68%;bottom:0%;z-index:-2;position:fixed;}
-
  success: function(html){
+
div.bigtitle {background-position:center;background-image:url(https://static.igem.org/mediawiki/2014hs/6/6e/SKLBC-China2014-title.jpg);background-size:100%;background-repeat:no-repeat;width:60%;left:20%;margin-top:30px;z_index:2;position:relative}
-
$("footer").append($(html).find("footer").html());
+
a.s {background-color:transparent;
-
  }
+
height:42px;
-
});
+
float:left;
-
}
+
left:0px;
-
 
+
postion:absolute;
-
 
+
-webkit-transition: background-color 0.25s ease-in;
-
$(document).ready(function() {
+
-moz-transition: background-color 0.25s ease-in;
-
$("#navigation").after("<div id=\"totop\"><span></span></div>");
+
-o-transition: background-color 0.25s ease-in;}
-
var topbtn = $("#totop");
+
div a:hover {background-color:rgb(244,174,184)}
-
var lastScroll = 0;
+
.indexviewport {width:1125px;height:250px;top:50%;margin-top:-125px;position:fixed;left:50%;margin-left:-562.5px;}
-
topbtn.css("display", "none");
+
.logos {width:150px;height:150px;left:550px;float:left;top:50px;position:absolute;}
-
window.onscroll =  function(){
+
.WeiGEMs {width:550px;height:150px;left:0px;float:left;top:50px;position:absolute;}
-
var top = $(window).scrollTop();
+
.linkings {width:400px;height:250px;right:100px;float:right;top:0px;position:absolute;}
-
if(top > 0){
+
.QR {width:100px;height:100px;right:0px;float:right;top:75px;position:absolute;}
-
topbtn.css("display", "");
+
</style>
-
}
+
</head>
-
if(top == 0){
+
<title>Welcome to SKLBC-China</title>
-
topbtn.css("display", "none");
+
<body>
-
}
+
<div class="bgleft"><img class="backgleft" src="https://static.igem.org/mediawiki/2014hs/a/a3/SKLBC-China2014-ldownc.jpg" /></div>
-
};
+
<div class="bgright"><img class="backgright" src="https://static.igem.org/mediawiki/2014hs/5/57/SKLBC-China2014-rdownc.jpg" /></div>
-
/* topbtn.focus(function(){ */
+
<div class="indexviewport">
-
/* }); */
+
<div class="WeiGEMs"><img class="WeiGem" src="https://static.igem.org/mediawiki/2014hs/c/c0/2014hs-SKLBC-China-WeiGem.png" /></div>
-
topbtn.click(function(){
+
<div class="logos"><img class="logo" src="https://static.igem.org/mediawiki/2014hs/6/65/SKLBC-China2014-logo.png" /></div>
-
var scrollTop = 0;
+
<div class="linkings">
-
var curPos = $(window).scrollTop();
+
<div style="width:150px;height:50px;float:left;left:0px;top:0px;position:absolute"><a class="s" href="https://2014hs.igem.org/Team:SKLBC-China/Project" style="width:150px;"><img class="linking" src="https://static.igem.org/mediawiki/2014hs/f/f7/2014hs-SKLBC-China-Project-index.png"/></a></div>
-
topbtn.addClass("movingtotop");
+
<div style="width:200px;height;50px;float:left;left:70px;top:50px;position:absolute"><a class="s"href="https://2014hs.igem.org/Team:SKLBC-China/Documents" style="width:200px;"><img class="linking" src="https://static.igem.org/mediawiki/2014hs/6/64/2014hs-SKLBC-China-Documents-index.png" /></a></div>
-
topbtn.addClass("focustop");
+
<div style="width:235px;height:50px;float:left;left:100px;top:100px;position:absolute"><a class="s"href="https://2014hs.igem.org/Team:SKLBC-China/Requirement" style="width:235px;"><img class="linking" src="https://static.igem.org/mediawiki/2014hs/7/74/2014hs-SKLBC-China-Requirement-index.png" /></a></div>
-
var step = Math.abs(scrollTop - curPos) / 200 ;
+
<div style="width:280px;height;50px;float:left;left:70px;top:150px;position:absolute"><a class="s"href="https://2014hs.igem.org/Team:SKLBC-China/Human Practice" style="width:280px;"><img class="linking" src="https://static.igem.org/mediawiki/2014hs/3/3e/2014hs-SKLBC-China-Human_Practice-index.png" /></a></div>
-
var tid = setInterval(function() {
+
<div style="width:100px;height:50px;float:left;left:0px;top:200px;position:absolute"><a class="s"href="https://2014hs.igem.org/Team:SKLBC-China/Team" style="width:100px;"><img class="linking" src="https://static.igem.org/mediawiki/2014hs/0/0b/2014hs-SKLBC-China-Team-index.png" /></a></div>
-
topbtn.toggleClass("movingtotop");
+
</div>
-
if (curPos > scrollTop + 14) {
+
<div class="QR">
-
curPos -= step;
+
<img src="https://static.igem.org/mediawiki/2014hs/d/d6/2014hs-SKLBC-China-QRCode.png" style="width:100px"/>
-
step = step * 1.05;
+
</div>
-
window.scrollTo(0, curPos);
+
</div>
-
} else if (curPos <= scrollTop + 14){
+
</body>
-
window.scrollTo(0, scrollTop);
+
-
topbtn.removeClass("movingtotop").removeClass("focustop");
+
-
clearInterval(tid);
+
-
}
+
-
}, 0.01);
+
-
});
+
-
 
+
-
});
+
-
</script>
+
-
<style type="text/css">
+
-
#p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks
+
-
{ display:none; }
+
-
 
+
-
#globalWrapper {
+
-
padding-bottom:0; top:0px;}
+
-
 
+
-
#top-section{
+
-
height:0px;
+
-
border:none;
+
-
width:100%; }
+
-
 
+
-
#content{
+
-
width:100%;
+
-
border-left:none; border-right: none;
+
-
padding:1px 0px 0px 0px!important;
+
-
 
+
-
}
+
-
 
+
-
#menubar{
+
-
width:510px;
+
-
top:-1px;
+
-
}
+
-
 
+
-
.right-menu li a{
+
-
background-color:white;
+
-
color:black;
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
.right-menu li a:hover{
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
.left-menu li a{
+
-
text-decoration:none;
+
-
}
+
-
.left-menu li a:hover{
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
ul,li{ list-style:none; }
+
-
</style>
+
-
</head>
+
</html>
</html>

Latest revision as of 16:36, 20 June 2014

Welcome to SKLBC-China