Team:UESTC-China

From 2014.igem.org

(Difference between revisions)
Line 9: Line 9:
body{
body{
-
background-color:#CCCCCC;
+
background-color:#bfbfbf;
}
}
a{
a{
Line 44: Line 44:
margin-left: -607px;
margin-left: -607px;
color: white;
color: white;
-
background-color: #CCCCCC;
 
}
}
#header{
#header{
-
height: 200px;
+
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/a/a3/Newbanner.jpg");/* yan change to plant-vs HCHO*/
background-position: top center;
background-position: top center;
Line 55: Line 54:
width: 1214px;
width: 1214px;
}
}
-
 
+
#emp{
-
 
+
height:200px;
 +
}
#top-menu{
#top-menu{
display: inline-block;
display: inline-block;
-
padding-left:450px;
+
padding-left:20px;
-
width: 650px;
+
background-color: #394264;
-
margin-top:150px;
+
width: 1195px;
}
}
@font-face {
@font-face {
-
  font-family: "Times New Roman";
+
  font-family: ubuntu;
  src:url(Ubuntu-R.ttf);
  src:url(Ubuntu-R.ttf);
-
}
 
-
 
-
 
-
.top-menu-each:hover{
 
-
border-bottom-style:solid;
 
-
border-bottom-width: 2px;
 
-
border-bottom-color: #11a8ab;
 
-
height: 50px;
 
-
 
}
}
.top-menu-each{
.top-menu-each{
-
height: 15px;
+
height: 63px;
-
font-family:ubuntu ;
+
font-family: ubuntu,"宋体";
-
color: #FFFFFF ;
+
color: white;
-
font-size: 16px;
+
font-size: 21px;
float: left;
float: left;
cursor: pointer;
cursor: pointer;
Line 89: Line 80:
.top-menu-each p{
.top-menu-each p{
float: left;
float: left;
-
padding-right: 7px;
+
padding-right: 30px;
-
padding-left: 5px;
+
padding-left: 30px;
-
line-height: 50px;
+
line-height: 63px;
}
}
.arrow{
.arrow{
Line 105: Line 96:
}
}
-
 
+
.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{
.top-menu-each.click{
 +
background-color: #50597B;
border-bottom-style:solid;
border-bottom-style:solid;
border-bottom-width: 2px;
border-bottom-width: 2px;
-
border-bottom-color: #FFFFFF ;
+
border-bottom-color:#11a8ab;
-
height:50px;
+
height: 61px;
-
 
+
}
}
.top-menu-sub{
.top-menu-sub{
position: absolute;
position: absolute;
-
margin-top: 50px;
+
margin-top: 63px;
z-index: 10;
z-index: 10;
min-width: 215px;
min-width: 215px;
}
}
.top-menu-sub li{
.top-menu-sub li{
 +
background-color: #394264;
border-top-style: solid;
border-top-style: solid;
border-bottom-style: solid;
border-bottom-style: solid;
border-top-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-bottom-width: 1px;
 +
border-top-color: #11a8ab;
border-bottom-color: #11a8ab;
border-bottom-color: #11a8ab;
padding-left: 30px;
padding-left: 30px;
padding-right: 20px;
padding-right: 20px;
-
background-color: #00CC99;
 
height: 55px;
height: 55px;
line-height: 55px;
line-height: 55px;
cursor:pointer;
cursor:pointer;
-
color:#FFFFFF;
 
}
}
-
 
+
.top-menu-sub li:hover{
 +
background-color: #50597B;
 +
}
#big-photo{
#big-photo{
-
margin-top: 20px;
+
margin-top: 5px;
height: 500px;
height: 500px;
width: 1214px;
width: 1214px;
Line 207: Line 207:
margin-right: 0px;
margin-right: 0px;
}
}
-
 
+
#footer{
 +
 +
height: 180px;
 +
background-color: #394264;
 +
border-top-left-radius:8px;
 +
border-top-right-radius:8px;
 +
