Team:SCUT

From 2014.igem.org

(Difference between revisions)
 
(146 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:Team:SCUT/Home/mainhead}}
<HTML>
<HTML>
<HEAD>
<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{top:0px; width:100%; background-color:transparent;font-family:微软雅黑;}
 
-
#top-section{
 
-
  height:0px;
 
-
    border:none;
 
-
    width:980px;
 
-
    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%;}
 
-
#content{
 
-
    background-color:transparent;
 
-
    border:none;
 
-
    marign:0 auto;
 
-
    padding:0;
 
-
    top: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: 490px;
 
-
    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:0px;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:79px;}
 
-
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:"微软雅黑";}
 
-
#content{position:absolute;top:732px;left:200px;width:980px;height:auto;border:1px solid black;}
 
-
.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>
</HEAD>
 +
<BODY>
-
<BODY>
+
<div id="mainbody">  
-
<div id="header">
+
<div id="left_home">  
-
<img src="https://static.igem.org/mediawiki/2014/b/b3/Title.png">
+
</div>
</div>
-
<div class="menubar">
+
<div id="HOME">
-
<ul>
+
-
<li id="home">HOME</li>
+
-
<li id="team">TEAM
+
<div class="ho ho_home">
-
<ul>
+
<a href="https://2014.igem.org/Team:SCUT"><img src="https://static.igem.org/mediawiki/2014/f/fe/01.png"></a>
-
<li>Members</li>
+
</div>
-
<li>Notebook</li>
+
  <div class="ho ho_team">
-
<li>Attributions</li>
+
<img src="https://static.igem.org/mediawiki/2014/d/d9/02.png">
-
</ul>
+
</div>
-
</li>
+
<div class="ho ho21">
 +
<img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/Team/Notebook"><img src="https://static.igem.org/mediawiki/2014/a/a0/Te-notebook.png" class="team team_1" title="Notebook"></a>
 +
<div class="ho ho22">
 +
<img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/Team/Attributions" title="Attributions"><img src="https://static.igem.org/mediawiki/2014/b/b1/Te-attributions.png" class="team team_2"></a>
 +
<div class="ho ho23">
 +
<img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/Team/Members" title="Notebook" title="Members"><img src="https://static.igem.org/mediawiki/2014/e/e9/Te-member.png" class="team team_3"></a>
 +
<div class="ho ho31">
 +
<img src="https://static.igem.org/mediawiki/2014/e/e6/Home2.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/Project/Overview" title="Overview"><img src="https://static.igem.org/mediawiki/2014/9/90/Overview1.png" class="project project_1"></a>
 +
<a href="https://2014.igem.org/Team:SCUT/Team/Acknowledgement" title="Acknowledgements"> <img src="https://static.igem.org/mediawiki/2014/2/26/Te-acknowledgement.png" class="team team_4"></a>
 +
<div class="ho ho32">
 +
<img src="https://static.igem.org/mediawiki/2014/4/41/Home3.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/Team/Our University" title="Our University"><img src="https://static.igem.org/mediawiki/2014/0/09/Te-our_university.png" class="team team_5"></a>
 +
<a href="https://2014.igem.org/Team:SCUT/Project/System_Construction/Co2_Fixation" title="System Construction"> <img src="https://static.igem.org/mediawiki/2014/c/c2/Construction_system.png" class="project project_2"></a>
 +
<div class="ho ho33">
 +
<img src="https://static.igem.org/mediawiki/2014/4/41/Home3.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/Model/Overview" title="Overview"><img src="https://static.igem.org/mediawiki/2014/7/77/Home-Overview.png" class="model model_1"></a>
 +
<a href="https://2014.igem.org/Team:SCUT/Project/Analysis and Discussion" title="Analysis and Discussion"><img src="https://static.igem.org/mediawiki/2014/9/97/HP-Analysis_and_Discussion.png" class="project project_3"></a>
 +
<div class="ho ho_model">
 +
<img src="https://static.igem.org/mediawiki/2014/9/9a/03.png">
 +
