Team:UESTC-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+
{{CSS/Main}}
-
<head>
+
-
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+
-
<title>Plant VS HCHO</title>
+
-
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 
-
<script src="http://fudanigem.phx-2.ifreeurl.com/js/igem.js">
 
-
<style>
 
-
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}
+
<html>
-
body{
+
<!--main content -->
-
background-color:#eaf0f4;
+
<table width="70%" align="center">
-
}
+
-
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: 263px;
+
-
background-image:url("https://static.igem.org/mediawiki/2014/5/5d/Home_img1.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;
+
-
}
 
-
@font-face {
 
-
font-family: ubuntu;
 
-
src:url(Ubuntu-R.ttf);
 
-
}
 
-
.top-menu-each{
 
-
height: 63px;
 
-
 
-
font-family: ubuntu,"宋体";
 
-
color: white;
 
-
font-size: 21px;
 
-
float: left;
 
-
cursor: pointer;
 
-
}
 
-
.top-menu-each p{
+
<!--welcome box -->
-
float: left;
+
<tr>
-
padding-right: 30px;
+
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
-
padding-left: 30px;
+
<img src="https://static.igem.org/mediawiki/2014/c/cc/LuZhu.jpg" height="150px" width="100%"></img>
-
line-height: 63px;
+
</td>
-
}
+
</tr>
-
.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;
+
-
}
+
<tr> <td colspan="3"  height="5px"> </td></tr>
-
.top-menu-each:hover{
+
<!-- end welcome box -->
-
background-color: #50597B;
+
<tr>
-
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: 65px;
+
-
height: 500px;
+
-
width: 1214px;
+
-
overflow: hidden;
+
-
}
+
-
#big-photo img{
+
-
height: 500px;
+
-
width: 1214px;
+
-
position: absolute;
+
-
}
+
<!--navigation menu -->
-
#big-photo-hover{
+
<td align="center" colspan="3">
-
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: helveticalmd,"微软雅黑";
+
-
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;
+
-
}
+
-
#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: ubuntu,"宋体";
+
-
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: 445px;
+
-
}
+
-
.middle-photo-each{
+
-
padding:9px 9px 9px 9px;
+
-
background-color: white;
+
-
margin-bottom: 15px;
+
-
margin-left: 250px;
+
-
}
+
<table  width="100%">
-
.middle-photo-each .middle-content{
+
<tr heigth="15px"></tr>
-
height: 400px;
+
<tr heigth="75px">
-
width: 947px;
+
-
}
+
-
.middle-content img{
+
-
float: left;
+
-
}
+
-
#examplepic{
+
-
width: 100px;
+
-
height:60px;
+
-
}
+
-
.middle-content p{
+
-
color: black;
+
-
font-size: 16px;
+
-
font-family: "微软雅黑";
+
-
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('http://fudanigem.phx-2.ifreeurl.com/img/top.png');
+
-
width: 57px;
+
-
height: 57px;
+
-
position: fixed;
+
-
top: 80%;
+
-
margin-left: 1285px;
+
-
cursor: pointer;
+
-
}
+
-
#logo{
+
-
position: absolute;
+
-
background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/logo.png");
+
-
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:#000;
+
-
}
+
-
</style>
 
-
</script>
 
-
</head>
+
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
-
<body><div id="total-wrap">
+
<a href="https://2014.igem.org/Team:UESTC-China"style="color:#000000">Home </a> </td>
-
<div id="header">
+
 
-
<div id="emp">
+
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<div id='logo'><a href="https://igem.org"></a></div>
+
<a href="https://2014.igem.org/Team:UESTC-China/Team"style="color:#000000"> Team </a> </td>
-
</div>
+
 
-
<div id="top-menu">
+
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<div class="top-menu-each">
+
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"style="color:#000000"> Official Team Profile </a></td>
-
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
+
 
-
</div>
+
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
-
<div class="top-menu-each">
+
<a href="https://2014.igem.org/Team:UESTC-China/Project"style="color:#000000"> Project</a></td>
-
<div class="arrow"></div>
+
 
-
<p>Team</p>
+
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<div class="top-menu-sub">
+
<a href="https://2014.igem.org/Team:UESTC-China/Parts"style="color:#000000"> Parts</a></td>
 +
 
 +
<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>
 +
 
 +
<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/Notebook"style="color:#000000"> Notebook</a></td>
 +
 
 +
<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/Safety"style=" color:#000000"> Safety </a></td>
 +
 
 +
<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>
 +
 
 +
 
 +
<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>
 +
</tr>
 +
</table>
 +
 
 +
<!--end navigation menu -->
 +
</tr>
 +
</tr>
 +
</td>
 +
 
 +
<tr> <td colspan="3"  height="15px"> </td></tr>
 +
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 +
<tr> <td colspan="3"  height="5px"> </td></tr>
 +
 
 +
<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">
 +
<p>
 +
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>
 +
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Team</li></a>
+
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
-
<a href="/Team:UESTC-China/notebook.html"><li>Notebook</li></a>
+
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
-
</ul>
+
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
-
</div>
+
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
-
</div>
+
-
<div class="top-menu-each">
+
-
<a href="https://2014.igem.org/UESTC-China/result.html"><p>Result</p></a>
+
-
</div>
+
-
<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="/Team:UESTC-China/input.html"><li>Input</li></a>
+
-
<a href="/Team:UESTC-China/defination.html"><li>Defination</li></a>
+
-
<a href="/Team:UESTC-China/estimation.html"><li>Estimation</li></a>
+
-
<a href="/Team:UESTC-China/optimization.html"><li>Optimization</li></a>
+
-
<a href="/Team:UESTC-China/application.html"><li>Application</li></a>
+
-
</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>model</li></a>
+
</ul>
</ul>
-
</div>
+
 
