Team:UESTC-China/Team

From 2014.igem.org

(Difference between revisions)
 
(105 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-
<!--Once there was a sad story "https://2013.igem.org/Team:Peking/Sadstory"-->
+
-
<style type="text/css">
+
-
/* hiding the top section*/
+
-
body{position:absolute; top:0px; width:100%; height:1480px;}
+
-
#top-section{
+
-
  height:0px;
+
-
    border:none;
+
-
    width:980px;
+
-
    margin:0 auto;
+
-
    padding:0 0 0 0;
+
-
    background-color:transparent;
+
-
    overflow:hide;
+
-
}
+
<head>
-
#p-logo{display:none;}
+
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
-
#search-controls{display:none;}
+
<title>UESTC-China</title>
-
#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;
 
-
    width:1200px;
 
-
    height:700px;
 
-
    marign:0 auto;
 
-
    padding:0 0 0 0;
 
-
    top:-40px;
 
-
    }
 
-
#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;
+
<style>
 +
#content {
     position: relative;
     position: relative;
-
     float:left;
+
     width: 1215px;
-
    white-space: nowrap;
+
#    margin-left: 10px;
-
     top:-6px;
+
margin: 0 auto;
-
     width: 490px;
+
     padding: 5px 5px 5px 5px;;
-
     z-index: 5000;
+
     background: white;
-
     font-family: sans-serif;
+
     color: black;
-
     font-size: 95%;
+
     border-left: 1px solid #444444;
-
     line-height: 1em;
+
     border-right: 1px solid #444444;
-
     z-index:99;
+
     line-height: 1.5em;
 +
     z-index: 2;
}
}
-
.left-menu, .left-menu a {
+
     
-
    text-align: left;
+
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
-
    color:#999999;
+
 
-
    text-transform: lowercase;
+
body{
 +
background-color:#bfbfbf;
}
}
 +
a{
 +
text-decoration: none;
 +
color: white;
 +
}
 +
a:hover{
 +
text-decoration: none;
 +
color: white;
 +
}
 +
a:active{
 +
text-decoration: none;
 +
color: white;
 +
}
 +
a:visited{
 +
text-decoration: none;
 +
color: white;
 +
}
 +
#top-section{
 +
height: 0px;
 +
border:none;
 +
}
 +
#search-controls{
 +
display: none;
 +
}
 +
#p-logo{
 +
display: none;
 +
}
 +
#total-wrap{
 +
position:absolute;
 +
width: 1215px;
 +
left: 50%;
 +
right: 50%;
 +
margin-left: -607px;
 +
color: white;
 +
}
 +
#header{
 +
height: 280px;
 +
background-image:url("https://static.igem.org/mediawiki/2014/4/49/New_New_banner.jpg");
 +
background-position: top center;
 +
background-repeat: no-repeat;
 +
border-radius:3px;
 +
overflow: hidden;
 +
width: 1214px;
 +
}
 +
#emp{
 +
height:200px;
 +
}
 +
#top-menu{
 +
display: inline-block;
 +
padding-left:20px;
 +
background-color: #394264;
 +
width: 1195px;
 +
height: 63px;
-
.left-menu:hover {
+
}
-
    color: #D00000;
+
@font-face {
-
    background-color: transparent;
+
font-family: ubuntu;
 +
src:url(Ubuntu-R.ttf);
 +
}
 +
.top-menu-each{
 +
height: 63px;
 +
font-family: helveticallt,"微软雅黑";
 +
color: white;
 +
font-size: 21px;
 +
float: left;
 +
cursor: pointer;
 +
font-weight: bold;
}
}
-
.right-menu{width:400px; float:right}
+
.top-menu-each p{
-
.right-menu, .right-menu a {
+
float: left;
-
    right: 0px;
+
padding-right: 40px;
-
    text-align: right;
+
padding-left: 40px;
-
    color: #999999;
+
line-height: 63px;
}
}
-
#menubar ul {
+
.arrow{
-
    color: #999999;
+
float: left;
-
    list-style: none;
+
background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png");
 +
line-height: 63px;
 +
width: 12px;
 +
height: 9px;
 +
margin-left: 9px;
 +
margin-right: 9px;
 +
margin-top: 30px;
 +
position: absolute;
 +
 
}
}
-
#menubar li {
+
.top-menu-each:hover{
-
    display: inline;
+
background-color: #50597B;
-
    position: relative;
+
border-bottom-style:solid;
-
    cursor: pointer;
+
border-bottom-width: 2px;
-
    padding-left: 0px;
+
border-bottom-color:#11a8ab;
-
    padding-right: 0px;
+
height: 61px;
 +
}
}
-
.left-menu li a {
+
.top-menu-each.click{
-
    padding: 0px 10px 0px 0px;
+
background-color: #50597B;
 +
border-bottom-style:solid;
 +
border-bottom-width: 2px;
 +
border-bottom-color:#11a8ab;
 +
height: 61px;
}
}
-
.left-menu .selected {
+
.top-menu-sub{
-
#    color: #999999;
+
position: absolute;
 +
margin-top: 63px;
 +
z-index: 10;
 +
min-width: 215px;
}
}
-
#.left-menu .selected:hover {
+
.top-menu-sub li{
-
#    color: #999999;
+
background-color: #394264;
-
#}
+
border-top-style: solid;
 +
border-bottom-style: solid;
 +
border-top-width: 1px;
 +
border-bottom-width: 1px;
 +
border-top-color: #11a8ab;
 +
border-bottom-color: #11a8ab;
 +
padding-left: 30px;
 +
padding-right: 20px;
 +
height: 55px;
 +
line-height: 55px;
 +
cursor:pointer;
 +
}
 +
.top-menu-sub li:hover{
 +
background-color: #50597B;
 +
}
 +
#big-photo{
 +
margin-top: 5px;
 +
height: 500px;
 +
width: 1214px;
 +
overflow: hidden;
 +
}
 +
#big-photo img{
 +
height: 500px;
 +
width: 1214px;
 +
position: absolute;
-
.left-menu:hover a {
 
-
    color: #999999;;
 
}
}
 +
