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> | + | <title>Plant VS HCHO</title> |
- | + | ||
<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:// | + | <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=" | + | <a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Team</li></a> |
- | + | <a href="/Team:UESTC-China/notebook.html"><li>Notebook</li></a> | |
- | + | ||
- | <a href="/Team: | + | |
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="top-menu-each"> | <div class="top-menu-each"> | ||
- | <a href="https:// | + | <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: | + | <a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a> |
- | <a href="/Team: | + | <a href="/Team:UESTC-China/input.html"><li>Input</li></a> |
- | <a href="/Team: | + | <a href="/Team:UESTC-China/defination.html"><li>Defination</li></a> |
- | <a href="/Team: | + | <a href="/Team:UESTC-China/estimation.html"><li>Estimation</li></a> |
- | <a href="/Team: | + | <a href="/Team:UESTC-China/optimization.html"><li>Optimization</li></a> |
- | <a href="/Team: | + | <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="/ | + | <a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>model</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: | + | <a href="/Team:UESTC-China/material.html"><li>Material</li></a> |
- | <a href="/Team: | + | <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: | + | <a href="/Team:UESTC-China/pedia.html"><li>Pedia</li></a> |
- | <a href="/Team: | + | <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: | + | <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: | + | <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=" | + | <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"> | + | <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:// | + | <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:// | + | <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:// | + | <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:// | + | <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:// | + | <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=' | + | <img src='https://static.igem.org/mediawiki/2013/4/42/UESTC_Sponsor3.jpg' /> |
- | <a href="http:// | + | <a href="http://yzqheart@foxmail.com" style=" |
color: #D41F1F; | color: #D41F1F; | ||
- | ">Contact us: | + | ">Contact us: yzqheart@foxmail.com</a> |
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 12:49, 10 June 2014