Team:UESTC-China

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
-
<title>ALeader</title>
+
<title>Plant VS HCHO</title>
-
<link rel="stylesheet"  type="text/css" href="http://fudanigem.phx-2.ifreeurl.com/css/igem.css">
+
 
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://fudanigem.phx-2.ifreeurl.com/js/igem.js">
<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}
 +
 +
body{
 +
background-color:#eaf0f4;
 +
}
 +
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{
 +
float: left;
 +
padding-right: 30px;
 +
padding-left: 30px;
 +
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;
 +
 +
}
 +
.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: 65px;
 +
height: 500px;
 +
width: 1214px;
 +
overflow: hidden;
 +
}
 +
#big-photo img{
 +
height: 500px;
 +
width: 1214px;
 +
position: absolute;
 +
 +
}
 +
#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: 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;
 +
 +
}
 +
.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: "微软雅黑";
 +
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>
</script>
Line 17: Line 334:
<div id="top-menu">
<div id="top-menu">
<div class="top-menu-each">
<div class="top-menu-each">
-
<a href="https://2013.igem.org/team:Fudan"><p>Home</p></a>
+
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
</div>
</div>
<div class="top-menu-each">
<div class="top-menu-each">
Line 24: Line 341:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="/Team:Fudan/members.html"><li>Members</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Team</li></a>
-
<a href="/Team:Fudan/attribution.html"><li>Attribution</li></a>
+
<a href="/Team:UESTC-China/notebook.html"><li>Notebook</li></a>
-
<a href="/Team:Fudan/team_profile.html"><li>Team Profile</li></a>
+
-
<a href="/Team:Fudan/notebook.html"><li>Notebook</li></a>
+
</ul>
</ul>
</div>
</div>
</div>
</div>
<div class="top-menu-each">
<div class="top-menu-each">
-
<a href="https://2013.igem.org/team:Fudan/result.html"><p>Result</p></a>
+
<a href="https://2014.igem.org/UESTC-China/result.html"><p>Result</p></a>
</div>
</div>
<div class="top-menu-each">
<div class="top-menu-each">
Line 39: Line 354:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="/Team:Fudan/overview.html"><li>Overview</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a>
-
<a href="/Team:Fudan/input.html"><li>Input</li></a>
+
<a href="/Team:UESTC-China/input.html"><li>Input</li></a>
-
<a href="/Team:Fudan/defination.html"><li>Defination</li></a>
+
<a href="/Team:UESTC-China/defination.html"><li>Defination</li></a>
-
<a href="/Team:Fudan/estimation.html"><li>Estimation</li></a>
+
<a href="/Team:UESTC-China/estimation.html"><li>Estimation</li></a>
-
<a href="/Team:Fudan/optimization.html"><li>Optimization</li></a>
+
<a href="/Team:UESTC-China/optimization.html"><li>Optimization</li></a>
-
<a href="/Team:Fudan/application.html"><li>Application</li></a>
+
<a href="/Team:UESTC-China/application.html"><li>Application</li></a>
</ul>
</ul>
</div>
</div>
Line 53: Line 368:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="/Team:Fudan/triphase_riboswitch.html"><li>Triphase Riboswitch</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>model</li></a>
-
<a href="/Team:Fudan/bistable_system.html"><li>Bistable System</li></a>
+
 
</ul>
</ul>
</div>
</div>
Line 63: Line 378:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="/Team:Fudan/material.html"><li>Material</li></a>
+
<a href="/Team:UESTC-China/material.html"><li>Material</li></a>
-
<a href="/Team:Fudan/protocol.html"><li>Protocol</li></a>
+
<a href="/Team:UESTC-China/protocol.html"><li>Protocol</li></a>
</ul>
</ul>
</div>
</div>
Line 73: Line 388:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="/Team:Fudan/pedia.html"><li>Pedia</li></a>
+
<a href="/Team:UESTC-China/pedia.html"><li>Pedia</li></a>
-
<a href="/Team:Fudan/outreach.html"><li>Outreach</li></a>
+
<a href="/Team:UESTC-China/outreach.html"><li>Outreach</li></a>
</ul>
</ul>
</div>
</div>
</div>
</div>
<div class="top-menu-each">
<div class="top-menu-each">
-
<a href='/Team:Fudan/safety.html'><p>Safety</p>
+
<a href='/Team:UESTC-China/safety.html'><p>Safety</p>
</div>
</div>
<div class="top-menu-each">
<div class="top-menu-each">
-
<a href="/Team:Fudan/gallery.html"><p>Gallery</p></a>
+
<a href="/Team:UESTC-China/gallery.html"><p>Gallery</p></a>
</div>
</div>
</div>
</div>
Line 88: Line 403:
<div id="big-photo">
<div id="big-photo">
<div id="big-photo-wrap">
<div id="big-photo-wrap">
-
<img src="http://fudanigem.phx-2.ifreeurl.com/img/big1.jpg" alt="pic">
+
<img src="https://static.igem.org/mediawiki/2014/1/1a/Dinasuar.JPG" alt="pic">
<div id="big-photo-hover">
<div id="big-photo-hover">
<p class="header">Our Team</p>
<p class="header">Our Team</p>
-
<p class="content">Conducted by two kind teachers, Fudan iGem 2013 team is full of students who are energetic with the scientific works. This summer, they have spent an unforgetable period of time together.</p>
+
<p class="content">igem from uestc.</p>
</div>
</div>
</div>
</div>
Line 97: Line 412:
<div id="small-photo">
<div id="small-photo">
<div class="small-photo-each">
<div class="small-photo-each">
-
<a href='https://2013.igem.org/Team:Fudan/bistable_system.html'><img src="http://fudanigem.phx-2.ifreeurl.com/img/small1.jpg" alt="RNA parts application in the bistable construction." /></a>
+
<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>
</div>
<div class="small-photo-each">
<div class="small-photo-each">
-
<a href="https://2013.igem.org/Team:Fudan/overview.html"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small2.jpg" alt="A standard process for riboswitch development and optimization." /></a>
+
<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>
<div class="small-photo-each last">
<div class="small-photo-each last">
-
<a href='https://2013.igem.org/Team:Fudan/pedia.html'><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>
+
<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>
</div>
Line 117: Line 432:
margin-top: 80px;
margin-top: 80px;
">
">
-
<a href="https://2013.igem.org/Team:Fudan/ribonswitch.html"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small5.jpg" alt="" style="
+
<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; */
/* margin-top: 120px; */
"></a>
"></a>
Line 124: Line 439:
margin-top: 80px; width: 300px;
margin-top: 80px; width: 300px;
">
">
-
<a href="https://2013.igem.org/Team:Fudan/transformer.html"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small6.jpg" alt="" style="
+
<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;*/
/* margin-top: 120px; width: 300px;*/
"></a>
"></a>
Line 132: Line 447:
<div id="footer">
<div id="footer">
-
<img src='http://fudanigem.phx-2.ifreeurl.com/img/Sp.png' />
+
<img src='https://static.igem.org/mediawiki/2013/4/42/UESTC_Sponsor3.jpg' />
-
<a href="http://qbbiotheo@gmail.com" style="
+
<a href="http://yzqheart@foxmail.com" style="
color: #D41F1F;
color: #D41F1F;
-
">Contact us: qbbiotheo@gmail.com</a>
+
">Contact us: yzqheart@foxmail.com</a>
</div>
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 12:49, 10 June 2014

Plant VS HCHO