Difference between revisions of "Team:NAU-CHINA"

 
(42 intermediate revisions by the same user not shown)
Line 56: Line 56:
  
 
#abstract{
 
#abstract{
−
background-color: rgba(147,251,152,0.7);
+
background-color: rgba(147,251,152,0.9);
 
position: fixed;
 
position: fixed;
 
margin: 1.25em 20em 0 20em;
 
margin: 1.25em 20em 0 20em;
Line 64: Line 64:
 
display: none;
 
display: none;
 
                         border:solid 1px white;
 
                         border:solid 1px white;
 +
 
}
 
}
 
#scroll_to_bottom{
 
#scroll_to_bottom{
−
margin: 32em 24.4em 0 40em;
 
 
position: fixed;
 
position: fixed;
 
text-align: center;
 
text-align: center;
 
color: #ffffff;
 
color: #ffffff;
 
font-weight: bold;
 
font-weight: bold;
 +
bottom: 10%;
 +
left: 40%;
 
}
 
}
  
−
@media screen and (max-width: 1220px) {
+
@media screen and (max-width: 1170px) {
  
 
    .menu{
 
    .menu{
 
        display: none;
 
        display: none;
−
        opacity: 0;
 
 
    }
 
    }
  
Line 90: Line 91:
 
}
 
}
 
#abstract{
 
#abstract{
−
background-color: rgba(147,251,152,0.7);
+
background-color: rgba(147,251,152,0.9);
 
position: fixed;
 
position: fixed;
−
margin: 45% auto;
+
margin: 45% auto 0 auto;
−
height: 60%;
+
min-height: 40em;
−
                        min-height:20em;
+
            height:auto;
 
             z-index:-1;
 
             z-index:-1;
 
             font-family:'Comic Sans MS','Arial Black';
 
             font-family:'Comic Sans MS','Arial Black';
−
display: none;
 
 
             border:solid 1px white;
 
             border:solid 1px white;
 
             display: block;
 
             display: block;
 +
            overflow:hidden;
 
}
 
}
 
#scroll_to_bottom{
 
#scroll_to_bottom{
Line 107: Line 108:
 
background-color: white;
 
background-color: white;
 
}
 
}
−
}
+
    .menu{
−
@media screen and (min-width: 1220px) {
+
        display: none;
 +
    }
 +
 
 +
    .container {
 +
        display: block;
 +
    }
 +
}
 +
@media screen and (min-width: 1170px) {
  
 
    .menu{
 
    .menu{
Line 120: Line 128:
 
}
 
}
  
−
                 #guanjian {margin-left:7em;font-family:'Comic Sans MS','Arial Black';}
+
                 #abstract #guanjian {margin-left:7em;font-family:'Comic Sans MS','Arial Black';font-size:16px;}
−
h1,p{
+
p{
 
margin-left: 5em;
 
margin-left: 5em;
 
margin-right: 5em;
 
margin-right: 5em;
−
margin-top: 2.5em;
 
 
                         font-family:'Comic Sans MS','Arial Black';
 
                         font-family:'Comic Sans MS','Arial Black';
 
}
 
}
−
 
+
h1{
 +
margin-left: 4.5em;
 +
margin-right: 5em;
 +
margin-top: 3.5em;
 +
                        font-family:'Comic Sans MS','Arial Black';
 +
}
 
#ClickBack{
 
#ClickBack{
 
text-align: center;
 
text-align: center;
 
position: fixed;
 
position: fixed;
−
bottom: 0.2em;
+
bottom: 3em;
 
right: 18em;
 
right: 18em;
 
                         display:none;
 
                         display:none;
−
                         font-family:ZiTi,'Comic Sans MS','Arial Black';
+
                         font-family:'Comic Sans MS','Arial Black';
 
}
 
}
  
Line 140: Line 152:
 
width: 6em;
 
width: 6em;
 
}
 
}
 +
 
</style>
 
</style>
  
Line 170: Line 183:
 
   });
 
   });
 
});
 
});
 +
 
</script>
 
</script>
  
 
</head>
 
</head>
 
 
−
<body >
+
<body>
  
 
<!-- small screen menu -->
 
