Team:SCUT

From 2014.igem.org

(Difference between revisions)
(Replaced content with "{{Template:Team:SCUT/mainhead}}")
Line 1: Line 1:
-
<HTML>
+
{{Template:Team:SCUT/mainhead}}
-
<HEAD>
+
-
<TITLE> Team-Members </TITLE>
+
-
<script src="jQuery.js"></script>
+
-
<script type="text/javascript" src="to-top\jquery-1.3.2.min.js"></script>
+
-
<script type="text/javascript" src="to-top\scrolltopcontrol.js"></script>
+
-
<link rel="stylesheet" href="https://2014.igem.org/Team:SCUT/mainhead.css?action=raw&ctype=text/css" type="text/css" />
+
-
<style type="text/css">
+
-
/* hiding the top section*/
+
-
body{position:absolute; top:0px; width:100%; height:1300px;font-family:微软雅黑;background:transparent;}
+
-
#top-section{
+
-
  height:0px;
+
-
    border:none;
+
-
    width:980px;
+
-
    margin-left:200px;
+
-
    margin:0 auto;
+
-
    padding:0 0 0 0;
+
-
    background-color:transparent;
+
-
    overflow:hide;
+
-
}
+
-
#p-logo{display:none;}
+
-
#search-controls{display:none;}
+
-
#top{display:none;}
+
-
.firstHeading{display:none;}
+
-
/* end of hiding the top section*/
+
-
 
+
-
/* global setting*/
+
-
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri， Arial, Helvetica, sans-serif;}
+
-
#content{
+
-
    background-color:transparent;
+
-
    border:none;
+
-
    width:100%;
+
-
    height:auto;
+
-
    marign:0 auto;
+
-
    padding:0 0 0 0;
+
-
   
+
-
    }
+
-
#bodyContent{
+
-
    background-color:transparent;
+
-
    border:none;
+
-
   
+
-
    }
+
-
siteSub{
+
-
    display:none;
+
-
    border:none;
+
-
    }
+
-
contentSub{
+
-
    display:none;
+
-
    }
+
-
/* end of global setting*/
+
-
 
+
-
/*hiding the footer-box*/
+
-
#footer-box{display:none;}
+
-
#catlinks{display:none;}
+
-
/*end of hiding the footer book*/
+
-
 
+
-
/* menu (page, edit ...) */
+
-
#menubar {
+
-
    background-color:transparent;
+
-
    position: relative;
+
-
    float:left;
+
-
    white-space: nowrap;
+
-
    top:-6px;
+
-
    width:980px;
+
-
    z-index: 5000;
+
-
    font-family: sans-serif;
+
-
    font-size: 95%;
+
-
    line-height: 1em;
+
-
    z-index:99;
+
-
   
+
-
}
+
-
 
+
-
 
+
-
.left-menu, .left-menu a {
+
-
    text-align: left;
+
-
    color:#999999;
+
-
    text-transform: lowercase;
+
-
}
+
-
 
+
-
.left-menu:hover {
+
-
    color: #D00000;
+
-
    background-color: transparent;
+
-
}
+
-
 
+
-
.right-menu{width:400px; float:right}
+
-
.right-menu, .right-menu a {
+
-
    right: 0px;
+
-
    text-align: right;
+
-
    color: #999999;
+
-
}
+
-
#menubar ul {
+
-
    color: #999999;
+
-
    list-style: none;
+
-
}
+
-
#menubar li {
+
-
    display: inline;
+
-
    position: relative;
+
-
    cursor: pointer;
+
-
    padding-left: 0px;
+
-
    padding-right: 0px;
+
-
}
+
-
.left-menu li a {
+
-
    padding: 0px 10px 0px 0px;
+
-
}
+
-
.left-menu .selected {
+
-
#    color: #999999;
+
-
}
+
-
#.left-menu .selected:hover {
+
-
#    color: #999999;
+
-
#}
+
-
 
+
-
.left-menu:hover a {
+
-
    color: #999999;;
+
-
}
+
-
 
