Team:XMU-China/Notebook Protocol

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html lang=“en” >
+
<html lang="en">
-
<head>
+
<head>
-
<title>Team:XMU-China</title>
+
<meta charset="utf-8">
-
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+
-
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
+
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
-
<style type="text/css">
+
Remove this if you use the .htaccess -->
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{display:none;} /*-- hides default wiki settings --*/
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
<title>side_bar</title>
-
+
<meta name="description" content="">
-
border: 0 none;
+
<meta name="author" content="哲">
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
-
}
+
-
#globalWrapper, #content { /*-- changes default wiki settings--*/
+
<meta name="viewport" content="width=device-width; initial-scale=1.0">
-
width: 100%;
+
<style type="text/css">
-
height: 100%;
+
#siteSub{display:none}
-
border: 0px;
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{display:none;} /*-- hides default wiki settings --*/
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
-
width: 100%;
+
-
height: 100%;
+
-
background-color: transparent;
+
-
}
+
-
</style>
+
-
 
+
-
</head>
+
-
 
+
-
<body>
+
-
<div id="background" style="position:fixed;z-index:-1;width:100%;height:100%;top:0px;left:0px;">
+
-
<img src="https://static.igem.org/mediawiki/2014/5/55/Xmu_background_drei.jpg" width="100%" height="100%"/>
+
-
</div>
+
-
<div style="width:1000px;margin:0px auto">
+
-
<div id="topic">
+
-
<img src="https://static.igem.org/mediawiki/2014/0/03/Xmu_home_head_drei.png" width="572px" height="210px" style="position:relative; left:-268px; margin-left:50%;"/>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div id="background" style="position:fixed;z-index:-1;right:0px;bottom:0px;">
+
-
<a href="https://igem.org/Team.cgi?id=1412"> <img src="https://static.igem.org/mediawiki/2014/8/8f/Xmu_home_product.png" width="80%" /> </a>
+
-
</div>
+
-
<div id="background" style="position:fixed;z-index:2;left:5px;top:5px;">
+
-
<a href="https://2014.igem.org/"> <img src="https://static.igem.org/mediawiki/2014/f/fb/XMU-2014igem.png" width="50%" /> </a>
+
-
</div>
+
-
<div id="pic" style="width:510px; position:absolute; left: 510px; top: 220px;">
+
-
<img id="abstract" src="https://static.igem.org/mediawiki/2014/7/74/XMU-Abstract-English.png" onmouseover="movein()" style="position:absolute;"/>
+
-
</div>
+
-
<div id="flag"  style="position:fixed;z-index:2;right:10px;top:5px;">
+
-
<img id="flag_1"  src="https://static.igem.org/mediawiki/2014/5/55/XMU-China.png" style="cursor:pointer" />
+
-
<img id="flag_2"  src="https://static.igem.org/mediawiki/2014/d/d7/XMU-England.png" style="cursor:pointer"  />
+
-
<img id="flag_3"  src="https://static.igem.org/mediawiki/2014/1/14/XMU-France.png" style="cursor:pointer"  />
+
-
<img id="flag_4"  src="https://static.igem.org/mediawiki/2014/0/0e/XMU-Germany.png" style="cursor:pointer"  />
+
-
</div>
+
-
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
$("#flag_1").click(function(){
+
-
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/9/9b/XMU-Abstract-Chinese.png");
+
-
});
+
-
$("#flag_2").click(function(){
+
-
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/7/74/XMU-Abstract-English.png");
+
-
});
+
-
$("#flag_3").click(function(){
+
-
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/3/3f/XMU-Abstract-French.png");
+
-
});
+
-
$("#flag_4").click(function(){
+
-
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/6/6a/XMU-Abstract-German.png");
+
-
});
+
-
});
+
-
</script>
+
-
+
-
+
-
<div style="width:1000px;margin:0px auto">
+
-
<div id="icon" style="position:relative;top:-150px">
+
-
<a href="https://2014.igem.org/Team:XMU-China/PP_Overview"><img src="https://static.igem.org/mediawiki/2014/5/5d/XMU-Home-icon-pp.png" id="icon1" class="icon" style="position:absolute; left: 50px; top: 320px;" width="200px;" height="200px;" onmouseover="moveout_1(this)" /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/Judging_Parts"><img src="https://static.igem.org/mediawiki/2014/4/4c/XMU-Home-icon-j.png" id="icon2" class="icon" style="position:absolute; left: -100px; top: 235px;" width="200px;" height="200px;" onmouseover="moveout_2(this)" /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/Safety"><img src="https://static.igem.org/mediawiki/2014/9/9c/XMU-Home-icon-safety.png" id="icon3" class="icon" style="position:absolute; left: 50px; top: 150px;" width="200px;" height="200px;" onmouseover="moveout_3(this)" /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2014/c/c2/XMU-icon_4.png" id="icon4" class="icon" style="position:absolute; left: 890px; top: 235px;" width="200px;" height="200px;"  onmouseover="moveout_4(this)" /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/Team_Members"><img src="https://static.igem.org/mediawiki/2014/4/48/XMU-icon_5.png" id="icon5" class="icon" style="position:absolute; left: 740px; top: 320px;" width="200px;" height="200px;" onmouseover="moveout_5(this)" /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/Project_Background"><img src="https://static.igem.org/mediawiki/2014/0/00/XMU-icon_6.png" id="icon6" class="icon" style="position:absolute; left: 740px; top: 150px;" width="200px;" height="200px;" onmouseover="moveout_6(this)" /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/PP_Overview"><img src="https://static.igem.org/mediawiki/2014/3/3f/XMU-Home-turn-pp.png" id="turn1" class="turn" style="position:absolute; left: 50px; top: 320px; z-index:1" width="200px;" height="200px;" /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/Judging_Parts"><img src="https://static.igem.org/mediawiki/2014/3/38/XMU-Home-turn-j.png" id="turn2" class="turn" style="position:absolute; left: -100px; top: 235px; z-index:1" width="200px;" height="200px;" /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/Safety"><img src="https://static.igem.org/mediawiki/2014/9/90/XMU-Home-turn-safety.png" id="turn3" class="turn" style="position:absolute; left: 50px; top: 150px; z-index:1" width="200px;" height="200px;"  /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2014/5/54/XMU-Turn_4.png" id="turn4" class="turn" style="position:absolute; left: 890px; top: 235px; z-index:1" width="200px;" height="200px;"  /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/Team_Members"><img src="https://static.igem.org/mediawiki/2014/4/4d/XMU-Turn_5.png" id="turn5" class="turn" style="position:absolute; left: 740px; top: 320px; z-index:1" width="200px;" height="200px;" /></a>
+
-
<a href="https://2014.igem.org/Team:XMU-China/Project_Background"><img src="https://static.igem.org/mediawiki/2014/b/b7/XMU-Turn_6.png" id="turn6" class="turn" style="position:absolute; left: 740px; top: 150px; z-index:1" width="200px;" height="200px;"  /></a>
+
-
</div>
+
-
</div>
+
-
 
