Team:UESTC-China/yanTeam

From 2014.igem.org

(Difference between revisions)
 
(42 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 +
<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>Plant Vs HCHO</title>
+
<title>UESTC-China</title>
 +
 
 +
 
 +
 
<style>
<style>
 +
#content {
 +
    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;
 +
}
 +
        
        
Line 49: Line 67:
#header{
#header{
height: 280px;
height: 280px;
-
background-image:url("https://static.igem.org/mediawiki/2014/a/a3/Newbanner.jpg");/* yan change to plant-vs HCHO*/
+
background-image:url("https://static.igem.org/mediawiki/2014/4/49/New_New_banner.jpg");
background-position: top center;
background-position: top center;
background-repeat: no-repeat;
background-repeat: no-repeat;
Line 64: Line 82:
background-color: #394264;
background-color: #394264;
width: 1195px;
width: 1195px;
 +
height: 63px;
}
}
Line 72: Line 91:
.top-menu-each{
.top-menu-each{
height: 63px;
height: 63px;
-
 
font-family: helveticallt,"微软雅黑";
font-family: helveticallt,"微软雅黑";
color: white;
color: white;
Line 78: Line 96:
float: left;
float: left;
cursor: pointer;
cursor: pointer;
-
font-weight: bold;
+
font-weight: bold;
}
}
Line 89: Line 107:
.arrow{
.arrow{
float: left;
float: left;
-
background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png");/*needn't change*/
+
background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png");
line-height: 63px;
line-height: 63px;
width: 12px;
width: 12px;
Line 153: Line 171:
padding-left: 35px;
padding-left: 35px;
padding-right: 10px;
padding-right: 10px;
-
background-image: url('http://fudanigem.phx-2.ifreeurl.com/img/big-photo-hover.png');/*no change*/
+
background-image: url('http://fudanigem.phx-2.ifreeurl.com/img/big-photo-hover.png');
background-repeat: no-repeat;
background-repeat: no-repeat;
margin-top: -130px;
margin-top: -130px;
Line 171: Line 189:
font-size: 30px;
font-size: 30px;
line-height: 30px;
line-height: 30px;
-
font-family: helveticalmd,"微软雅黑";
+
font-family: helveticallt,"微软雅黑";
font-weight: bold;
font-weight: bold;
padding-top: 25px;
padding-top: 25px;
Line 213: Line 231:
height: 180px;
height: 180px;
-
background-color:white;
+
background-color: #394264;
border-top-left-radius:8px;
border-top-left-radius:8px;
border-top-right-radius:8px;
border-top-right-radius:8px;
Line 232: Line 250:
height: 60px;
height: 60px;
background-color: #394264;
background-color: #394264;
-
font-family: ubuntu,"宋体";
+
font-family: helveticallt,"微软雅黑";
font-size: 18px;
font-size: 18px;
line-height: 60px;
line-height: 60px;
Line 257: Line 275:
#middle-photo{
#middle-photo{
float: left;
float: left;
-
margin-bottom: 445px;
+
margin-bottom: 25px;
}
}
.middle-photo-each{
.middle-photo-each{
-
padding:9px 9px 9px 9px;
+
padding:0px 0px 0px 0px;
background-color: white;
background-color: white;
margin-bottom: 15px;
margin-bottom: 15px;
-
margin-left: 250px;
+
margin-left: 0px;
}
}
Line 280: Line 298:
color: black;
color: black;
font-size: 16px;
font-size: 16px;
-
font-family: "微软雅黑";
+
font-family: helveticallt,"微软雅黑";
line-height: 20px;
line-height: 20px;
}
}
Line 294: Line 312:
}
}
#top{
#top{
-
background-image:url('http://fudanigem.phx-2.ifreeurl.com/img/top.png');/*no change*/
+
background-image:url('https://static.igem.org/mediawiki/2014/4/42/Top3.png');
-
width: 57px;
+
width: 53px;
-
height: 57px;
+
height: 84px;
position: fixed;
position: fixed;
top: 80%;
top: 80%;
-
margin-left: 1105px;
+
margin-left: 1220px;
cursor: pointer;
cursor: pointer;
}
}
#logo{
#logo{
position: absolute;
position: absolute;
-
background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");/*no change*/
 
width: 154px;
width: 154px;
height: 147px;
height: 147px;
Line 324: Line 341:
color:white;
color:white;
}
}
-
#intro1{
+
 
-
font-family: helveticalmd,"微软雅黑";
+
-
font-size: 50px;
+
-
margin-top: 40px;
+
-
margin-left: 10px;
+
-
color: white;
+
-
}
+
-
#intro2{
+
-
font-family: helveticalmd,"微软雅黑";
+
-
font-size: 23px;
+
-
margin-left: 10px;
+
-
color:white;
+
-
}
+
-
#introduction{
+
-
background-color:#1bbc9b
+
-
}
+
/*rocket-to-top*/
/*rocket-to-top*/
*{list-style:none;border:0;}
*{list-style:none;border:0;}
Line 381: Line 383:
}
}
/*rocket-to-top end*/
/*rocket-to-top end*/
 +
 +
 +
 +
 +
 +
 +
 +
