Team:UESTC-China/Team

From 2014.igem.org

(Difference between revisions)
 
(112 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 +
<title>UESTC-China</title>
-
<html>
 
-
<!--main content -->
 
-
<table width="70%" align="center">
 
-
<!--welcome box -->
 
-
<tr>
 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
 
-
<img src="https://static.igem.org/mediawiki/2014/8/8c/Nvdiaosi.PNG" height="140px"></img>
 
-
</td>
 
-
</tr>
 
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<style>
-
<!-- end welcome box -->
+
#content {
-
<tr>
+
    position: relative;
 +
    width: 1215px;
 +
#    margin-left: 10px;
 +
margin: 0 auto;
 +
    padding: 5px 5px 5px 5px;;
 +
    background: white;
 +
    color: black;
 +
    border-left: 1px solid #444444;
 +
    border-right: 1px solid #444444;
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
}
-
<!--navigation menu -->
 
-
<td align="center" colspan="3">
 
-
<table width="100%">
+
     
-
<tr heigth="15px"></tr>
+
    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}
-
<tr heigth="75px">
+
 +
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;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
}
-
<a href="https://2014.igem.org/Team:UESTC-China"style="color:#000000">Home </a> </td>
+
@font-face {
 +
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;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.top-menu-each p{
-
<a href="https://2014.igem.org/Team:UESTC-China/Team"style="color:#000000"> Team </a> </td>
+
float: left;
 +
padding-right: 40px;
 +
padding-left: 40px;
 +
line-height: 63px;
 +
}
 +
.arrow{
 +
float: left;
 +
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;
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"style="color:#000000"> Official Team Profile </a></td>
+
.top-menu-each:hover{
 +
background-color: #50597B;
 +
border-bottom-style:solid;
 +
border-bottom-width: 2px;
 +
border-bottom-color:#11a8ab;
 +
height: 61px;
 +
 +
}
 +
.top-menu-each.click{
 +
background-color: #50597B;
 +
border-bottom-style:solid;
 +
border-bottom-width: 2px;
 +
border-bottom-color:#11a8ab;
 +
height: 61px;
 +
}
 +
.top-menu-sub{
 +
position: absolute;
 +
margin-top: 63px;
 +
z-index: 10;
 +
min-width: 215px;
 +
}
 +
.top-menu-sub li{
 +
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;
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
}
-
<a href="https://2014.igem.org/Team:UESTC-China/Project"style="color:#000000"> Project</a></td>
+
#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;
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://2014.igem.org/Team:UESTC-China/Parts"style="color:#000000"> Parts</a></td>
+
.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;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"style="color:#000000"> Modeling</a></td>
+
#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;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/*rocket-to-top*/
-
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"style="color:#000000"> Notebook</a></td>
+
*{list-style:none;border:0;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#rocket-to-top div {
-
<a href="https://2014.igem.org/Team:UESTC-China/Safety"style=" color:#000000"> Safety </a></td>
+
    left: 0;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 149px;
 +
}
 +
#rocket-to-top .level-2 {
 +
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent;
 +
    display: none;
 +
    height: 250px;
 +
    opacity: 0;
 +
    z-index: 1;
 +
}
 +
#rocket-to-top .level-3 {
 +
    background: none repeat scroll 0 0 transparent;
 +
    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;
 +
}
 +
/*rocket-to-top end*/
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:UESTC-China/Attributions"style="color:#000000"> Attributions </a></td>
 
 +
#SensorEditingArea{position:absolute; left:0px; top:280px; height:4200px; width:1183px; background-color:#ffffff; padding:60px 0px 0px 30px;}
 +
.SensorEditingAreaClass a{color:#1f8a70; font-weight:bold;}
 +
</style>
 +
</head>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
<body>
-
</tr>
+
<div id="total-wrap">
-
</table>
+
<div id="header">
 +
<div id="emp">
 +
<div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/da/NewLogo2.png"></a></div>
 +
</div>
 +
<div id="top-menu">
 +
<div class="top-menu-each">
 +
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Team</p>
 +
<div class="top-menu-sub">
 +
<ul>
-
<!--end navigation menu -->
 
-
</tr>
 
-
</tr>
 
-
</td>
 
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
 +
</ul>
 +
</div>
 +
</div>
-
<tr><td > <h3> Team Information</h3></td>
 
-
<td ></td >
 
-
<td > <h3> Upload pictures of your team!</h3></td>
 
-
</tr>
 
-
<tr>
+
 
-
<td width="45%"  valign="top">
+
<div class="top-menu-each">
-
<p>
+
<div class="arrow"></div>
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
<p>Project</p>
-
<p>
+
<div class="top-menu-sub">
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
<ul>
<ul>
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
<a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a>
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
<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>
</ul>
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<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>
 +
</ul>
 +
</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>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Knowledgequiz"><li>Knowledge quiz</li></a>
 +
<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>
-
</td>
+
<div class="top-menu-each">
-
<td></td>
+
<div class="arrow"></div>
-
<td width="45%"  valign="top">  
+
<p>Safety</p>
-
<p> We provide a server where you can upload images for your wiki!</p>
+
<div class="top-menu-sub">
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
<ul>
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px"> </a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
</ul>
-
<br>
+
</div>
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
</div>
-
</td>
+
-
</tr>
 
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
<div id="middle-photo">
-
<td ></td >
+
<div class="middle-photo-each">
-
<td > </td>
+
<div id="SensorEditingArea" class="SensorEditingAreaClass">
-
</tr>
+
 +
  <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/>
-
<tr>
+
<br/>
-
<td width="45%"  valign="top">  
+
 
-
<p>What should this page contain?</p>
+
  </p>
-
<ul>
+
 
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
  <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>
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
 
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
  <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>
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
 
-
  </ul>
+
  <div style="width:850px; height:250px;position:absolute;left:270px;top:320px;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>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>
 +
 
 +
  </div>
 +
 
 +
  <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>
 +
 
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:570px;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>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>
 +
 
 +
  </div>
 +
 
 +
  <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>
 +
 
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:820px;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>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>
 +
 
 +
  </div>
 +
 
 +
  <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>
 +
 
 +
  </div>
 +
 
 +
  <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>
 +
 
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:1320px;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>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>
 +
 
 +
  </div>
 +
 
 +
  <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" >
 +
 
 +
<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>
 +
 
 +
  <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>
 +
 
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:1820px;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 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>
 +
 
 +
  </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" >
 +
 
 +
<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>
 +
 
 +
  <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>
 +
 
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:2335px;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>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>
 +
 
 +
  </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
  <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 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 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>
 +
 
 +
  <div style="width:850px; height:250px;position:absolute;left:270px;top:3000px;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>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 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>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
  <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">
 +
 
 +
$(document).ready(function(){
 +
 
 +
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');
-
</td>
+
};
-
<td></td>
 
-
<td width="45%"  valign="top"> </td>
 
-
</tr>
+
})
 +
</script>
-
</table>
+
</body>
</html>
</html>

Latest revision as of 02:29, 18 October 2014

UESTC-China