+
-
<style type="text/css">
+
-
#pic{left: 250px; top: 160px;}
+
-
.wys.icon{width: 100px; height: 100px;}
+
-
</style>
+
-
 
+
-
<style type="text/css">
+
-
  #homepage {
+
-
perspective:800;
+
-
perspective-0rigin: 50% 50%;
+
-
overflow: hidden;
+
-
  }
+
-
+
-
  #icon {
+
-
transform-style: preserve-3d;
+
-
  }
+
-
 
+
-
  .icon{
+
-
 
+
-
transform-origin:center;
+
-
-webkit-transform-origin:center;
+
-
transition: all 0.2s linear;
+
-
-ms-transition: all 0.2s linear;
+
-
-moz-transition: all 0.2s linear; /* Firefox 4 */
+
-
-webkit-transition: all 0.2s linear; /* Safari and Chrome */
+
-
-o-transition: all 0.2s linear; /* Opera */
+
-
}
+
-
 
+
-
  .turn {
+
-
transform-origin:center;
+
-
-webkit-transform-origin:center;
+
-
transition: all 0.2s linear;
+
-
-ms-transition: all 0.2s linear;
+
-
-moz-transition: all 0.2s linear; /* Firefox 4 */
+
-
-webkit-transition: all 0.2s linear; /* Safari and Chrome */
+
-
-o-transition: all 0.2s linear; /* Opera */
+
-
   
+
-
transform:rotateX(90deg);
+
-
-ms-transform:rotateX(90deg);
+
-
-moz-transform:rotateX(90deg); /* Firefox 4 */
+
-
-webkit-transform:rotateX(90deg); /* Safari and Chrome */
+
-
-o-transform:rotateX(90deg); /* Opera */
+
-
  }
