Team:NJAU China

From 2014.igem.org

(Difference between revisions)
Line 161: Line 161:
-
#main{width:1000px; height:auto; overflow:hidden; margin: auto; padding-bottom:10px;}
+
#my_contents{
-
.p_left2{ float:left; width:206px; height:auto; margin-top:30px; overflow:hidden}
+
width:1030px;
-
.p_left2 ul{ width:199px; padding-bottom:20px; background:#FFF; border-bottom:1px solid #e7e9ea; border-left:1px solid #e7e9ea; border-right:1px solid #e7e9ea}
+
margin:30px auto;
-
.p_left2 ul li.bar{ background:url(https://static.igem.org/mediawiki/2013/2/2d/Leftbar.jpg) no-repeat; height:32px; text-align:center; font-size:16px; color:#FFF; font-weight:600; border:none !important;}
+
height:800px;
-
.p_left2 ul li{ width:200px; text-align:center; line-height:18px; border-bottom:1px solid #CCC; overflow:hidden; padding-bottom:8px; padding-top:8px;}
+
}
-
.p_left2 ul li a{ display:block; width:180px; color:#676767; margin-left:1px; padding-left:10px;}
+
#my_con{
-
.p_left2 ul li a:hover{ color:#C31577}
+
width:1000px;
 +
height:796px;
 +
float:right;
 +
background:#c9efff;
 +
position:relative;
 +
border:2px solid #999;
 +
}
 +
#stage_1{
 +
width:20px;
 +
height:20px;
 +
position:absolute;
 +
top:40px;
 +
left:40px;
 +
border-left:2px solid #333;
 +
border-top:2px solid #333;
 +
}
 +
#stage_2{
 +
width:20px;
 +
height:20px;
 +
position:absolute;
 +
top:40px;
 +
left:940px;
 +
border-right:2px solid #333;
 +
border-top:2px solid #333;
 +
}
 +
#stage_3{
 +
width:20px;
 +
height:20px;
 +
position:absolute;
 +
top:740px;
 +
left:40px;
 +
border-bottom:2px solid #333;
 +
border-left:2px solid #333;
 +
}
 +
#stage_4{
 +
width:20px;
 +
height:20px;
 +
position:absolute;
 +
top:740px;
 +
left:940px;
 +
border-right:2px solid #333;
 +
border-bottom:2px solid #333;
 +
}
 +
#real_con{
 +
position:absolute;
 +
top:60px;
 +
left:60px;
 +
width:880px;
 +
height:680px;
 +
background:#a1dbf0;
 +
}
 +
#real_con ul{
 +
list-style:none;
 +
width:100%;
 +
height:100%;
 +
margin:0;
 +
padding:0;
 +
}
 +
#real_con ul li{
 +
width:400px;
 +
height:300px;
 +
float:left;
 +
background:#0F0;
 +
margin:26px 0 0 26px;}
 +
#real_con ul li#one_1{
 +
background:url(a.png) no-repeat;}
 +
#real_con ul li#two_2{
 +
background:url(b.png) no-repeat;}
 +
#real_con ul li#three_3{
 +
background:url(c.png) no-repeat;}
 +
#real_con ul li#four_4{
 +
background:url(d.png) no-repeat;}
 +
#real_con ul li a{
 +
text-decoration:none;
 +
display:block;
 +
width:100%;
 +
height:100%;
 +
}
 +
#real_con ul li a#one:hover{
 +
background:url(1.png) no-repeat;}
 +
 
 +
#real_con ul li a#two:hover{
 +
background:url(2.png) no-repeat;}
 +
#real_con ul li a#three:hover{
 +
background:url(3.png) no-repeat;}
 +
#real_con ul li a#four:hover{
 +
background:url(4.png) no-repeat;}
 +
 
 +
 
 +
#thanks{
 +
height:150px;
 +
width:1030px;
 +
background:#00F;
 +
margin:0 auto;}
 +
 
 +
#my_footer{
 +
width:1030px;
 +
height:100px;
 +
margin:30px auto 0;
 +
}
 +
#my_footer p{
 +
text-align:center;
 +
margin:10px 0 0 0;
 +
text-indent:30px;
 +