-
</div>
+
 
-
<div class="top-menu-each">
+
 
-
<div class="arrow"></div>
+
</td>
-
<p>Supplementary</p>
+
<td></td>
-
<div class="top-menu-sub">
+
<td width="45%"  valign="top">  
 +
<p> We provide a server where you can upload images for your wiki!</p>
 +
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
 +
<a href="https://2014.igem.org/Special:Upload"><img src="https://static.igem.org/mediawiki/2014/8/8c/Nvdiaosi.PNG" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
 +
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
 +
<br>
 +
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
 +
</td>
 +
 
 +
 
 +
</tr>
 +
 
 +
<tr><td > <h3> Tips for the Team Page </h3></td>
 +
<td ></td >
 +
<td > </td>
 +
</tr>
 +
 
 +
 
 +
<tr>
 +
<td width="45%"  valign="top">
 +
<p>What should this page contain?</p>
<ul>
<ul>
-
<a href="/Team:UESTC-China/material.html"><li>Material</li></a>
+
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
-
<a href="/Team:UESTC-China/protocol.html"><li>Protocol</li></a>
+
<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>
-
</ul>
+
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
-
</div>
+
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
-
</div>
+
</ul>
-
<div class="top-menu-each">
+
-
<div class="arrow"></div>
+
-
<p>Human Practice</p>
+
-
<div class="top-menu-sub">
+
-
<ul>
+
-
<a href="/Team:UESTC-China/pedia.html"><li>Pedia</li></a>
+
-
<a href="/Team:UESTC-China/outreach.html"><li>Outreach</li></a>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div class="top-menu-each">
+
-
<a href='/Team:UESTC-China/safety.html'><p>Safety</p>
+
-
</div>
+
-
<div class="top-menu-each">
+
-
<a href="/Team:UESTC-China/gallery.html"><p>Gallery</p></a>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div id="big-photo">
+
-
<div id="big-photo-wrap">
+
-
<img src="https://static.igem.org/mediawiki/2014/1/1a/Dinasuar.JPG" alt="pic">
+
-
<div id="big-photo-hover">
+
-
<p class="header">Our Team</p>
+
-
<p class="content">igem from uestc.</p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div id="small-photo">
+
-
<div class="small-photo-each">
+
-
<a href='https://2014.igem.org/Team:UESTC-China'><img src="http://fudanigem.phx-2.ifreeurl.com/img/small1.jpg" alt="RNA parts application in the bistable construction." /></a>
+
-
</div>
+
</td>
-
<div class="small-photo-each">
+
-
<a href="https://2014.igem.org/Team:UESTC-China"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small2.jpg" alt="A standard process for riboswitch development and optimization." /></a>
+
-
</div>
+
-
<div class="small-photo-each last">
+
-
<a href='https://2014.igem.org/Team:UESTC-China'><img src="http://fudanigem.phx-2.ifreeurl.com/img/small3.jpg" alt="An online cyclopedia for "iGEMcyclopedia"——a dictionary about the iGEM projects. Born to simplify, to help, and to inspire." /></a>
+
-
</div>
+
<td></td>
-
<div class="small-photo-each" style="
+
<td width="45%" valign="top"> </td>
-
margin-top: 80px;
+
-
">
+
-
<a href="http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2013&amp;group=Fudan"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small4.jpg" alt="" style="
+
-
/* margin-top: 120px; */
+
-
"></a>
+
-
</div>
+
-
<div class="small-photo-each" style="
+
-
margin-top: 80px;
+
-
">
+
-
<a href="https://2014.igem.org/Team:UESTC-China"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small5.jpg" alt="" style="
+
-
/* margin-top: 120px; */
+
-
"></a>
+
-
</div>
+
-
<div class="small-photo-each" style="
+
-
margin-top: 80px; width: 300px;
+
-
">
+
-
<a href="https://2014.igem.org/Team:UESTC-China"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small6.jpg" alt="" style="
+
-
/* margin-top: 120px; width: 300px;*/
+
-
"></a>
+
-
</div>
+
-
</div>
+
-
<div id="footer">
+
</tr>
-
<img src='https://static.igem.org/mediawiki/2013/4/42/UESTC_Sponsor3.jpg' />
 
-
<a href="http://yzqheart@foxmail.com" style="
+
</table>
-
color: #D41F1F;
+
-
">Contact us: yzqheart@foxmail.com</a>
+
-
</div>
+
-
</div>
+
-
</body>
+
</html>
</html>

Revision as of 12:51, 10 June 2014


Home Team Official Team Profile Project Parts Modeling Notebook Safety Attributions

Team Information

Upload pictures of your team!

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.

You can look at what other teams did to get some inspiration! Here are a few examples:

We provide a server where you can upload images for your wiki!

Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show!


Click here to upload!

Tips for the Team Page

What should this page contain?

  • Include pictures of your teammates, don’t forget instructors and advisors!
  • 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.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space

Retrieved from "http://2014.igem.org/Team:UESTC-China"