+
-
+
-
</style>
+
-
+
-
<script>
+
-
function moveout_1(obj) {
+
-
obj.style.transform="rotateX(-90deg)";
+
-
obj.style.webkitTransform="rotateX(-90deg)";
+
-
    var next = document.getElementById("turn1");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";
+
-
}
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
 
+
-
+
border: 0 none;
-
function moveout_2(obj) {
+
height: 14px;
-
obj.style.transform="rotateX(-90deg)";
+
z-index: 100;
-
obj.style.webkitTransform="rotateX(-90deg)";
+
top: 0;
-
    var next = document.getElementById("turn2");
+
position: fixed;
-
next.style.transform="rotateX(0deg)";
+
width: 975px;  
-
next.style.webkitTransform="rotateX(0deg)";
+
left: 50%;
-
+
-
}
+
-
 
+
-
+
-
function moveout_3(obj) {
+
-
obj.style.transform="rotateX(-90deg)";
+
-
obj.style.webkitTransform="rotateX(-90deg)";
+
-
    var next = document.getElementById("turn3");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";
+
-
+
-
}
+
-
 
+
-
 
+
-
function moveout_4(obj) {
+
-
obj.style.transform="rotateX(-90deg)";
+
-
obj.style.webkitTransform="rotateX(-90deg)";
+
-
    var next = document.getElementById("turn4");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";
+
-
+
-
}
+
-
 
+
-
+
-
function moveout_5(obj) {
+
-
obj.style.transform="rotateX(-90deg)";
+
-
obj.style.webkitTransform="rotateX(-90deg)";
+
-
    var next = document.getElementById("turn5");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";
+
-
+
-
}
+
-
 
+
-
+
-
function moveout_6(obj) {
+
-
obj.style.transform="rotateX(-90deg)";
+
-
obj.style.webkitTransform="rotateX(-90deg)";
+
-
    var next = document.getElementById("turn6");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";
+
-
+
-
}
+
-
function movein(obj) {
+
-
    var prev = document.getElementById("turn1");
+
-
prev.style.transform="rotateX(90deg)";
+
-
prev.style.webkitTransform="rotateX(90deg)";
+
-
    var next = document.getElementById("icon1");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";    
+
-
+
-
var prev = document.getElementById("turn2");
+
-
prev.style.transform="rotateX(90deg)";
+
-
prev.style.webkitTransform="rotateX(90deg)";
+
-
    var next = document.getElementById("icon2");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";
+
-
+
-
var prev = document.getElementById("turn3");
+
-
prev.style.transform="rotateX(90deg)";
+
-
prev.style.webkitTransform="rotateX(90deg)";
+
-
    var next = document.getElementById("icon3");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";
+
-
+
-
var prev = document.getElementById("turn4");
+
-
prev.style.transform="rotateX(90deg)";
+
-
prev.style.webkitTransform="rotateX(90deg)";
+
-
    var next = document.getElementById("icon4");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";
+
-
+
-
var prev = document.getElementById("turn5");
+
-
prev.style.transform="rotateX(90deg)";
+
-
prev.style.webkitTransform="rotateX(90deg)";
+
-
    var next = document.getElementById("icon5");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";
+
-
+
-
var prev = document.getElementById("turn6");
+
-
prev.style.transform="rotateX(90deg)";
+
-
prev.style.webkitTransform="rotateX(90deg)";
+
-
    var next = document.getElementById("icon6");
+
-
next.style.transform="rotateX(0deg)";
+
-
next.style.webkitTransform="rotateX(0deg)";
+
-
+
-
+
-
}
+
-
 
+
-
</script>
+
-
<div style=" bottom: 0; position: absolute;z-index:2;left: 50%;margin-left: -240px;"><a href="http://www.xmu.edu.cn">
+
-
      <img src="https://static.igem.org/mediawiki/2014/c/c9/XMU-Sponsor.png" width="50%" height="50%"></a>
+
-
</div>
+
-
</body>
+
-
</html>
+

Revision as of 00:45, 18 October 2014

side_bar