Team:SKLBC-China

From 2014hs.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:SKLBC-China/covercss}}
<html>
<html>
-
<head>
 
-
<script>
 
-
window.onload = function(){
 
-
$.ajax({
 
-
  url: "/Team:SYSU-Software/header",
 
-
  cache: false,
 
-
  success: function(html){
 
-
$("#navigation").append($(html).find(".row").html());
 
-
var url = window.location.href;
 
-
 
-
if(url == "https://2013.igem.org/Team:SYSU-Software")
 
-
{
 
-
$(".nav-li:first").addClass("active");
 
-
}
 
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/overview") || (url == "https://2013.igem.org/Team:SYSU-Software/demo") ||
 
-
(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"))
 
-
$(".nav-li:eq(1)").addClass("active");
 
-
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"))
 
-
$(".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"))
 
-
$(".nav-li:eq(3)").addClass("active");
 
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/humanpra"))
 
-
$(".nav-li:eq(4)").addClass("active");
 
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/team"))
 
-
$(".nav-li:eq(5)").addClass("active");
 
-
  }
 
-
});
 
-
$.ajax({
 
-
  url: "/Team:SYSU-Software/footer",
 
-
  cache: false,
 
-
  success: function(html){
 
-
$("footer").append($(html).find("footer").html());
 
-
  }
 
-
});
 
-
}
 
-
 
-
 