</div>
 +
<div class="ho ho_project">
 +
<img src="https://static.igem.org/mediawiki/2014/9/96/04.png">
 +
</div>
 +
<div class="ho ho42">
 +
<img src="https://static.igem.org/mediawiki/2014/e/e8/Home9.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/Model/Rubisco_simulation" title="Rubisco simulation"><img src="https://static.igem.org/mediawiki/2014/8/86/Model-CO2.png" class="model model_2"></a>
 +
<div class="ho ho51">
 +
<img src="https://static.igem.org/mediawiki/2014/1/11/Home4.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/Project/Other Work" title="Other Work"><img src="https://static.igem.org/mediawiki/2014/e/ed/Project-otherwork.png" class="project project_4"></a>
 +
<div class="ho ho52">
 +
<img src="https://static.igem.org/mediawiki/2014/1/11/Home4.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/Model/N-butanol_simulation" title="N-butanol simulation"><img src="https://static.igem.org/mediawiki/2014/a/a6/Model-N-butanol_simulation.png" class="model model_3"></a>
 +
<div class="ho ho61">
 +
<img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/DP/Protocol" title="Protocol"><img src="https://static.igem.org/mediawiki/2014/5/52/Dp-Protocol.png" class="dp dp_3"></a>
 +
<div class="ho ho62">
 +
<img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/Model/Tips_for_other_teams" title="Tips for other teams"><img src="https://static.igem.org/mediawiki/2014/2/2a/Model-Tips_for_other_teams.png" class="model model_4"></a>
 +
  <a href="https://2014.igem.org/Team:SCUT/DP/Achievements" title="Achievements"><img src="https://static.igem.org/mediawiki/2014/f/f6/Dp-Achievements.png" class="dp dp_1"></a>
 +
<div class="ho ho63">
 +
<img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/DP/Biobricks" title="Biobricks"><img src="https://static.igem.org/mediawiki/2014/b/b1/Dp-Biobricks.png" class="dp dp_2"></a>
 +
<div class="ho ho_dp">
 +
<img src="https://static.igem.org/mediawiki/2014/7/79/05.png">
 +
</div>
 +
<div class="ho ho81">
 +
<img src="https://static.igem.org/mediawiki/2014/a/a9/Home6.png">
 +
</div>
 +
<div class="ho ho_safety">
 +
<a href="https://2014.igem.org/Team:SCUT/Safety" title="Safety"><img src="https://static.igem.org/mediawiki/2014/5/5f/06.png"></a>
 +
</div>
 +
<div class="ho ho83">
 +
<img src="https://static.igem.org/mediawiki/2014/7/71/Home7.png">
 +
</div>
 +
<div class="ho ho84">
 +
<img src="https://static.igem.org/mediawiki/2014/7/71/Home7.png">
 +
</div>
 +
<div class="ho ho91">
 +
<img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/HP/Visit and interview" title="Magazine"><img src="https://static.igem.org/mediawiki/2014/4/45/HP-magazine.png" class="hp hp_1" ></a>
 +
<div class="ho ho92">
 +
<img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/HP/Timeline" title="Timeline"><img src="https://static.igem.org/mediawiki/2014/8/88/HP-timeline.png" class="hp hp_2" ></a>
 +
<div class="ho ho93">
 +
<img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png">
 +
</div>
 +
<a href="https://2014.igem.org/Team:SCUT/HP/Practical analysis" title="Survey and Data Analysis"><img src="https://static.igem.org/mediawiki/2014/a/a0/HP-Questionnaire.png" class="hp hp_3" ></a>
 +
<div class="ho ho_hp">
 +
<a href="https://2014.igem.org/Team:SCUT/HP"><img src="https://static.igem.org/mediawiki/2014/a/af/07.png"></a>
 +
</div>
-
<li id="project">PROJECT
+
</div>
-
<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">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>
</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>
</BODY>
</HTML>
</HTML>

Latest revision as of 13:59, 16 November 2014