Team:SKLBC-China

From 2014hs.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:SKLBC-China/covercss}}
-
<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>
<html>
<head>
<head>
<style type="text/css">
<style type="text/css">
-
*{margin:0px;padding:0px}
 
body {background-color:rgb(2,173,163)}
body {background-color:rgb(2,173,163)}
-
img.logo {position:fixed;
+
img.logo {
-
width:10%;
+
width:150px;
-
left:45%;
+
height:150px;
-
top:50%;
+
}
-
border-radius:50%;
+
img.WeiGem {width:550px;height:150px;}
-
overflow:hidden}
+
img.backgleft
-
div.header {background-color:rgb(46,178,170);width:100%;height:10%;z-index:3;top:45%;position:fixed}
+
{
-
div.container {margin:0;padding:0;background-color:rgb(255,255,255);width:60%;left:20%;margin-top:0px;z-index:-1;opacity:0.6;position:fixed}
+
bottom:0%;
-
div.content {width:60%;left:20%;margin-top:0px;z-index:1;position:relative}
+
position:fixed;
-
div.bgleft {background-repeat:no-repeat;width:48%;height:100%;left:0%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(Library/Image/ldownc.jpg);background-position:bottom}
+
width:48%;
-
div.bgright {background-repeat:no-repeat;width:32%;height:100%;left:68%;bottom:0%;z-index:-2;position:fixed;background-size:100%;background-image: url(Library/Image/rdownc.jpg);background-position:bottom}
+
}
-
div.bigtitle {background-position:center;background-image:url(Library/Image/title.jpg);background-size:100%;background-repeat:no-repeat;width:60%;left:20%;margin-top:30px;z_index:2;position:relative}
+
img.backgright
-
p {text-align:center;color:rgb(2,173,163);font-family:Gulim;font-size:17px}
+
{
-
ul {left:21.5%;
+
bottom:0%;
 +
position:fixed;
 +
width:32%
 +
}
 +
img.linking
 +
{
 +
width:300px;
 +
height:50px;
 +
left:0px;
 +
top:0px;
position:absolute;
position:absolute;
-
width:100%;
+
float:left;
-
padding:0;
+
}
-
margin:0;
+
div.bgleft {width:48%;height:100%;left:0%;bottom:0%;z-index:-2;position:fixed;}
-
list-style-type:none;}
+
div.bgright {width:32%;height:100%;left:68%;bottom:0%;z-index:-2;position:fixed;}
-
a { float:left;
+
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}
-
font-size:15px;
+
a.s {background-color:transparent;
-
text-align:center;
+
height:42px;
-
width:9.8%;
+
float:left;
-
text-decoration:none;
+
left:0px;
-
font-family:Gulim;
+
postion:absolute;
-
color:white;
+
-
background-color:rgb(46,178,170);
+
-
padding:0.2em 0.6em;
+
-
border-right:1px solid rgb(46,178,170);
+
-webkit-transition: background-color 0.25s ease-in;
-webkit-transition: background-color 0.25s ease-in;
-moz-transition: background-color 0.25s ease-in;
-moz-transition: background-color 0.25s ease-in;
-o-transition: background-color 0.25s ease-in;}
-o-transition: background-color 0.25s ease-in;}
-
a:hover {background-color:rgb(244,174,184)}
+
div a:hover {background-color:rgb(244,174,184)}
-
li {display:inline;}
+
.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>
<title>Welcome to SKLBC-China</title>
<body>
<body>
-
<div class="bgleft"></div>
+
<div class="bgleft"><img class="backgleft" src="https://static.igem.org/mediawiki/2014hs/a/a3/SKLBC-China2014-ldownc.jpg" /></div>
-
<div class="header">
+
<div class="bgright"><img class="backgright" src="https://static.igem.org/mediawiki/2014hs/5/57/SKLBC-China2014-rdownc.jpg" /></div>
-
<ul>
+
<div class="indexviewport">
-
<li><a href="Project.html">Project</a></li>
+
<div class="WeiGEMs"><img class="WeiGem" src="https://static.igem.org/mediawiki/2014hs/c/c0/2014hs-SKLBC-China-WeiGem.png" /></div>
-
<li><a href="Documents.html">Documents</a></li>
+
<div class="logos"><img class="logo" src="https://static.igem.org/mediawiki/2014hs/6/65/SKLBC-China2014-logo.png" /></div>
-
<li><a href="Requirement.html">Requirement</a></li>
+
<div class="linkings">
-
<li><a href="Human Practice.html">Human Practice</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><a href="Team.html">Team</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>
-
</ul>
+
<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>
-
<img class="logo" src="Library/Image/logo.jpg"/>
+
<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>
-
</div>
+
<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>
-
<div class="bgright"></div>
+
</div>
 +
<div class="QR">
 +
<img src="https://static.igem.org/mediawiki/2014hs/d/d6/2014hs-SKLBC-China-QRCode.png" style="width:100px"/>
 +
</div>
 +
</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"