#SensorEditingArea{position:absolute; left:0px; top:280px; height:7000px; width:1213px; background-color:#ffffff; padding:60px 0px 0px 0px;}
 +
 +
 +
.SensorEditingAreaClass p{position:relative;left:0px; width:1140px; font-size:23px; font-family: calibri, arial, helvetica, sans-serif;  }
 +
.SensorEditingAreaClass a{color:#1f8a70;}
 +
#underTitle{
 +
color: #000;
 +
position: absolute;
 +
left: -10px;
 +
margin-top: 5px;
 +
margin_bottom: 5px;
 +
top: 39px;
 +
        width:700px;
 +
}
 +
#fusionArea{
 +
margin-top:30px;
 +
}
 +
#SectionTitles1{
 +
position:relative;
 +
left:30px;
 +
background-color:#1f8a70;
 +
padding:0 10px;
 +
height:45px;
 +
line-height:40px;
 +
font-size:28px;
 +
width: 256px;
 +
font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;  }
 +
 +
#SectionTitles2{
 +
position:relative;
 +
top:350px;
 +
left:30px;
 +
background-color:#1f8a70;
 +
padding:0 10px;
 +
height:45px;
 +
line-height:40px;
 +
font-size:28px;
 +
width: 256px; font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; }
 +
 +
#SectionTitles3{
 +
position:relative;
 +
left:30px;
 +
top: 740px;
 +
background-color:#1f8a70;
 +
padding:0 10px;
 +
height:45px;
 +
line-height:40px;
 +
font-size:28px;
 +
width: 256px; font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; }
 +
 +
#SectionTitles4{
 +
position:relative;
 +
top: 1150px;
 +
left:30px;
 +
background-color:#1f8a70;
 +
padding:0 10px;
 +
height:45px;
 +
line-height:40px;
 +
font-size:28px;
 +
width: 256px;font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;}
 +
 +
#SectionTitles5{
 +
position:relative;
 +
top: 1520px;
 +
left:30px;
 +
padding:0 10px;
 +
height:45px;
 +
line-height:40px;
 +
font-size:28px;
 +
width: 256px;font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;}
 +
 +
#SectionTitles6{
 +
position:relative;
 +
top: 1850px;
 +
left:30px;
 +
background-color:#1f8a70;
 +
padding:0 10px;
 +
height:45px;
 +
line-height:40px;
 +
font-size:28px;
 +
width: 256px;font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;}
 +
 +
#SectionTitles7{
 +
top: 2290px;
 +
position:relative;
 +
left:30px;
 +
padding:0 10px;
 +
height:45px;
 +
line-height:40px;
 +
font-size:28px;
 +
width: 256px;font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;}
 +
 +
#SectionTitles8{
 +
top: 2650px;
 +
position:relative;
 +
left:30px;
 +
background-color:#1f8a70;
 +
padding:0 10px;
 +
height:45px;
 +
line-height:40px;
 +
font-size:28px;
 +
width: 256px;font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; }
 +
 +
#SectionTitles9{
 +
top: 3000px;
 +
position:relative;
 +
left:30px;
 +
padding:0 10px;
 +
height:45px;
 +
line-height:40px;
 +
font-size:28px;
 +
width: 256px;
 +
font-family: calibri, arial, helvetica, sans-serif;
 +
border-bottom:0px;
 +
color:#ffffff;
 +
font-weight: bold;
 +
font-style: Italic;
 +
text-align:center;
 +
}
 +
 +
.textEditingArea{
 +
top:3730px;
 +
position:absolute;
 +
left:30px;
 +
}
 +
.textEditingTitle{
 +
position:relative;
 +
margin-right:20px;
 +
margin-top:30px;
 +
background-color:#1f8a70;
 +
left:30px;
 +
padding:0 10px;
 +
height:45px;
 +
line-height:40px;
 +
font-size:28px;
 +
font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px;
 +
color: #ffffff;text-align:center;
 +
width:600px;
 +
font-weight: bold;
 +
font-style: Italic;
 +
}
 +
.textEditingstyle{
 +
position:relative;
 +
left:30px;
 +
margin-top: 20px;
 +
margin-left: 40px;
 +
color: #000000;line-height:40px;
 +
font-size:24px; font-family:Microsoft Yahei; border-bottom:0px;
 +
text-align:justify; width:1140px; }
 +
#references{
 +
top:3090px;
 +
position:absolute;
 +
font-size: large;
 +
left:30px;
 +
color:#000000;}
 +
#TextTable{position:absolute;
 +
padding:30px;
 +
margin-top: 20px; left:30px;
 +
width:1000px; font-family:calibri;arial;helvetica;sans-serif; font-size:25px; text-align:left;
 +
}
 +
#BiosensorsTable{position:absolute;margin-top: 20px; left:0px; width:1000px; font-family:calibri;arial;helvetica;sans-serif; font-size:25px; text-align:center; }
 +