#big-photo-hover{
 +
height: 130px;
 +
padding-left: 35px;
 +
padding-right: 10px;
 +
background-image: url('http://fudanigem.phx-2.ifreeurl.com/img/big-photo-hover.png');
 +
background-repeat: no-repeat;
 +
margin-top: -130px;
 +
position: absolute;
 +
margin-top: 370px;
 +
width: 1169px;
 +
}
 +
@font-face {
 +
font-family: helveticamd;
 +
src:url(HelveticaNeueLTStd-Md.otf);
 +
}
 +
@font-face {
 +
font-family: helveticalt;
 +
src:url(HelveticaNeueLTStd-Lt.otf);
 +
}
 +
#big-photo-hover .header{
 +
font-size: 30px;
 +
line-height: 30px;
 +
font-family: helveticallt,"微软雅黑";
 +
font-weight: bold;
 +
padding-top: 25px;
 +
margin-bottom: 10px;
 +
}
 +
#big-photo-hover .content{
 +
font-size: 23px;
 +
line-height: 23px;
 +
font-family: helveticallt,"微软雅黑";
 +
}
 +
#big-photo-wrap{
 +
position: absolute;
 +
width: 1214px;
 +
height: 500px;
 +
overflow: hidden;
 +
}
 +
#small-photo{
 +
margin-top: 15px;
 +
display: inline-block;
 +
margin-bottom: 335px;
 +
}
 +
.small-photo-each{
 +
width: 351px;
 +
height: 410px;
 +
padding-top: 10px;
 +
padding-bottom:5px;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
margin-right: 51px;
 +
float: left;
 +
background-color: white;
 +
}
 +
.small-photo-each img{
 +
width: 351px;
 +
height: 410px;
 +
}
 +
.small-photo-each.last{
 +
margin-right: 0px;
 +
}
 +
#footer{
 +
 +
height: 180px;
 +
background-color: #394264;
 +
border-top-left-radius:8px;
 +
border-top-right-radius:8px;
 +
margin-top: 30px;
 +
}
 +
#main-content{
 +
position:absolute;
 +
margin-top: 40px;
 +
display: inline-block;
 +
}
 +
#left-bar{
 +
width: 225px;
 +
border-radius: 3px;
 +
overflow: hidden;
 +
position: absolute;
 +
}
 +
.left-bar-each{
 +
height: 60px;
 +
background-color: #394264;
 +
font-family: helveticallt,"微软雅黑";
 +
font-size: 18px;
 +
line-height: 60px;
 +
padding-left: 30px;
 +
cursor: pointer;
 +
border-bottom-style: solid;
 +
border-bottom-color: #1f253d;
 +
border-bottom-width: 1px;
 +
}
 +
.left-bar-each:hover{
 +
background-color: #50597b;
 +
}
 +
.left-bar-each.top{
 +
background-color: #38b7c4;
 +
text-align:center;
 +
padding-left: 0px;
 +
}
 +
.left-bar-each.top:hover{
 +
background-color: #38b7c4;
 +
}
 +
.left-bar-sub .left-bar-each{
 +
padding-left: 90px;
 +
}
 +
#middle-photo{
 +
float: left;
 +
margin-bottom: 25px;
 +
}
 +
.middle-photo-each{
 +
padding:0px 0px 0px 0px;
 +
background-color: white;
 +
margin-bottom: 15px;
 +
margin-left: 0px;
-
.left-menu li a:hover {
+
}
-
    color: #D00000;
+
.middle-photo-each .middle-content{
-
    text-decoration: underline;
+
height: 400px;
 +
width: 947px;
 +
}
 +
.middle-content img{
 +
float: left;
 +
}
 +
#examplepic{
 +
width: 100px;
 +
height:60px;
 +
}
 +
.middle-content p{
 +
color: black;
 +
font-size: 16px;
 +
font-family: helveticallt,"微软雅黑";
 +
line-height: 20px;
 +
}
 +
#team-content{
 +
margin-top: 15px;
 +
margin-bottom: 95px;
 +
}
 +
.team-photo img{
 +
width: 1215px;
 +
}
 +
.team-photo{
 +
margin-bottom: -2px;
 +
}
 +
#top{
 +
background-image: url('https://static.igem.org/mediawiki/2014/8/89/Uestc_top2.png');
 +
width: 65px;
 +
height: 138px;
 +
position: fixed;
 +
top: 70%;
 +
margin-left: 1200px;
 +
cursor: pointer;
 +
z-index: 999;
 +
 
 +
}
 +
#logo{
 +
position: absolute;
 +
width: 154px;
 +
height: 147px;
 +
margin-left: 1000px;
 +
margin-top: 30px;
 +
cursor: pointer;
 +
}
 +
#footer-box{
 +
display: none;
 +
}
 +
.firstHeading{
 +
display: none;
 +
}
 +
#content{
 +
border:none;
 +
background: none;
 +
}
 +
li{
 +
color:white;
}
}
 +
/*rocket-to-top*/
 +
*{list-style:none;border:0;}
-
.right-menu li {
+
#rocket-to-top div {
-
#    background-color: transparent;
+
    left: 0;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 149px;
}
}
-
.right-menu li a {
+
#rocket-to-top .level-2 {
-
     padding: 0px 15px 0px 0px;
+
     background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent;
-
     color: #999999;;
+
     display: none;
-
     background-color: transparent;
+
    height: 250px;
 +
     opacity: 0;
 +
    z-index: 1;
}
}
-
.right-menu li a:hover {
+
#rocket-to-top .level-3 {
-
     color: #D00000;
+
     background: none repeat scroll 0 0 transparent;
-
     text-decoration: underline;
+
    cursor: pointer;
 +
    display: block;
 +
    height: 150px;
 +
    z-index: 2;
 +
}
 +
#rocket-to-top {
 +
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll 0 0 transparent;
 +
    cursor: default;
 +
    display: block;
 +
    height: 250px;
 +
    margin: -125px 0 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: fixed;
 +
    right: 0;
 +
    top: 80%;
 +
    width: 149px;
 +
     z-index: 11;
}
}
-
/* end menu (edit, page ...) */
+
/*rocket-to-top end*/
-
/* navigation bar*/
 