margin-top: 30px;
 +
}
#main-content{
#main-content{
position:absolute;
position:absolute;
Line 213: Line 220:
display: inline-block;
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{
#middle-photo{
float: left;
float: left;
Line 263: Line 301:
#logo{
#logo{
position: absolute;
position: absolute;
-
background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/logo.png");/*no change*/
+
background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");/*no change*/
width: 154px;
width: 154px;
height: 147px;
height: 147px;
-
margin-left: 200px;
+
margin-left: 1000px;
-
margin-top: 23px;
+
margin-top: 30px;
cursor: pointer;
cursor: pointer;
}
}
-
 
+
#footer-box{
 +
display: none;
 +
}
.firstHeading{
.firstHeading{
display: none;
display: none;
Line 279: Line 319:
}
}
li{  
li{  
-
color:#000;
+
color:white;
}
}
-
 
#intro1{
#intro1{
font-family: helveticalmd,"微软雅黑";
font-family: helveticalmd,"微软雅黑";
Line 296: Line 335:
}
}
#introduction{
#introduction{
-
background-color:#1bbc9b;
+
background-color:#1bbc9b
-
margin-top:20px;
+
-
position:absolute;
+
}
}
-
 
</style>
</style>
<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>
Line 307: Line 343:
</script>
</script>
 +
</head>
</head>
-
<body>
+
<body><div id="total-wrap">
-
<div id="total-wrap">
+
<div id="header">
-
  <div id="header">
+
<div id="emp">
-
    <div id="top-menu">
+
<div id='logo'><a href="https://igem.org/Main_Page"></a></div>
-
      <div class="top-menu-each"> <a href="https://2014.igem.org/Team:UESTC-China">
+
</div>
-
        <p><b>Home</b></p>
+
<div id="top-menu">
-
        </a> </div>
+
<div class="top-menu-each">
-
      <div class="top-menu-each">
+
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
-
        <div class="arrow"></div>
+
</div>
-
        <p><b>Team</b></p>
+
<div class="top-menu-each">
-
        <div class="top-menu-sub">
+
<div class="arrow"></div>
-
          <ul>
+
<p>Team</p>
-
            <a href="https://2014.igem.org/Team:UESTC-China/Team">
+
<div class="top-menu-sub">
-
            <li>Members</li>
+
<ul>
-
            </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">
+
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
-
            <li>Team Profile</li>
+
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
-
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Notebook">
+
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
-
            <li>Notebook</li>
+
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
-
            </a>
+
</ul>
-
          </ul>
+
</div>
-
</div>
+
</div>
-
      </div>
+
 
-
      <div class="top-menu-each">
+
<div class="top-menu-each">
-
        <div class="arrow"></div>
+
<div class="arrow"></div>
-
        <p><b>Project</b></p>
+
<p>Result</p>
-
        <div class="top-menu-sub">
+
<div class="top-menu-sub">
-
          <ul>
+
<ul>
-
            <a href="https://2014.igem.org/Team:UESTC-China/Project">
+
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
-
            <li>Project</li>
+
</ul>
-
            </a>
+
</div>
-
          </ul>
+
</div>
-
        </div>
+
 
-
      </div>
+
<div class="top-menu-each">
-
      <div class="top-menu-each"> <a href="https://2014.igem.org/Team:UESTC-China/Modeling">
+
<div class="arrow"></div>
-
        <p><b> Model</b></p>
+
<p>Project</p>
-
        </a> </div>
+
<div class="top-menu-sub">
-
      <div class="top-menu-each"> <a href="https://2014.igem.org/Team:UESTC-China/Result">
+
<ul>
-
        <p><b>Result</b></p>
+
<a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Project</li></a>
-
        </a> </div>
+
 
-
      <div class="top-menu-each">
+
 
-
        <div class="arrow"> </div>
+
</ul>
-
        <p><b>Supplementary</b></p>
+
</div>
-
        <div class="top-menu-sub">
+
</div>
-
          <ul>
+
<div class="top-menu-each">
-
            <a href="https://2014.igem.org/Team:UESTC-China/Material">
+
<div class="arrow"></div>
-
            <li>BioBrick</li>
+
<p>Modeling</p>
-
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Protocol">
+
<div class="top-menu-sub">
-
            <li>Protocol</li>
+
<ul>
-
            </a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Modeling</li></a>
-
          </ul>