<!-- small screen menu -->
Line 241: Line 255:
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_List">Part List</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_List">Part List</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Basic_Part">Basic Part</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Basic_Part">Basic Part</a></li>
−
<li><a href="http://https://2016.igem.org/Team:NAU-CHINA/Composite_Part">Composite Part</a></li>
+
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Composite_Part">Composite Part</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_Collection">Collection</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_Collection">Collection</a></li>
 
</ul>
 
</ul>
Line 259: Line 273:
 
</nav>
 
</nav>
 
<img src="https://static.igem.org/mediawiki/2016/e/e8/NAU_CHINA_2016WIKI_HOME.jpeg"  onload="ChangeImg(this)" style="z-index:-60;position:absolute;left:0;top:0px"><!--backgroundimg-->
 
<img src="https://static.igem.org/mediawiki/2016/e/e8/NAU_CHINA_2016WIKI_HOME.jpeg"  onload="ChangeImg(this)" style="z-index:-60;position:absolute;left:0;top:0px"><!--backgroundimg-->
−
+
<div>
 
<div name="abstract" id="abstract">
 
<div name="abstract" id="abstract">
−
<h1 style="font-family:'Comic Sans MS','Arial Black';font-size:1.1em;">The Birth of Healer & A Story of Us</h1>
+
<br><br>
−
<p style="font-family:'Comic Sans MS','Arial Black';font-size:1.1em;">Several ideas were created and several ideas were denied. Our eyes were blocked by <b style="font-weight: bold;color: white;">3-phenoxybenzoate acid(3-PBA)</b>, the main intermediate product of pyrethroids. But what is 3-PBA and what are pyrethroids? Why we need to degrade 3-PBA thoroughly and how to degrade it through employing microbial biodegradation techniques? Once our Healer (the engineered bacteria) were born, how to put it into practice? From knowing to deep knowing, our efforts made it real.</p><br>
+
<h1 style="font-family:'Comic Sans MS','Arial Black';font-size:20px;">The Birth of Healer & A Story of Us</h1>
 +
<p style="font-family:'Comic Sans MS','Arial Black';font-size:17px;">Several ideas were created and several ideas were denied. Our eyes were blocked by <b style="font-weight: bold;color:blue;">3-phenoxybenzoate acid(3-PBA)</b>, the main intermediate product of pyrethroids. But what is 3-PBA and what are pyrethroids? Why we need to degrade 3-PBA thoroughly and how to degrade it through employing microbial biodegradation techniques? Once our Healer (the engineered bacteria) were born, how to put it into practice? From knowing to deep knowing, our efforts made it real.</p><br>
 
<ul id="guanjian">Key words:
 
<ul id="guanjian">Key words:
 
<li>Cause <span>(what is 3-PBA and what are pyrethroids? Why we need to degrade 3-PBA thoroughly?)</span></li>
 
<li>Cause <span>(what is 3-PBA and what are pyrethroids? Why we need to degrade 3-PBA thoroughly?)</span></li>
Line 268: Line 283:
 
<li>Extention <span>(How to put it into practice?)</span></li>
 
<li>Extention <span>(How to put it into practice?)</span></li>
 
</ul>
 
</ul>
−
 
+
<br><br>
 
</div>
 
</div>
 +
<br style="clear:both;"></div>
 
<div  id="ClickBack">
 
<div  id="ClickBack">
 
<img src="https://static.igem.org/mediawiki/2016/e/e9/NAU_CHINA_2016_ClickToBack.gif">
 
<img src="https://static.igem.org/mediawiki/2016/e/e9/NAU_CHINA_2016_ClickToBack.gif">

Latest revision as of 18:17, 19 October 2016



The Birth of Healer & A Story of Us

Several ideas were created and several ideas were denied. Our eyes were blocked by 3-phenoxybenzoate acid(3-PBA), the main intermediate product of pyrethroids. But what is 3-PBA and what are pyrethroids? Why we need to degrade 3-PBA thoroughly and how to degrade it through employing microbial biodegradation techniques? Once our Healer (the engineered bacteria) were born, how to put it into practice? From knowing to deep knowing, our efforts made it real.


    Key words:
  • Cause (what is 3-PBA and what are pyrethroids? Why we need to degrade 3-PBA thoroughly?)
  • Method (How to degrade it through employing microbial biodegradation techniques?)
  • Extention (How to put it into practice?)



Click Me Back

Click here to see more