-
#navigationblock{background-color:#fafaf8; position:fixed; top:0px; width:1200px; height:130px; overflow:hidden; font-family:Calibri, Arial; float:left; margin:0px; padding:0px; z-index:1000; border-bottom:1px solid #d3d7d8;}
+
#SensorEditingArea{position:absolute; left:0px; top:280px; height:4200px; width:1183px; background-color:#ffffff; padding:60px 0px 0px 30px;}
-
#navbarlogo{position:absolute; top:0px; left:0px; width:1200px}
+
.SensorEditingAreaClass a{color:#1f8a70; font-weight:bold;}
-
#navigationbar{position:absolute; left:460px; top:38px; font-size:16px; font-weight:100; color:black;}
+
</style>
-
#navigationbar > li {display:block; list-style-type:none; float:left; width:75px; height:30px; text-align:center; }
+
</head>
-
.Navbar_Item{background-color:transparent;}
+
<body>
-
.Navbar_Item a {color:black; text-decoration:none;}
+
<div id="total-wrap">
-
.Navbar_Item > ul {display:none; width:900px; height:80px; text-align:center; color:black; z-index:1100; }
+
<div id="header">
-
.Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;}
+
<div id="emp">
-
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
+
<div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/da/NewLogo2.png"></a></div>
-
.Navbar_Item:hover > ul{zoom:1; display:block;}
+
</div>
-
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;}
+
<div id="top-menu">
-
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
+
<div class="top-menu-each">
-
.Navbar_Item > ul > li:hover >a {color:#D00000}
+
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
-
.BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;}
+
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Team</p>
 +
<div class="top-menu-sub">
 +
<ul>
-
#Home_Sublist{position:relative; top:0px; left:-50px;}
+
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
-
#Team_Sublist{position:relative; top:0px; left:-110px;}
+
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
-
#Project_Sublist{position:relative; top:0px; left:-180px;}
+
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
-
#Model_Sublist{position:relative; top:0px; left:-140px;}
+
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
-
#DataPage_Sublist{position:relative; top:0px; left:-60px;}
+
</ul>
-
#Safety_Sublist{position:relative; top:0px; left:-180px;}
+
</div>
-
#HumanPractice_Sublist{position:relative; top:0px; left:-470px;}
+
</div>
-
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
 
-
/*end navigation bar*/
 
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Project</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Futurework"><li>Future work</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a>
-
/*Major body*/
+
</ul>
-
#MajorBody{position:absolute; top:0px; left:0px; width:1200px; height:1019px;}
+
</div>
-
#ProjectTitle{position:absolute; left:200px; background-color:transparent; width:1000px; height:210px; top:150px; z-index:600;}
+
</div>
-
#ProjectName{text-align:center; position:absolute; width:1000px; left:0px; top:60px; border-bottom:0px; color:#FFFFFF; font-size:45px; font-family:calibri,Arial, Helvetica, sans-serif;}
+
<div class="top-menu-each">
-
#ProjectSubname{text-align:center; position:absolute; width:1000px; left:0px; top:120px; border-bottom:0px; color:#FFFFFF; font-size:19px;  font-family:calibri, Arial, Helvetica, sans-serif;}
+
<div class="arrow"></div>
 +
<p>Modeling</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Overview</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Parts</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/BioBrick"><li>BioBrick</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
-
#LeftNavigation{position:fixed; top:130px; float:left; width:200px; height:100%; background-color:#313131; z-index:900;}
+
</ul>
-
#TeammembersListTitle{position:absolute; top:50px; left:30px; color:#ffffff; font-size:30px; font-family: calibri, arial, helvetica, sans-serif; text-decoration:none; border-bottom:0px;}
+
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Human Practice</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a>
-
#TeammembersList{position:absolute; top:110px; left:15px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
+
<a href="https://2014.igem.org/Team:UESTC-China/Knowledgequiz"><li>Knowledge quiz</li></a>
-
#TeammembersList > li {display:block; list-style-type:none; width:180px; height:25px; font-size:18px; text-align:left; background-color:transparent;}
+
<a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a>
 +
</ul>
 +
</div>
 +