+
-
.left-menu li a:hover {
+
-
    color: #D00000;
+
-
    text-decoration: underline;
+
-
}
+
-
 
+
-
 
+
-
.right-menu li {
+
-
#    background-color: transparent;
+
-
}
+
-
.right-menu li a {
+
-
    padding: 0px 15px 0px 0px;
+
-
    color: #999999;;
+
-
    background-color: transparent;
+
-
}
+
-
.right-menu li a:hover {
+
-
    color: #D00000;
+
-
    text-decoration: underline;
+
-
}
+
-
/* end menu (edit, page ...) */
+
-
 
+
-
 
+
-
 
+
-
#header{position:absolute;top:60px;left:0px;width:100%;height:186px;overflow:hidden;text-align:center;}
+
-
#header img{position:absolute;left:200px;width:980px;height:auto;}
+
-
 
+
-
.menubar{position:absolute;top:205px;left:200px;width:1000px;height:48px;color:E7B1A6;font-family:Corbel;text-align:left;font-size:12pt;padding:none;padding:0px;z-index:1000;}
+
-
.menubar a{text-decoration:none;opacity:1;color:#ffffff;}
+
-
.menubar a:hover{text-decoration:underline;}
+
-
.menubar ul{list-style:none;margin-top:0px;padding:0px;}
+
-
.menubar ul > li{float:left;width:auto;height:48px;margin-left:41px;line-height:48px;cursor:pointer;}
+
-
.menubar ul > li > ul{display:none;height:200px;width:160px;margin-left:-50px;color:#ffffff;padding:0px;}
+
-
.menubar ul > li:hover > ul{display:block;}
+
-
.menubar ul > li > ul > li{width:160px;line-height:40px;margin-left:0px;text-align:center;background-color:#66cce9;margin-top:1px;}
+
-
.menubar ul > li > ul > li:hover{background-color:#d9f2f9;}
+
-
li#home{margin-left:250px;width:43px;}
+
-
li#team{width:40px;}
+
-
li#team ul{margin-left:-60px;}
+
-
li#project{width:62px;}
+
-
li#model{width:77px;}
+
-
li#model ul{margin-left:-60px;}
+
-
li#model ul li{width:200px;}
+
-
li#data{width:82px;}
+
-
li#hp{width:129px;}
+
-
li#hp ul{margin-left:-18px;}
+
-
li#safety{width:43px;}
+
-
 
+
-
  #left{position:absolute;top:340px;;left:0px;z-index:1000;}
+
-
  #cebian{position:absolute;top:0px;left:0px;width:200px;height:200px;display:none;background-color:#DCF1F7;}
+
-
  .navihead{width:200px;height:40px;font-size:20px;}
+
-
  #first{border-bottom:4px solid white;}
+
-
  .navibody{display:none;border-bottom:2px solid black;border-left:2px solid black;}
+
-
  #click{position:absolute;font-size:20px;top:20px;left:0px;background-color:#DCF1F7;}
+
-
 
+
-
 
+
-
 
+
-
#outline{position:absolute;top:300px;width:100%;left:0px;height:auto;}/*脸萌*/
+
-
#bg{width:100%;height:auto;}
+
-
.li{float:left;width:60px;height:60px;margin-right:5px;cursor:pointer;}
+
-
.li img{width:60px;height:60px;}
+
-
.li1{margin-left:425px;}
+
-
.li2{margin-left:360px;}
+
-
.li21{margin-left:65px;}
+
-
.li22{margin-left:265px;}
+
-
.li3{margin-left:425px;}
+
-
.li32{margin-left:130px;}
+
-
.li33{margin-left:70px;}
+
-
.li4{margin-left:490px;}
+
-
.li44{margin-left:70px;}
+
-
.li5{margin-left:360px;}
+
-
.li52{margin-left:200px;}
+
-
.hang{position:absolute;width:100%;left:0px;height:60px;}
+
-
.hang1{top:10px;}
+
-
.hang2{top:75px;}
+
-
.hang3{top:140px;}
+
-
.hang4{top:205px;}
+
-
.hang5{top:270px;}
+
-
 
+
-
#p1{position:absolute;top:680px;width:980px;left:200px;height:50px;line-height:50px;text-align:center;}
+
-
#p1 span{font-size:30px;font-family:"微软雅黑";}
+
-
.members{margin-left:0px;width:980px;height:240px;text-align:justify;border:1px solid #E3E3E3;margin-top:30px;padding:0px;}
+
-
.members p{margin:40px;font-size:15px;color:gray;}
+
-
.members span{font-size:20px;color:black;}
+
-
.members img{float:left;width:200px;height:auto;margin-top:-20px;margin-right:20px;margin-left:-10px;}
+
-
 
+
-
#p2{margin-top:40px;width:980px;height:50px;line-height:50px;text-align:center;}
+
-
#p2 span{font-size:30px;font-family:"微软雅黑";}
+
-
 
+
-
#footer{position:absolute;width:100%;height:83px;left:0px;top:5000px;}
+
-
#footer img{width:100%;height:auto;left:0px;top:0px;}
+
-
 
+
-
</style>
+
-
</HEAD>
+
-
 
+
-
<BODY>
+
-
<div id="header">
+
-
<img src="https://static.igem.org/mediawiki/2014/b/b3/Title.png">
+
-
</div>
+
-
 
+
-
<div class="menubar">
+
-
<ul>
+
-
<li id="home">HOME</li>
+
-
 
+
-
<li id="team">TEAM
+
-
<ul>
+
-
<li>Members</li>
+
-
<li>Notebook</li>
+
-
<li>Attributions</li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="project">PROJECT
+
-
<ul >
+
-
<li>Overview</li>
+
-
<li>Background</li>
+
-
<li>Design</li>
+
-
<li>Results</li>
+
-
<li>Future work</li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="model">MODELING
+
-
<ul>
+
-
<li>Overview</li>
+
-
<li>Rubisco simulation</li>
+
-
<li>N-butanol simulation</li>
+
-
<li>Conclusion and future work</li>
+
-
<li>Tips for other teams</li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="data"style="width:85px;">DATA PAGE
+
-
<ul>
+
-
<li>Overview</li>
+
-
<li>Biology</li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="hp">HUMAN PRACTICE
+
-
<ul>
+
-
<li >Survey</li>
+
-
<li>Visit and interview</li>
+
-
<li>Practical analysis</li>
+
-
<li >Team communication</li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li id="safety">SAFETY</li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<script type="text/javascript">
+
-
function scroll(element){
+
-
var eletop = element.offset().top;
+
-
$("body,html").animate({scrollTop:eletop},600);
+
-
};
+
-
function scroll11(){
+
-
var element = $("#label11");
+
-
    scroll(element);
+
-
};
+
-
function scroll12(){
+
-
var element = $("#label12");
+
-
scroll(element);
+
-
};
+
-
function scroll2(){
+
-
var element = $("#label2");
+
-
scroll(element);
+
-
};
+
-
function scroll22(){
+
-
var element = $("#label22");
+
-
scroll(element);
+
-
};
+
-
function scroll24(){
+
-
var element = $("#label24");
+
-
scroll(element);
+
-
};
+
-
function scroll3(){
+
-
var element = $("#label3");
+
-
scroll(element);
+
-
};
+
-
function scroll31(){
+
-
var element = $("#label31");
+
-
scroll(element);
+
-
};
+
-
function scroll34(){
+
-
var element = $("#label34");
+
-
scroll(element);
+
-
};
+
-
function scroll14(){
+
-
var element = $("#label4");
+
-
scroll(element);
+
-
};
+
-
function scroll41(){
+
-
var element = $("#label41");
+
-
scroll(element);
+
-
};
+
-
function scroll43(){
+
-
var element = $("#label43");
+
-
scroll(element);
+
-
};
+
-
function scroll45(){
+
-
var element = $("#label45");
+
-
scroll(element);
+
-
};
+
-
function scroll5(){
+
-
var element = $("#label5");
+
-
scroll(element);
+
-
};
+
-
function scroll51(){
+
-
var element = $("#label51");
+
-
scroll(element);
+
-
};
+
-
function scroll152(){
+
-
var element = $("#label52");
+
-
scroll(element);
+
-
};
+
-
function scroll53(){
+
-
var element = $("#label53");
+
-
scroll(element);
+
-
};
+
-
function scroll54(){
+
-
var element = $("#label54");
+
-
scroll(element);
+
-
};
+
-
</script>
+
-
<div id="outline">
+
-
<img src="https://static.igem.org/mediawiki/2014/9/98/Bg.jpg" id="bg">
+
-
 
+
-
<div class="hang hang1">
+
-
<div class="li li1">
+
-
<img src="https://static.igem.org/mediawiki/2014/4/4a/1.png">
+
-
</div>
+
-
<div class="li li11" onclick="scroll11();">
+
-
<img src="team/11.png">
+
-
</div>
+
-
<div class="li li12" onclick="scroll12();">
+
-
<img src="team/12.png">
+
-
</div>
+
-
<div class="li li13">
+
-
<img src="team/13.png">
+
-
</div>
+
-
</div>
+
-
<div class="hang hang2">
+
-
<div class="li li2" onclick="scroll2();">
+
-
<img src="https://static.igem.org/mediawiki/2014/f/fb/2.png">
+
-
</div>
+
-
<div class="li li21">
+
-
<img src="team/21.png">
+
-
</div>
+
-
<div class="li li22" onclick="scroll22();">
+
-
<img src="team/22.png">
+
-
</div>
+
-
<div class="li li23">
+
-
<img src="team/23.png">
+
-
</div>
+
-
<div class="li li24" onclick="scroll24();">
+
-
<img src="team/24.png">
+
-
</div>
+
-
</div>
+
-
<div class="hang hang3">
+
-
<div class="li li3" onclick="scroll3();">
+
-
<img src="https://static.igem.org/mediawiki/2014/1/10/3.png">
+
-
</div>
+
-
<div class="li li31" onclick="scroll31();">
+
-
<img src="team/31.png">
+
-
</div>
+
-
<div class="li li32">
+
-
<img src="team/32.png">
+
-
</div>
+
-
<div class="li li33">
+
-
<img src="team/33.png">
+
-
</div>
+
-
<div class="li li34" onclick="scroll34();">
+
-
<img src="team/34.png">
+
-
</div>
+
-
</div>
+
-
<div class="hang hang4">
+
-
<div class="li li4" onclick="scroll4();">
+
-
<img src="team/4.png">
+
-
</div>
+
-
<div class="li li41" onclick="scroll41();">
+
-
<img src="team/41.png">
+
-
</div>
+
-
<div class="li li42" >
+
-
<img src="team/42.png">
+
-
</div>
+
-
<div class="li li43" onclick="scroll43();">
+
-
<img src="team/43.png">
+
-
</div>
+
-
<div class="li li44">
+
-
<img src="team/44.png">
+
-
</div>
+
-
<div class="li li45" onclick="scroll45();">
+
-
<img src="team/45.png">
+
-
</div>
+
-
</div>
+
-
<div class="hang hang5">
+
-
<div class="li li5" onclick="scroll5();">
+
-
<img src="team/5.png">
+
-
</div>
+
-
<div class="li li51" onclick="scroll51();">
+
-
<img src="team/51.png">
+
-
</div>
+
-
<div class="li li52" onclick="scroll52();">
+
-
<img src="team/52.png">
+
-
</div>
+
-
<div class="li li53" onclick="scroll53();">
+
-
<img src="team/53.png">
+
-
</div>
+
-
<div class="li li54" onclick="scroll54();">
+
-
<img src="team/54.png">
+
-
</div>
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
</BODY>
+
-
</HTML>
+

Revision as of 15:05, 5 October 2014

Retrieved from "http://2014.igem.org/Team:SCUT"