.mid{background: #FFFFCC;color: #797268; }
 +
.top{background:  #7dd917; color: #797268; }
 +
.lastmid{background: #FFFFCC;color: #797268;
 +
padding:20px;}
 +
 +
 +
 +
 +
</style>
</style>
</head>
</head>
 +
<body>
<body>
<div id="total-wrap">
<div id="total-wrap">
<div id="header">
<div id="header">
<div id="emp">
<div id="emp">
-
<div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/6/60/LiLogo.png"></a></div>
+
<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>
<div id="top-menu">
<div id="top-menu">
Line 419: Line 599:
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
-
<a href="https://2014.igem.org/Team:UESTC-China/Futurework">
+
<a href="https://2014.igem.org/Team:UESTC-China/Futurework"><li>Future work</li></a>
-
<li>Future work</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a>
</ul>
</ul>
Line 430: Line 610:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Modeling</li></a>
+
<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>
</ul>
</div>
</div>
Line 439: Line 622:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Material"><li>BioBrick</li></a>
+
<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>
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
Line 450: Line 633:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"><li>Knowledge quiz</li></a>
+
<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/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/Communication.html"><li>Communication</li></a>
-
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a>
</ul>
</ul>
</div>
</div>
Line 470: Line 655:
-
</div>
+
<div id="middle-photo">
-
</div>
+
<div class="middle-photo-each">
-
<div id="big-photo">
+
<div id="SensorEditingArea" class="SensorEditingAreaClass">
-
<div id="big-photo-wrap">
+
-
<img src="https://static.igem.org/mediawiki/2014/2/21/All_students1.jpg" alt="pic">
+
-
<div id="big-photo-hover">
+
-
<p class="header">Our Team</p>
+
-
<p class="content">Brilliant guys.</p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div id="introduction">
+
-
+
-
<p id="intro1"><strong>Introduction</strong></p>
+
-
<br/>
+
-
<div style="width:915px; height:auto; float:left; display:inline">
+
-
<p id="intro2">As the rapid economic development in China, the residential conditions of people have been greatly improved. Unfortunately, the potential harm of their indoor decoration was always neglected until people get sick. One of the most harmful gases of the indoor pollution could be the formaldehyde.<br/>Formaldehyde is a toxic gas appears in every single room which is newly decorated. It not only has bad smell, but also cause various of desease, like skin and mucous membrane irritation, immunity or memory decline, drowsiness, fatigue, cancer, allergic dermatitis.<br/>To decrease the concentration of HCHO, we got air purifier, physical adsorption, negative air ions, photocatalyst pathway and etc. We thought that the biological methods is the best. It’s delicate, it’s simple, and it’s safe. Therefore, we decided to cultivate a plant which got the ability to metabolize the formaldehyde. Actually, all kinds of plants can degrade the formaldehyde, but we decide to make their formaldehyde degradation system works better.<br/>In the future,we sincerely chrish the hope that our work will be put to use in our everyday life.</p>
+
-
<br/>
+
-
</div>
+
-
<div style="width:300px; height:auto; float:left; display:inline">
+
-
<img  src="https://static.igem.org/mediawiki/2010/9/9c/Theory_Home-foot_UNR.png" alt="pic">
+
-
</div>
+
-
</div>
+
-
<div id="footer">
+
 +
 +
 +
</div>
 +
</div>
-
<img width="1215px" height="140px" src='https://static.igem.org/mediawiki/2014/3/38/Uestcsponser.png' />
+
</div>
-
<font color="#2828FF"><strong>Contact us:</strong>yscui2011@gmail.com</font>
+
</div>
-
</div>
 
-
</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>
 
-
/*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" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
<script type="text/javascript">
Line 518: Line 675:
$(document).ready(function(){
$(document).ready(function(){
-
var imageload=new Array("https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg","https://static.igem.org/mediawiki/2014/8/83/Home1.jpg","https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg","https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg");
+
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(){
var datatemp=function(){
this.head;
this.head;
Line 526: Line 683:
var data2=new datatemp();
var data2=new datatemp();
var data3=new datatemp();
var data3=new datatemp();
-
var data4=new datatemp();
 
data1.head="Plants";
data1.head="Plants";
data1.content="Culture";
data1.content="Culture";
-
data2.head="Video ";
+
data2.head="Plants ";
-
data2.content="Plants vs HCOH";
+
data2.content="Transform";
-
data3.head="Plants ";
+
data3.head="Our Team";
-
data3.content="Transform";
+
data3.content="Keep moving";
-
data4.head="Our Team";
+
var imageintro=new Array(data1,data2,data3);
-
data4.content="Keep moving";
+
-
var imageintro=new Array(data1,data2,data3,data4);
+
var imagecount=0;
var imagecount=0;
Line 640: Line 794:
</script>
</script>
 +
</body>
</body>
</html>
</html>

Latest revision as of 14:21, 17 October 2014

UESTC-China