-
$(document).ready(function() {
 
-
$("#navigation").after("<div id=\"totop\"><span></span></div>");
 
-
var topbtn = $("#totop");
 
-
var lastScroll = 0;
 
-
topbtn.css("display", "none");
 
-
window.onscroll =  function(){
 
-
var top = $(window).scrollTop();
 
-
if(top > 0){
 
-
topbtn.css("display", "");
 
-
}
 
-
if(top == 0){
 
-
topbtn.css("display", "none");
 
-
}
 
-
};
 
-
/* topbtn.focus(function(){ */
 
-
/* }); */
 
-
topbtn.click(function(){
 
-
var scrollTop = 0;
 
-
var curPos = $(window).scrollTop();
 
-
topbtn.addClass("movingtotop");
 
-
topbtn.addClass("focustop");
 
-
var step = Math.abs(scrollTop - curPos) / 200 ;
 
-
var tid = setInterval(function() {
 
-
topbtn.toggleClass("movingtotop");
 
-
if (curPos > scrollTop + 14) {
 
-
curPos -= step;
 
-
step = step * 1.05;
 
-
window.scrollTo(0, curPos);
 
-
} else if (curPos <= scrollTop + 14){
 
-
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 {list-style-type:none}
 
-
</style>
 
-
</head>
 
-
</html>
 
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 
-
<title>SKLBC-China-Home</title>
 
<head>
<head>
-
<style type="text/css"!important>
+
<style type="text/css">
-
*{margin:0px;padding:0px}
+
body {background-color:rgb(2,173,163)}
-
body {background-color:rgb(1,159,149)}
+
img.logo {
-
div.header {background-color:rgb(46,178,170);width:100%!important;height:30px;z-index:3;top:0px;position:fixed}
+
width:150px;
-
div.container {margin:0;padding:0;background-color:rgb(130,200,170);width:60%!important;left:20%;margin-top:0px;z-index:-1;opacity:0.6;position:fixed}
+
height:150px;
-
div.content {width:60%!important;left:20%;margin-top:0px;z-index:1;position:relative}
+
}
-
div.bgleft {background-repeat:no-repeat;width:60%;height:100%;left:0%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(ldownc.jpg);background-position:bottom}
+
img.WeiGem {width:550px;height:150px;}
-
div.bgright {background-repeat:no-repeat;width:40%;height:100%;left:60%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(rdownc.jpg);background-position:bottom}
+
img.backgleft
-
div.bigtitle {background-position:center;background-image: url(title.jpg);background-size:100%;background-repeat:no-repeat;width:60%;left:20%;margin-top:30px;z_index:2;position:relative}
+
{
-
p {color:rgb(1,159,149)}
+
bottom:0%;
 +
position:fixed;
 +
width:48%;
 +
}
 +
img.backgright
 +
{
 +
bottom:0%;
 +
position:fixed;
 +
width:32%
 +
}
 +
img.linking
 +
{
 +
width:300px;
 +
height:50px;
 +
left:0px;
 +
top:0px;
 +
position:absolute;
 +
float:left;
 +
}
 +
div.bgleft {width:48%;height:100%;left:0%;bottom:0%;z-index:-2;position:fixed;}
 +
div.bgright {width:32%;height:100%;left:68%;bottom:0%;z-index:-2;position:fixed;}
 +
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}
 +
a.s {background-color:transparent;
 +
height:42px;
 +
float:left;
 +
left:0px;
 +
postion:absolute;
 +
-webkit-transition: background-color 0.25s ease-in;
 +
-moz-transition: background-color 0.25s ease-in;
 +
-o-transition: background-color 0.25s ease-in;}
 +
div a:hover {background-color:rgb(244,174,184)}
 +
.indexviewport {width:1125px;height:250px;top:50%;margin-top:-125px;position:fixed;left:50%;margin-left:-562.5px;}
 +
.logos {width:150px;height:150px;left:550px;float:left;top:50px;position:absolute;}
 +
.WeiGEMs {width:550px;height:150px;left:0px;float:left;top:50px;position:absolute;}
 +
.linkings {width:400px;height:250px;right:100px;float:right;top:0px;position:absolute;}
 +
.QR {width:100px;height:100px;right:0px;float:right;top:75px;position:absolute;}
</style>
</style>
</head>
</head>
 +
<title>Welcome to SKLBC-China</title>
<body>
<body>
-
<div class="header" style="text-align:center">
+
<div class="bgleft"><img class="backgleft" src="https://static.igem.org/mediawiki/2014hs/a/a3/SKLBC-China2014-ldownc.jpg" /></div>
-
<ul style="float:left;
+
<div class="bgright"><img class="backgright" src="https://static.igem.org/mediawiki/2014hs/5/57/SKLBC-China2014-rdownc.jpg" /></div>
-
width:100%;
+
<div class="indexviewport">
-
padding:0;
+
<div class="WeiGEMs"><img class="WeiGem" src="https://static.igem.org/mediawiki/2014hs/c/c0/2014hs-SKLBC-China-WeiGem.png" /></div>
-
margin:0;
+
<div class="logos"><img class="logo" src="https://static.igem.org/mediawiki/2014hs/6/65/SKLBC-China2014-logo.png" /></div>
-
list-style-type:none">
+
<div class="linkings">
-
<li style="display:inline"><a href="#">Home</a></li>
+
<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>
-
<li style="display:inline"><a href="#">Project</a></li>
+
<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>
-
<li style="display:inline"><a href="#">Documents</a></li>
+
<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>
-
<li style="display:inline"><a href="#">Requirement</a></li>
+
<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>
-
<li style="display:inline"><a href="#">Team</a></li>
+
<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>
-
<li style="display:inline"><a href="#">Our Logo</a></li>
+
</div>
-
</ul>
+
<div class="QR">
-
</div>
+
<img src="https://static.igem.org/mediawiki/2014hs/d/d6/2014hs-SKLBC-China-QRCode.png" style="width:100px"/>
-
<div class="bgleft"></div>
+
</div>
-
<div class="bgright"></div>
+
</div>
-
<div class="container" style="height:100%;"></div>
+
-
<div class="bigtitle" style="height:100px"></div>
+
-
<div class="content" style="height:2200px">
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
<p>text line</p>
+
-
</div>
+
</body>
</body>
</html>
</html>

Latest revision as of 16:36, 20 June 2014

Welcome to SKLBC-China

Retrieved from "http://2014hs.igem.org/Team:SKLBC-China"