</div>
-
.SensorsListItem>a {color:#ffffff; text-decoration:none;}
+
<div class="top-menu-each">
-
.SensorsListItem:hover >a{color:#999999;}
+
<div class="arrow"></div>
 +
<p>Safety</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
 +
</ul>
 +
</div>
 +
</div>
-
#TeammembersEditingArea{position:absolute; left:200px; top:360px; height:4200px; width:1000px; background-color:#ffffff;}
 
-
#ParagraphAhead{position:absolute; top:40px; left:100px; width:800px; font-size:18px; font-family: calibri, Arial, Helvetica, sans-serif; text-align:justify;}
 
-
#GroupPhoto{position:absolute; top:270px; left:80px; width:840px;}
+
<div id="middle-photo">
 +
<div class="middle-photo-each">
 +
<div id="SensorEditingArea" class="SensorEditingAreaClass">
-
.SubBlockTitle{position:absolute; top:30px; left:80px; border-bottom:0px; color:#004358; font-size:45px; font-family:Calibri,Arial, Helvetica, sans-serif; font-weight:bold;}
+
  <p style="width:1150px;font-weight:bold;font-style:italic;color:#1b1b1b; position:relative;font-size:23px;font-family: calibri, arial, helvetica, sans-serif;text-align:justify;">UESTC-China mainly consisted of the juniors from school of life science and technology. The group were divided into 3 sub-groups, the first focused on design of the project, the second were responsible for the artwork and activity organization, and the third paid their attention to wiki construction. Besides, we would like to thank our altruistic instructors and advisors, who helped us a lot in the whole process. <br/>
-
#TeamMembers{position:absolute; top:750px; left:0px; width:840px; height:1000px; }
+
-
.TeamMemberPhoto{position:absolute; left:80px; width:220px;}
+
-
.TeamMemberName{position:absolute; left:340px; border-bottom:0px; color:#004358; font-size:35px; font-family:Calibri,Arial, Helvetica, sans-serif; font-weight:bold;}
+
-
.TeamMemberPS{position:absolute; left:340px; width:500px; color:#000000; font-size:16px; text-align:justify; font-family:calibri, Arial, Helvetica, sans-serif; line-height:20px;}
+
-
#ZhengPuPhoto{top:395px;}
+
<br/>
-
#ZhengPuName{top:380px;}
+
-
#ZhengPuPS{top:430px;}
+
-
#ShiHaiLingPhoto{top:675px;}
+
  </p>
-
#ShiHaiLingName{top:660px;}
+
-
#ShiHaiLingPS{top:710px;}
+
-
#LiangJingPhoto{top:965px;}
+
  <h1 class="SectionTitles" style="width:1100px;padding:0 10px;position:relative;background-color:#1f8a70;height:45px;line-height:40px;font-size:28px;font-family: calibri, arial, helvetica, sans-serif;border-bottom:0px;color:#ffffff;font-weight: bold;font-style: Italic;text-align:center;">Team Members</h1>
-
#LiangJingName{top:950px;}
+
-
#LiangJingPS{top:1000px;}
+
-
#XueHaoranPhoto{top:965px;}
+
  <div style="width:250px; height:250px;position:absolute;left:30px;top:320px; float:left; display:inline"> <img  src="https://static.igem.org/mediawiki/2014/9/94/Hanke1.png" > </div>
-
#XueHaoranName{top:950px;}
+
-
#XueHaoranPS{top:1000px;}
+
-
#LiuShiyuPhoto{top:1245px;}
+
  <div style="width:850px; height:250px;position:absolute;left:270px;top:320px;padding:20px 0 0 20px; float:left; display:inline" >
-
#LiuShiyuName{top:1230px;}
+
-
#LiuShiyuPS{top:1280px;}
+
-
#HouYuhangPhoto{top:1525px;}
+
<p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Ke Han</B>, who may also called Roxanne, is in charge of artwork. Though majors in bioinformatics, she gains lots of experimental skills by iGEM. Now she has been getting a more clear view of synthetic biology by working in the lab. And watching her making all kinds of mistakes is hilarious, which eases us from pressure. </p>
-
#HouYuhangName{top:1510px;}
+
-
#HouYuhangPS{top:1560px;}
+
-
#ZhangYihaoPhoto{top:1805px;}
+
  </div>
-
#ZhangYihaoName{top:1790px;}
+
-
#ZhangYihaoPS{top:1840px;}
+
-
#HelenaPhoto{top:1525px;}
+
  <div style="width:250px; height:250px;position:absolute;left:30px;top:570px; float:left; display:inline"> <img  src="https://static.igem.org/mediawiki/2014/8/85/Hejiao1.png" > </div>
-
#HelenaName{top:1510px;}
+
-
#HelenaPS{top:1560px;}
+
-
#HeShuaixinPhoto{top:1805px;}
+
  <div style="width:850px; height:250px;position:absolute;left:270px;top:570px;padding:20px 0 0 20px; float:left; display:inline" >
-
#HeShuaixinName{top:1790px;}
+
-
#HeShuaixinPS{top:1840px;}
+
-
#WangHuanPhoto{top:2085px;}
+
<p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Jiao He</B>, a racy and sanguine girl, is mainly responsible for the human practice. Besides that she also does some writing and paper work for constructing wiki. Though lacking particular skill like anyone else possess in our team, she contributes a lot to our team for tackling some trivial or petty but important things for our team. </p>
-
#WangHuanName{top:2070px;}
+
-
#WangHuanPS{top:2120px;}
+
-
#CuiCanPhoto{top:2365px;}
+
  </div>
-
#CuiCanName{top:2350px;}
+
-
#CuiCanPS{top:2400px;}
+
-
#PanXingjiePhoto{top:115px;}
+
  <div style="width:250px; height:250px;position:absolute;left:30px;top:820px; float:left; display:inline "> <img  src="https://static.igem.org/mediawiki/2014/5/57/Cys1.png" > </div>
-
#PanXingjieName{top:100px;}
+
-
#PanXingjiePS{top:150px;}
+
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:820px;padding:20px 0 0 20px; float:left; display:inline " >
-
#Instructors{position:absolute; top:3360px; left:0px; width:840px; height:500px; }
+
<p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Yasong Cui</B>  is the leader of our team. With his excellent grade and domination in synthetic biology, he is called "Lord of School". We turn to him every time when problems come up. So having too much things to do is always a problem for him. He loves to have some midnight snacks after long time experimenting. </p>
-
#OuyangQiPhoto{position:absolute; top:115px; left:80px; width:220px;}
+
-
#OuyangQiName{position:absolute; top:340px; left:80px; border-bottom:0px; font-size:25px; font-family:Calibri,Arial, Helvetica, sans-serif; font-weight:bold; width:220px; text-align:center;}
+
-
#RobinPhoto{position:absolute; top:115px; left:370px; width:220px;}
+
-
#RobinName{position:absolute; top:340px; left:370px; border-bottom:0px; font-size:25px; font-family:Calibri,Arial, Helvetica, sans-serif; font-weight:bold; width:220px; text-align:center;}
+
-
#YuZhouPhoto{position:absolute; top:115px; left:660px; width:220px;}
+
-
#YuZhouName{position:absolute; top:340px; left:660px; border-bottom:0px; font-size:25px; font-family:Calibri,Arial, Helvetica, sans-serif; font-weight:bold; width:220px; text-align:center;}
+
-
#Advisors{position:absolute; top:3760px; left:0px; width:840px; height:500px; }
+
  </div>
-
#ZhangHaoqianPhoto{position:absolute; top:115px; left:80px; width:220px;}
+
-
#ZhangHaoqianName{position:absolute; top:340px; left:80px; border-bottom:0px;  font-size:25px; font-family:Calibri,Arial, Helvetica, sans-serif; font-weight:bold; width:220px; text-align:center;}
+
-
#LouChunboPhoto{position:absolute; top:115px; left:370px; width:220px;}
+
-
#LouChunboName{position:absolute; top:340px; left:370px; border-bottom:0px;  font-size:25px; font-family:Calibri,Arial, Helvetica, sans-serif; font-weight:bold; width:220px; text-align:center;}
+
 +
  <div style="width:250px; height:250px;position:absolute;left:30px;top:1070px; float:left; display:inline"> <img  src="https://static.igem.org/mediawiki/2014/9/96/Lijie1.png" > </div>
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:1070px;padding:20px 0 0 20px; float:left; display:inline" >
 +
<p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Jie Li</B>  is a hardworking junior student with a good sence of humor. He can pull it off for several days and nights to complete his experiment. And he is really funny in our daily life. During summer time trainning, his jokes kept our team in a good mood.</p>
-
/*end of Major body*/
+
  </div>
-
/*TeammembersEditingArea*/
+
  <div style="width:250px; height:250px;position:absolute;left:30px;top:1320px; float:left; display:inline"> <img  src="https://static.igem.org/mediawiki/2014/2/26/Lijingyao1.png" > </div>
-
#MileStone1{position:absolute; top:620px;}
+
  <div style="width:850px; height:250px;position:absolute;left:270px;top:1320px;padding:20px 0 0 20px; float:left; display:inline" >
-
#MileStone2{position:absolute; top:4100px;}
+
-
#MileStone3{position:absolute; top:4500px;}
+
 +
<p style="color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Jingyao Li</B>  is a junior studying biotechnology and plant genome engineering in the university of electronic science and technology of China. She works on vector construction and plant transformation. At the same time, as the lab manager of UESTC-China team, she takes charge of the wet lab. Outside of the lab, she loves traveling and climbing.</p>
-
#AcknowledgementBox{position:absolute; left:200px; top:4560px; width:1000px; z-index:1100;}
+
  </div>
-
</style>
+
  <div style="width:250px; height:250px;position:absolute;left:30px;top:1570px; float:left; display:inline"> <img  src="https://static.igem.org/mediawiki/2014/a/ad/Liurui1.png" > </div>
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:1570px;padding:20px 0 0 20px; float:left; display:inline" >
-
<!--navigationbar-->
+
<p style="color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Rui Liu</B> is a huge fan of basketball. With his passionate attitude and appealing personality, he is in charge of human practice. And he works in lab, too. His favorate sports star is Kobe Bryant. And it's his dream to take his girlfriend to the Staples Center, watching a live game together.</p>
-
<div id="navigationblock">
+
  </div>
-
<img id="navbarlogo" src="https://static.igem.org/mediawiki/2014/f/f3/1.jpg"/>
+
-
       
+
-
<ul id="navigationbar">
+
-
<li id="PKU_navbar_Home" class="Navbar_Item">
+
-
                       
+
-
<a href="https://2013.igem.org/Team:Peking">Home</a>
+
-
<ul id="Home_Sublist" >
+
-
</ul>
+
-
</li>
+
-
<li id="PKU_navbar_Team" class="Navbar_Item">
+
-
<a href="">Team</a>
+
-
<ul id="Team_Sublist">
+
-
                                <div class="BackgroundofSublist"></div>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Team/Notebook">Notebook</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Team/Attributions">Attributions</a></li>
+
-
</ul>
+
-
</li>
+
-
<li id="PKU_navbar_Project" class="Navbar_Item">
+
-
<a href="https://2013.igem.org/Team:Peking/Project">Project</a>
+
-
<ul id="Project_Sublist">
+
-
                                <div class="BackgroundofSublist"></div>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Project/Plugins">Adaptors</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a></li>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/Project/Devices">Devices</a></li>
+
-
</ul>
+
-
</li>
+
-
<li id="PKU_navbar_Model" class="Navbar_Item">
+
-
<a href="">Model</a>
+
-
<ul id="Model_Sublist">
+
-
                                <div class="BackgroundofSublist"></div>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/Model">Band-pass Filter</a></li>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/ModelforFinetuning">Biosensor Fine-tuning</a></li>
+
-
</ul>
+
-
</li>
+
-
                        <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:90px">
+
-
<a href="">Data page</a>
+
-
<ul id="DataPage_Sublist">
+
-
                                <div class="BackgroundofSublist"></div>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/DataPage/Parts">Parts</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/DataPage/JudgingCriteria">Judging Criteria</a></li>
+
-
 
+
-
</ul>
+
-
</li>
+
-
<li id="PKU_navbar_Safety" class="Navbar_Item">
+
-
<a href="https://2013.igem.org/Team:Peking/Safety">Safety</a>
+
-
<ul id="Safety_Sublist">
+
-
</ul>
+
-
</li>
+
-
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px">
+
-
<a href="https://2013.igem.org/Team:Peking/HumanPractice">Human Practice</a>
+
-
<ul id="HumanPractice_Sublist">
+
-
                                <div class="BackgroundofSublist"></div>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit">Visit and Interview</a></li>
+
-
                                <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li>
+
-
</ul>
+
  <div style="width:250px; height:250px;position:absolute;left:30px;top:1820px; float:left; display:inline"> <img src="https://static.igem.org/mediawiki/2014/a/af/Wei-Xin_Liu.jpg" > </div>
-
</li>
+
-
+
-
</ul>
+
-
        <a href="https://2013.igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a>
+
-
</div>
+
-
<!--end navigationbar-->
+
-
<!--MajorBody-->
+
  <div style="width:850px; height:250px;position:absolute;left:270px;top:1820px;padding:20px 0 0 20px; float:left; display:inline" >
-
<div id="MajorBody">  
+
-
        <div id="LeftNavigation">
+
<p style="color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B style="color: ">Weixin Liu</B>, the head of modeling. With competitive mathematics background, he is indispensable for our team. Not only math, he is also interested in the way life operates, including its metabolism, reproduction and regulation. He has a deep comprehension of the life machine and is the control of the modeling team.</p>
-
                <h1 id="TeammembersListTitle">Members</h1>
+
-
                <ul id="TeammembersList">
+
-
                    <li class="SensorsListItem"><a href="#MileStone1">Team Members</a><li>
+
-
                    <li class="SensorsListItem"><a href="#MileStone2">Instructors</a><li>
+
-
                    <li class="SensorsListItem"><a href="#MileStone3">Advisors</a><li>
+
-
                </ul>
+
-
       
+
-
        </div>
+
-
        <div id="TeammembersEditingArea">
+
  </div>
 +
  <div style="width:250px; height:250px;position:absolute;left:30px;top:2070px; float:left; display:inline"> <img  src="https://static.igem.org/mediawiki/2014/c/c9/Yanzihui1.png" > </div>
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:2070px;padding:20px 0 0 20px; float:left; display:inline" >
-
        <img id="GroupPhoto" src="https://static.igem.org/mediawiki/2014/2/25/All.JPG" />
+
<p style="color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Zihui Yan</B>  studies in the Plant Genome Engineering Laboratory, so he is very good at experimenting. And he is very involved with plants. At his spare time, he likes to play tennis, talk to others, and play the game "League of Legends".</p>
-
        <div id="TeamMembers">
+
  </div>
-
              <h1 class="SubBlockTitle">Team Members</h1>
+
-
             
+
-
              <img id="ZhengPuPhoto" title="The Former One" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/2014/c/c2/Cys.jpg" />
+
-
              <h2 id="ZhengPuName" class="TeamMemberName"><I>Yasong Cui</I></h2>
+
-
              <p id="ZhengPuPS" class="TeamMemberPS">The leader of the group</p>
+
-
              <img id="ShiHaiLingPhoto" title="哼~" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/igem.org/e/ee/Peking_ShiHaiLing.jpg" />
+
  <div style="width:250px; height:250px;position:absolute;left:30px;top:2320px; float:left; display:inline"> <img  src="https://static.igem.org/mediawiki/2014/9/98/Yanzhiqiang1.png" > </div>
-
              <h2 id="ShiHaiLingName" class="TeamMemberName"><I>Shi Hailing</I></h2>
+
-
              <p id="ShiHaiLingPS" class="TeamMemberPS">SHI Hailing is in her fourth year in the College of Chemistry and Molecular Engineering at Peking University. She is in charge of the characterization of aromatic sensors along with XUE Haoran via Microplate Reader and Flow cytometer. Besides the tests of all kinds of sensors of the project, she also takes up the construction of the part NahF as the "Adaptor" of the sensor NahR. At the same time, she helps maintain the operation of the laboratory.Besides synthetic biology, she is interested in biophysical chemistry, especially drug design and protein engineering. She does enjoy the Peking iGEM 2013 project this summer.</p>
+
-
              <img id="LiangJingPhoto" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/igem.org/a/ac/Lj_1.JPG" />
+
  <div style="width:850px; height:250px;position:absolute;left:270px;top:2335px;padding:20px 0 0 20px; float:left; display:inline" >
-
              <h2 id="LiangJingName" class="TeamMemberName"><I>Liang Jing</I></h2>
+
-
              <p id="LiangJingPS" class="TeamMemberPS">LIANG Jing, AKA Crystal, is a junior from PKU School of Basic Medical Sciences, in charge of human practice and works in wet lab. She was also an gymnast and an amateur musical actress. As the boundaries among different disciplines of science are blurring now, basic medical sciences are becoming a vital approach in understanding human health science, and synthetic biology is a fascinating way to combine our knowledge and put it into use. One can look forward to these disciplines to make our life much better. Being on PKU iGEM team is awesome, probably the best experience in her college life.</p>
+
-
     
+
<p style="color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"><br/><B>Zhiqiang Yan</B>  is the wiki builder of our team. He has a competitive power of programming, which is a complimentary of our team. In his spare time, he enjoys riding and playing basketball. Especially, he is fascinated by 3D movies, which is very fantastic.</p>
-
              <img id="LiuShiyuPhoto" title="你好，PI" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/igem.org/a/a4/Peking_LiuShiyu.jpg" />
+
  </div>
-
              <h2 id="LiuShiyuName" class="TeamMemberName"><I>Liu Shiyu</I></h2>
+
-
              <p id="LiuShiyuPS" class="TeamMemberPS">LIU Shiyu is a sophomore in the School of Life Science, Peking University. He focuses on the work related with molecular cloning operation, such as construction of sensor system and band-pass filters. He is interested in the way life operates, including its metabolism, reproduction and regulation. He has a deep comprehension of the life machine and tries to realize many mischievous ideas, though most of them have nothing to do with the project. He cherishes more about the process of the experiment than the result. The challenge of trying a new method often motivates him. He is also interested in literature and music.</p>
+
 +
 
 +
 
-
              <img id="HelenaPhoto" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/igem.org/5/51/Peking_Helena.jpg" />
+
 
-
              <h2 id="HelenaName" class="TeamMemberName"><I>Helena Viets</I></h2>
+
-
              <p id="HelenaPS" class="TeamMemberPS">Helena Viets is a sophomore hailing from the University of California Berkeley, majoring in Molecular Environmental Biology (with a minor in Chinese). She had a wonderful time this summer as a member of the PKU iGEM team and learned a lot, like how to say things like “all thirty-three of my colony PCRs failed” in Chinese. Her function in the project was, among other things, to build a ribosome library for the sensors. Outside of the lab, Helena enjoys dragonboating, Olympic weightlifting, eating ice cream and napping.</p>
+
-
       
+
-
              <img id="HeShuaixinPhoto" title="高贵冷艳" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/2013/1/18/Peking_HeShuaixin.jpg" />
+
-
              <h2 id="HeShuaixinName" class="TeamMemberName"><I>He Shuaixin</I></h2>
+
-
              <p id="HeShuaixinPS" class="TeamMemberPS">HE Shuaixin is a sophomore at Peking University majoring in Life Science. She is interested in observing and thinking about biological phenomena at microcosmic level. She is a lab manager of 2013 Peking iGEM team, taking charge of the wet lab, focusing on molecular cloning of sensors. Her work is mainly the construction and tuning of XylS and achieving the “plug-in” concept through XylB and XylC. She has devoted much of her time and energy to the project experiments. She has really enjoyed a pleasant time with E.coli as well as her fellow teammates.</p>     
+
-
              <img id="WangHuanPhoto" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/2013/7/72/Peking_Wanghuan.JPG" />
+
 
-
              <h2 id="WangHuanName" class="TeamMemberName"><I>Wang Huan</I></h2>
+
-
              <p id="WangHuanPS" class="TeamMemberPS">Wang Huan is a sophomore at Peking University in Beijing with special interests in synthetic biology and botany. During the past year, she has been participating in Peking iGEM experiments and managing our team’s finance. She has also raised mints, lobelia and calliopsis, which are currently blossoming. Besides, she loves playing volleyball and enjoying cooperating with teammates. She's willing to make friends and exchange ideas with iGEMers all over the world.
+
-
</p>   
+
-
              <img id="CuiCanPhoto" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/2013/5/5b/Peking_Cuican.jpg" />
+
 
-
              <h2 id="CuiCanName" class="TeamMemberName"><I>Cui Can</I></h2>
+
-
              <p id="CuiCanPS" class="TeamMemberPS">CUI Can is a sophomore at Peking University majoring in clinical medicine. She is devoted to the Band-pass Filters and also works on human practice. She really enjoys the wonderful moments sharing marvelous mysteries of Life with friends. Immunology, epigenetics hold special appeal to her, and so do badminton, volleyball. She is also keen on rhythm in classical music and rhyme in Chinese classical poetry.</p>   
+
 +
  <h1 class="SectionTitles" style="width:1100px;padding:0 10px;position:absolute; top:2620px ;background-color:#1f8a70;height:45px;line-height:40px;font-size:28px;font-family: calibri, arial, helvetica, sans-serif;border-bottom:0px;color:#ffffff;font-weight: bold;font-style: Italic;text-align:center;">Instructors</h1>
 +
  <div style="width:250px; height:250px;position:absolute;left:30px;top:2765px;float:left; display:inline"><img  src="https://static.igem.org/mediawiki/2014/d/d1/Zhangyong.png" ></div>
-
      </div>
+
  <div style="width:850px; height:250px;position:absolute;left:270px;top:2780px;padding:20px 0 0 20px; float:left; display:inline" >
 +
<p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Yong Zhang</B>&nbsp; Professor Zhang tutored us about how to construct a vector, in his class "Genetic Engineering" last semester. He quoted a shocking number of examples to walk us through the class, so we got to understand these technologies better. </p>
 +
  </div>
-
      <div id="Instructors">
+
  <div style="width:250px; height:250px;position:absolute;left:30px;top:3000px;float:left; display:inline"><img src="https://static.igem.org/mediawiki/2014/9/9d/Zhengxuelian.png" ></div>
-
            <h1 class="SubBlockTitle">Instructors</h1>
+
-
            <img id="OuyangQiPhoto" src="https://static.igem.org/mediawiki/igem.org/a/ae/Peking_OuyangQi.jpg" />
+
-
            <h2 id="OuyangQiName"><I>Ouyang Qi</I></h2>
+
-
            <img id="RobinPhoto" src="https://static.igem.org/mediawiki/igem.org/b/b5/Peking_Robin.jpg" />
+
-
            <h2 id="RobinName"><I>Chen Shuobing</I></h2>
+
-
      </div>
+
-
      <div id="Advisors">
+
  <div style="width:850px; height:250px;position:absolute;left:270px;top:3000px;padding:20px 0 0 20px; float:left; display:inline" >
-
            <h1 class="SubBlockTitle">Advisors</h1>
+
-
            <img id="ZhangHaoqianPhoto" src="https://static.igem.org/mediawiki/igem.org/2/27/Peking_ZhangHaoqian.jpg" />
+
-
            <h2 id="ZhangHaoqianName"><I>Zhang Haoqian</I></h2>
+
-
            <img id="LouChunboPhoto" src="https://static.igem.org/mediawiki/2013/f/f0/Peking_LouChunbo.jpg" />
+
-
            <h2 id="LouChunboName"><I>Lou Chunbo</I></h2>
+
-
         
+
-
      </div>
+
 +
<p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Xuelian Zheng</B>&nbsp; Professor Zheng is quite rigorous about her experiment, which is really a model for us. And she was in charge of the lesson "Molecular Biology". She taught with her loving personality. And she is also a amiable mother, who loves to share jokes about her son. </p>
-
<div id="MileStone1"></div>
+
  </div>
-
<div id="MileStone2"></div>
+
-
<div id="MileStone3"></div>
+
-
<div id="MileStone4"></div>
+
 +
  <div style="width:250px; height:250px;position:absolute;left:30px;top:3250px;float:left; display:inline"><img  src="https://static.igem.org/mediawiki/2014/1/17/Tanglixia.png" ></div>
-
</div>
+
  <div style="width:850px; height:250px;position:absolute;left:270px;top:3250px;padding:20px 0 0 20px; float:left; display:inline" >
-
   
+
 +
<p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Lixia Tang</B>&nbsp; She is wise lady with a graceful vioce and she cares about us a lot. With her advices about experimental skills, like how to use the pipette properly without larger deviation. It sure to make us easier to put the knowledge into practice in our project.</p>
 +
  </div>
 +
 
 +
 
-
+
 
-
</div><!--end of major body-->
+
-
<img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/2014/1/15/2.jpg">
+
-
<!--end of acknowledgement box-->
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+
  <h1 class="SectionTitles" style="width:1100px;padding:0 10px;position:absolute; top:3550px ;background-color:#1f8a70;height:45px;line-height:40px;font-size:28px;font-family: calibri, arial, helvetica, sans-serif;border-bottom:0px;color:#ffffff;font-weight: bold;font-style: Italic;text-align:center;">Advisers</h1>
 +
 
 +
  <div style="width:250px; height:250px;position:absolute;left:30px;top:3680px;float:left; display:inline"><img  src="https://static.igem.org/mediawiki/2014/e/e3/Tangxu.png" ></div>
 +
 
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:3680px;padding:20px 0 0 20px; float:left; display:inline" >
 +
 
 +
<p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Xu Tang</B>&nbsp; Tang just finished his first year as a postgraduate student. Whenever we see him, he's fully occupied with experiment. And personally our team leader admires him for his rigorous scholarship. Yet during lunch break, he brings us a lot of fun. </p>
 +
 
 +
  </div>
 +
 
 +
  <div style="width:250px; height:250px;position:absolute;left:30px;top:3930px;float:left; display:inline"><img  src="https://static.igem.org/mediawiki/2014/c/c7/Xiezhengyang.png" ></div>
 +
 
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:3930px;padding:20px 0 0 20px; float:left; display:inline" >
 +
 
 +
<p style=" color:#1b1b1b; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; text-align:justify; left: 50;"> <br/><B>Zhengyang Xie</B>&nbsp; We call her "senior xie" for nickname because she is so confident with her knowledge of biology. And she is a very warmhearted kind person who is also pretty cool. Last summer she rode her way around the largest lake of western China, and took this picture.</p>
 +
 
 +
  </div>
 +
 
 +
</div>
 +
</div>
 +
<div class="middle-photo-each">
 +
<div class="middle-content" style="height: 0;"></div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div id="footer">
 +
 +
</div>
 +
 
 +
/*back to top*/
 +
<div style="display: none;" id="rocket-to-top">
 +
<div style="opacity:0;display: block;" class="level-2"></div>
 +
<div class="level-3"></div>
 +
</div>
 +
 
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
<script type="text/javascript">
-
$(window).scroll(function(){
 
-
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
 
-
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
 
-
});
 
-
$(window).resize(function(){
+
$(document).ready(function(){
-
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
+
 
-
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
+
var imageload=new Array("https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg","https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg","https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg");
-
});
+
var datatemp=function(){
 +
this.head;
 +
this.content;
 +
}
 +
var data1=new datatemp();
 +
var data2=new datatemp();
 +
var data3=new datatemp();
 +
data1.head="Plants";
 +
data1.content="Culture";
 +
data2.head="Plants ";
 +
data2.content="Transform";
 +
data3.head="Our Team";
 +
data3.content="Keep moving";
 +
var imageintro=new Array(data1,data2,data3);
 +
var imagecount=0;
 +
 +
var init=function(){
 +
$('.arrow').hide();
 +
$('.top-menu-sub').hide();
 +
 
 +
}
 +
var bind=function(){
 +
$("#top").hide();
 +
$(document).scroll(function(){
 +
if($(document).scrollTop()>308){
 +
$("#left-bar").css("position","fixed");
 +
$("#left-bar").css("top","0%");
 +
}
 +
else{
 +
console.log(1);
 +
$("#left-bar").css("position","absolute");
 +
$("#left-bar").css("top","");
 +
 
 +
};
 +
})
 +
$('.top-menu-each').hover(function(){
 +
$('.top-menu-each.click .arrow').hide();
 +
$('.top-menu-each.click').removeClass('click');
 +
$(this).addClass('click');
 +
$(this).find('.arrow').show();
 +
$('.top-menu-sub.show').hide();
 +
$('.top-menu-sub.show').removeClass('show');
 +
$(this).find('.top-menu-sub').addClass('show');
 +
$(this).find('.top-menu-sub').show();}
 +
,
 +
function() {
 +
 
 +
$(this).removeClass('click');
 +
$(this).find('.arrow').hide();
 +
$(this).find('.top-menu-sub').removeClass('show');
 +
$(this).find('.top-menu-sub').hide();
 +
 
 +
 +
})
 +
 
 +
 +
}
 +
var changepic=function(){
 +
imagecount=imagecount+1;
 +
if(imagecount==imageload.length){
 +
imagecount=imagecount-imageload.length;
 +
}
 +
$('#big-photo-hover').fadeOut(function(){
 +
$('#big-photo-wrap').prepend('<img src='+imageload[imagecount]+'>');
 +
$('#big-photo img:eq(0)').css('margin-left','-1214px');
 +
$('#big-photo img:eq(0)').animate({marginLeft:'0px'},3000);
 +
$('#big-photo img:eq(1)').animate({marginLeft:'1214px'},3000,function(){
 +
$('#big-photo img:eq(1)').remove();
 +
$('#big-photo-hover .header').html(imageintro[imagecount].head);
 +
$('#big-photo-hover .content').html(imageintro[imagecount].content);
 +
$('#big-photo-hover').fadeIn();
 +
});
 +
})
 +
 +
 +
}
 +
$(window).scroll(function(){
 +
min_height=window.screen.availHeight ;
 +
var s = $(window).scrollTop();
 +
if( s > 0){
 +
if(!$("#top").hasClass("hide"))
 +
$('#top').fadeIn(100);
 +
}else{
 +
$('#top').fadeOut(200);
 +
};
 +
});
 +
 +
 +
$('#top').click(function(){
 +
$('html,body').animate({scrollTop:0},300);
 +
 +
});
 +
setInterval(changepic,8000);
 +
init();
 +
bind();
 +
/*
 +
if ($("p:contains('Team')").parent().next().find("p").html() == "Result") {
 +
$("p:contains('Result')").parent().remove();
 +
};
 +
if ($("p:contains('Modeling')").parent().next().find("p").html() != "Result") {
 +
a = $("p:contains('Home')").parent().parent().clone();
 +
a.find('p').html('Result');
 +
a.find('a').attr('href','/Team:UESTC-China/result');
 +
$("p:contains('Modeling')").parent().after(a);
 +
};*/
 +
item = window.location.href.split('/').pop();
 +
item = item.split('.')[0];
 +
 
 +
if ( item == "members" ) {
 +
 
 +
$('iframe').css('width','900px');
 +
 
 +
};
 +
 
 +
 
 +
})
 +
 
</script>
</script>
 +
</body>
</html>
</html>

Latest revision as of 02:29, 18 October 2014

UESTC-China