Team:UESTC-China/Team

From 2014.igem.org

(Difference between revisions)
 
(101 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;
 
-
    text-decoration: underline;
 
}
}
 +
.middle-photo-each .middle-content{
 +
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;
 +
}
-
.right-menu li {
+
/*rocket-to-top*/
-
#   background-color: transparent;
+
*{list-style:none;border:0;}
 +
 
 +
#rocket-to-top div {
 +
    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://2014.igem.org/Team:UESTC-China">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/2014/3/39/Hanke.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>Ke Han</I></h2>
+
-
              <p id="ShiHaiLingPS" class="TeamMemberPS">Han, 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>
+
-
              <img id="LiangJingPhoto" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/2014/8/87/Hejiao.png" />
+
  <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>Jiao He</I></h2>
+
-
              <p id="LiangJingPS" class="TeamMemberPS">Jiao He,a member of our igem team.Being patient and persistent during experiment.She always believe that we can get the optimum outcome.She is a cheerful ,helpful person in our eyes..</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/2014/1/12/Liuweixin.JPG" />
+
  </div>
-
              <h2 id="LiuShiyuName" class="TeamMemberName"><I>Weixin Liu</I></h2>
+
-
              <p id="LiuShiyuPS" class="TeamMemberPS">Weixin Liu, the head of modeling. With competitive mathematics background, he is indispensable for our team.Not only math, he 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>
+
 +
 
 +
 
-
              <img id="HelenaPhoto" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/2014/2/2b/Yzq.JPG" />
+
 
-
              <h2 id="HelenaName" class="TeamMemberName"><I>Zhiqiang Yan</I></h2>
+
-
              <p id="HelenaPS" class="TeamMemberPS">Zhiqiang Yan 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="HelenaPhoto" class="TeamMemberPhoto" src="https://static.igem.org/mediawiki/2014/7/76/Yanzihui.png" />
+
 
-
              <h2 id="HelenaName" class="TeamMemberName"><I>Zihui Yan</I></h2>
+
-
              <p id="HelenaPS" class="TeamMemberPS">Yan ZiHui study in the Plant Ggenome Engineering Laboratory,so he worked on the experiment.He is very specialize in experiment and would like to do that .He like about talking with others.He is good at table tennis,and like playing the game "League of Legends".</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">
+
-
            <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: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">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>
+
-
-->
+
  <div style="width:850px; height:250px;position:absolute;left:270px;top:3000px;padding:20px 0 0 20px; float:left; display:inline" >
-
<div id="MileStone1"></div>
+
-
<div id="MileStone2"></div>
+
-
<div id="MileStone3"></div>
+
-
<div id="MileStone4"></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>
+
  </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 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