Team:UESTC-China/modeling-format.html

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 +
<title>Plant Vs HCHO</title>
 +
<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: 280px;
 +
background-image:url("https://static.igem.org/mediawiki/2014/a/aa/Igembanner.jpg");/* yan change to plant-vs HCHO*/
 +
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");/*needn't change*/
 +
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');/*no change*/
 +
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');/*no change*/
 +
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");/*no change*/
 +
width: 154px;
 +
height: 147px;
 +
margin-left: 200px;
 +
margin-top: 23px;
 +
cursor: pointer;
 +
}
 +
#footer-box{
 +
display: none;
 +
}
 +
.firstHeading{
 +
display: none;
 +
}
 +
#content{
 +
border:none;
 +
background: none;
 +
}
 +
li{
 +
color:#000;
 +
}
 +
</style>
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 +
<script type="text/javascript" src="http://immunet.cn/smorf/css/fudanjs.js">
 +
 +
 +
</script>
 +
 +
</head>
 +
<body><div id="total-wrap">
 +
<div id="header">
 +
<div id="emp">
 +
<div id='logo'><a href="https://2014.igem.org"></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>
 +
 +
 +
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
 +
<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>
 +
<div class="top-menu-each">
 +
<a href="https://2014.igem.org/Team: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/overview.html"><li>Overview</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/input.html"><li>Input</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/defination.html"><li>Defination</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/estimation.html"><li>Estimation</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/optimization.html"><li>Optimization</li></a>
 +
<a href="https://2014.igem.org/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/triphase_riboswitch.html"><li>Triphase Riboswitch</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/bistable_system.html"><li>Bistable System</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Supplementary</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Material"><li>Material</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/HumanPractice.html"><li>Human practice</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<a href='https://2014.igem.org/Team:UESTC-China/Safety'><p>Safety</p>
 +
</div>
 +
<div class="top-menu-each">
 +
<a href="https://2014.igem.org/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/0/09/All_students.jpg" alt="pic">
 +
<div id="big-photo-hover">
 +
<p class="header">Our Team</p>
 +
<p class="content">Conducted by three kind teachers, we are full of energy.</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="small-photo">
 +
<div class="small-photo-each">
 +
<a href='#'><img width="351px" height="410px" src="https://static.igem.org/mediawiki/2014/c/c2/Cys.jpg" alt="RNA parts application in the bistable construction." /></a>
 +
 +
</div>
 +
<div class="small-photo-each">
 +
<a href="https://2014.igem.org/Team:UESTC-China/overview.html"><img width="351px" height="410px" src="https://static.igem.org/mediawiki/2014/3/39/Hanke.JPG" alt="A standard process for riboswitch development and optimization." /></a>
 +
</div>
 +
<div class="small-photo-each last">
 +
<a href='#'><img width="351px" height="410px" src="https://static.igem.org/mediawiki/2014/8/87/Hejiao.png" alt="An online cyclopedia for "iGEMcyclopedia"——a dictionary about the iGEM projects. Born to simplify, to help, and to inspire." /></a>
 +
 +
</div>
 +
<div class="small-photo-each" style="
 +
margin-top: 80px;
 +
">
 +
<a href="http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2013&amp;group=Fudan"><img width="351px" height="410px" src="https://static.igem.org/mediawiki/2014/1/12/Liuweixin.JPG" alt="" style="
 +
/* margin-top: 120px; */
 +
"></a>
 +
</div>
 +
<div class="small-photo-each" style="
 +
margin-top: 80px;
 +
">
 +
<a href="#"><img width="351px" height="410px" src="https://static.igem.org/mediawiki/2014/2/2b/Yzq.JPG" alt="" style="
 +
/* margin-top: 120px; */
 +
"></a>
 +
</div>
 +
<div class="small-photo-each" style="
 +
margin-top: 80px; width: 300px;
 +
">
 +
<a href="#"><img width="351px" height="410px" src="https://static.igem.org/mediawiki/2014/7/76/Yanzihui.png" alt="" style="
 +
/* margin-top: 120px; width: 300px;*/
 +
"></a>
 +
</div>
 +
</div>
 +
 +
<div id="footer">
 +
 +
<img width="1215px" height="180px" src='https://static.igem.org/mediawiki/2014/3/38/Uestcsponser.png' />
 +
 +
<a href="http://yzqheart@foxmail.com" style="
 +
color: #D41F1F;
 +
">Contact us: xxx@foxmail.com</a>
 +
</div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 10:32, 16 July 2014

Plant Vs HCHO

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