+
</ul>
-
        </div>
+
</div>
-
      </div>
+
</div>
-
      <div class="top-menu-each">
+
<div class="top-menu-each">
-
        <div class="arrow"></div>
+
<div class="arrow"></div>
-
        <p><b>Human Practice</b></p>
+
<p>Supplementary</p>
-
        <div class="top-menu-sub">
+
<div class="top-menu-sub">
-
          <ul>
+
<ul>
-
            <a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html">
+
<a href="https://2014.igem.org/Team:UESTC-China/Material"><li>BioBrick</li></a>
-
            <li>Human practice</li>
+
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
-
            </a>
+
 
-
          </ul>
+
</ul>
-
        </div>
+
</div>
-
      </div>
+
</div>
-
      <div class="top-menu-each"> <a href='https://2014.igem.org/Team:UESTC-China/Safety'>
+
<div class="top-menu-each">
-
        <p><b>Safety</b></p></a>
+
<div class="arrow"></div>
-
      </div>
+
<p>Human Practice</p>
-
    </div>
+
<div class="top-menu-sub">
-
  </div>
+
<ul>
-
  <div id="big-photo">
+
<a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"><li>Human practice</li></a>
-
    <div id="big-photo-wrap"> <img src="https://static.igem.org/mediawiki/2014/0/09/All_students.jpg" alt="pic">
+
</ul>
-
      <div id="big-photo-hover">
+
</div>
-
        <p class="header">Our Team</p>
+
</div>
-
        <p class="content">Conducted by three kind teachers, we are full of energy.</p>
+
 
-
  </div>
+
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Safety</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
</div>
 +
</div>
 +
<div id="big-photo">
 +
<div id="big-photo-wrap">
 +
<img src="https://static.igem.org/mediawiki/2014/b/b9/Zhaopian.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>
</div>
Line 391: Line 448:
<p id="intro2">Formaldehyde is a kind of xxx. 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. Formaldehyde is a kind of toxic gas with strong stinky smell. It could cause allotrionmia, abnormal lung function, dysimmunity and genetic damages. To decrease the concentration of HCHO, we got Air Exchanges, Physical adsorption, negative air ions, Photocatalyst pathway and etc. We thought that the Biological methods is the best. It’s fast, 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 plants can degrade the formaldehyde, but we decide to make their formaldehyde degradation system works better. There are two pathways to degrade the formaldehyde in plants. One is the Assimilation pathway, another is Oxidative pathway.</p>
<p id="intro2">Formaldehyde is a kind of xxx. 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. Formaldehyde is a kind of toxic gas with strong stinky smell. It could cause allotrionmia, abnormal lung function, dysimmunity and genetic damages. To decrease the concentration of HCHO, we got Air Exchanges, Physical adsorption, negative air ions, Photocatalyst pathway and etc. We thought that the Biological methods is the best. It’s fast, 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 plants can degrade the formaldehyde, but we decide to make their formaldehyde degradation system works better. There are two pathways to degrade the formaldehyde in plants. One is the Assimilation pathway, another is Oxidative pathway.</p>
<br/>
<br/>
-
<img width="1215px" src="https://static.igem.org/mediawiki/2010/9/9c/Theory_Home-foot_UNR.png" alt="pic" >
+
<img width="1215px" 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="180px" src='https://static.igem.org/mediawiki/2014/3/38/Uestcsponser.png' />
 +
 
 +
 
 +
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 05:46, 23 July 2014

Plant Vs HCHO

pic

Our Team

Conducted by three kind teachers, we are full of energy.

Introduction


Formaldehyde is a kind of xxx. 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. Formaldehyde is a kind of toxic gas with strong stinky smell. It could cause allotrionmia, abnormal lung function, dysimmunity and genetic damages. To decrease the concentration of HCHO, we got Air Exchanges, Physical adsorption, negative air ions, Photocatalyst pathway and etc. We thought that the Biological methods is the best. It’s fast, 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 plants can degrade the formaldehyde, but we decide to make their formaldehyde degradation system works better. There are two pathways to degrade the formaldehyde in plants. One is the Assimilation pathway, another is Oxidative pathway.


pic