background:#066;
 +
}
 +
 
     </style>
     </style>
     <style>
     <style>
Line 280: Line 386:
</div>
</div>
</div>
</div>
-
<div id="my_content_a">
+
<div id="my_contents">
-
<div id="main">
+
<div id="my_con">
-
  <div class="p_left2">
+
    <div id="stage_1"></div>
-
         <ul id=PKU_subsubmenu class=vertical onmouseout=listReset();>
+
         <div id="stage_2"></div>
-
          <li class="bar">Protocol</li>
+
        <div id="stage_3"></div>
-
          <li class=trunk onmouseover=listTrigger(0);><a href="https://2013.igem.org/Team:Nanjing-China/protocol#Basic">Basic Experiments of Molecular Biology</a></li>
+
        <div id="stage_4"></div>
-
          <li class=trunk onmouseover=listTrigger(0);><a href="https://2013.igem.org/Team:Nanjing-China/protocol#Observation">Observation and Measurement of GFP Expression</a></li>
+
        <div id="real_con">
-
          <li class=trunk onmouseover=listTrigger(0);><a href="https://2013.igem.org/Team:Nanjing-China/protocol#Drawing">Drawing Growth Curve</a></li>
+
        <ul>
-
          <li class=trunk onmouseover=listTrigger(0);><a href="https://2013.igem.org/Team:Nanjing-China/protocol#HPLC">HPLC</a></li>
+
            <li id="one_1"><a href="#" id="one"></a></li>
-
          <li class=trunk onmouseover=listTrigger(0);><a href="https://2013.igem.org/Team:Nanjing-China/protocol#Verification">Verification of Motility from Phenotype</a></li>
+
                <li id="two_2"><a href="#" id="two"></a></li>
-
        </ul>
+
                <li id="three_3"><a href="#" id="three"></a></li>
-
  </div>
+
                <li id="four_4"><a href="#" id="four"></a></li>
-
<script type="text/javascript">
+
            </ul>
-
var subfirst = document.getElementById("PKU_subsubmenu");
+
        </div>
-
var sub1hght = 0;
+
    </div>
-
function Following()
+
</div>
-
{
+
 
-
  sub1hght=sub1hght*0.9+(document.documentElement.scrollTop+document.body.scrollTop)*0.05-10;
+
<div id="thanks">
-
  if (sub1hght<0) {sub1hght=0;}
+
-
  subfirst.style.marginTop = sub1hght + 'px';
+
-
}
+
-
var handleFollowing = setInterval(Following,30);
+
-
</script>
+
-
<script type="text/javascript">
+
-
sublists_Now = 0;
+
-
var subsubitem=subfirst.getElementsByTagName('ul')[sublists_Now].getElementsByTagName('a')[0];
+
-
subsubitem.style.color='#60b0f0';
+
-
listTrigger(sublists_Now);
+
-
subsubitem.innerHTML=subsubitem.innerHTML+' >>>';
+
-
</script>
+
</div>
</div>
 +
<div id="my_footer">
 +
<p>ajshjakhdgjkjhsklahgkajhskjahkjghakjshfjkahgjkhsjka</p>
 +
    <p>jsdhgjkahsjkfhsajkdhfjkashjdhajdhsjkdf</p>
 +
    <p>jsdhgfjsdghsgdhfgsdhgfjshdfhj</p>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 15:59, 16 October 2014

Home

Abstract

As copper is an essential element for industry, low concentration of it can do harm to many creatures. Whereas, the Escherichia coli has high tolerance for copper through specific systems. There are copA promoter、marO(operator of mar locus)、cueO promoter existed in E.Coli, both are directly or indirectly regulated by copper ions. The most sensitive and effective would be chosen to trigger the sequential reactions. Glutathione is an intracellular redox-active tripeptide thiol which can effectively detoxify the metal ions by chelation. Glutathione can be synthesized by GshF, an enzyme derived from Streptococcus thermophilus, which can unifies both necessary reactions in one platform. In addition, we also utilize sgRNA-dCas9 system to enhance the efficiency of chelate cupric and cuprous by repressing the expression of copA. Finally, an automatically and efficiently copper-preventing guard are hoped to built.