Difference between revisions of "Template:TeamTokyoNokogenheader"

Line 1: Line 1:
−
{{CSS/Main}}
 
 
<html>
 
<html>
 +
<head>
 +
<style type="text/css">
  
−
<style>
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
  
−
div#wrapper {
+
.firstHeading {
−
    width:1300px;
+
width: 975px;  
−
    background-color:#ffffff;
+
margin: 0px auto;
−
    text-align:center;      
+
padding-top: 100px;
−
            }
+
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;  
 +
}
  
−
div#nav {
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
−
    width:1000px;
+
−
    margin:0 auto;
+
−
    background-color:#ffffff
+
−
    text-align:center;
+
−
<!--    position:fixed;
+
−
    top:12px;left:140px;-->
+
−
        }
+
−
div#nav table {
+
−
    margin:0 auto;
+
−
        }
+
  
−
div#nav td{
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
−
width:300px;height:45px;
+
background-color: #383838;
−
        margin:0 auto;
+
border: 0 none;
−
text-align:center;
+
height: 14px;
−
border:none;
+
z-index: 100;
−
font-family:Impact;
+
top: 0;
−
        font-size:18px;
+
position: fixed;
 +
width: 975px;  
 +
left: 50%;  
 +
margin-left: -487px;
 
}
 
}
−
td a{
+
 
−
text-decoration:none;
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 
}
 
}
  
−
div#header {
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
−
    width:900px;
+
color: #727272;  
−
    padding-top:5px;
+
text-decoration: none;  
−
    margin:0 auto;
+
background-color: transparent;
−
    background-image:url("https://static.igem.org/mediawiki/2014/c/c2/Noko14%EF%BC%BFheader.jpg");
+
}
−
<!--     position:fixed;
+
−
    top:75px;left:130px;-->
+
−
            }
+
  
−
div#main {
+
body {  
−
    width:800px;
+
background-color: #fff;
−
    margin:50px auto;
+
}
−
    text-align:left;
+
−
          }
+
  
−
div#content h1 {
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
−
        display:none;
+
width: 100%;
−
                }
+
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
  
−
div#sub {
+
html, body, .wrapper { /*-- changes default wiki settings --*/
−
    width:150px;
+
width: 100%;  
−
    float:left;
+
height: 100%;  
−
    position:fixed;
+
background-color: transparent;
−
    top:100px;left:5px;
+
}
−
        }
+
−
div#footer {
+
−
    margin:0 auto;
+
−
    width:850px;
+
−
        }
+
−
div#footer img {
+
−
    width:200px;
+
−
        }
+
  
−
p {
+
#contentcontainer { /*-- creates container for all content on page --*/
−
    font-size:16px;
+
font-family: Arial, Helvetica, sans-serif;  
−
    font-family:Georgia;
+
font-weight: normal;  
−
    line-height:2;  
+
font-size: 14px;  
−
  }
+
color: #414141;
−
h2 {
+
width: 960px;
−
    font-size:20px;
+
margin-left: auto;  
−
    font-family:Georgia;
+
margin-right: auto;
−
    text-decoration:none;
+
background-color: #transparent;  
−
  }
+
margin-top: 0px;  
 +
}
  
 +
.sidemenu, .sidemenu li {
 +
list-style-type: none;
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
 +
}
  
−
</style>
+
.sidemenu li {display: block;}
−
<body>
+
−
<div id="cont">
+
−
  <div id="nav">
+
−
<table>
+
−
<tr heigth="15px"></tr>
+
−
<tr heigth="75px">
+
  
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
  
−
<td style="bgcolor:#ffffff;width:400px;"> 
+
.sidemenu a.greyout { color: #909090; }
−
</td>
+
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.sidemenu a:hover {
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen"style="color:#000000">Project</a> </td>
+
color:#666;
 +
background-color: #d9f5aa;
 +
}
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/Team"style="color:#000000"> Team </a> </td>
+
.sub-sidemenu a {color: #666;}
  
 +
div.underconst
 +
{
 +
padding:10px;
 +
border-radius:5px;
 +
background-color:pink;
 +
text-align:center;
 +
}
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/result"style="color:#000000"> Result</a></td>
+
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.contentpara {margin-bottom: 30px;}
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/Parts"style="color:#000000"> Parts</a></td>
+
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
span.email{font-family: monospace; font-weight: normal;}
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/protocol"style="color:#000000"> Protocols</a></td>
+
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
fieldset {border: 1px solid #337f53;}
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/note"style=" color:#000000"> Notebook</a></td>
+
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.greyout {color: #A0A0A0;}
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/Safety"style=" color:#000000"> Safety </a></td>
+
.highlightme {background-color: #FFFF00;}
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#alertContainer { margin-bottom: 10px; width: 936px;}
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/HumanPractice"style="color:#000000"> Human Practice </a></td>
+
#annContainer {margin-left: 8px;}
 +
#newsContainer {border: 1px solid #ccc;}
  
−
<td onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.newsTitle {
−
<a href="https://2014.igem.org/Team:Tokyo-NoKoGen/achievement"style="color:#000000">Achievement</a></td>
+
display: block;
 +
color: #414141;
 +
font-size: 25px; 
 +
        font-family: Georgia, Times, "Times New Roman", serif;
 +
padding: 10px 15px 5px 10px;
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 0px;
 +
}
  
 +
.newsItem {
 +
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 0px 10px;
 +
margin-bottom: 0px;
 +
}
  
−
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
.newsItem h3 {
−
<td style="background-color:#ffffff;width:200px;"></td>
+
width: auto;
−
</tr>
+
display: inline;
−
</table>
+
font-size: 14px;  
−
  </div>
+
font-family: Arial, Helvetica, sans-serif;  
−
  <div id="header">
+
padding: 0px;
−
<img src="https://static.igem.org/mediawiki/2014/c/c2/Noko14%EF%BC%BFheader.jpg">
+
margin: 0px;
−
  </div>
+
}
−
  <div id="main">
+
−
<h2>Overview</h2>
+
−
+
  
−
<p>　Pesticides are not only harmful to insects, such as cockroaches, but also pose a risk to humans and the environment. A safe pesticide is greatly needed. Our project for iGEM 2014 is “<i>Exterminator coli</i>”, an <i>Escherichia coli</i> machine that exterminates insects such as roaches while being completely safe to mammals and the environment.</p><br>
+
.newsItem img {
 +
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
  
−
<p>　Roaches and many other insects store their energy in the form of trehalose, which can be converted to glucose, when needed, by the enzyme trehalase. However, mammals store their energy in the form of glycogen, which does not require trehalase for conversion to glucose. Trehalase inhibitors can therefore be used as a pesticide that can control roaches while being harmless for mammals and the environment.</p><br>
+
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
 +
}
  
−
<p>　We engineered <i>E. coli</i> that produces the trehalase inhibitor, 3,3´-diketotrehalose (3,3´-dkT), a pesticide that is harmless for the environment and mammals. Our engineered <i>E. coli</i> will overexpress trehalose 6-phosphate synthase (OtsA) and trehalose 6-phosphate phosphatase (OtsB), which convert glucose-6-phosphate and UDP-glucose to trehalose, and glucose-3-dehydrogenase (G3DH), which converts trehalose to 3,3’-dkT. We predict that <i>Exterminator coli</i> will continue to produce 3,3’-dkT even after it is ingested by the insect.</p>
+
.newsItem p, .newsItem ul, .newsItem li {
 +
padding: 0px;
 +
margin-left: 20px;
 +
font-size: 12px;
 +
line-height: 1.2;
 +
}
  
 +
.newsItem p {margin-top: 10px;}
  
 +
.annItem {
 +
border: 2px solid #414141;
 +
display: block;
 +
padding: 0px 15px 10px 10px;
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
 +
}
  
 +
.annItem .annCentered {
 +
display: table-cell;
 +
vertical-align: middle;
 +
height: 160px;
 +
}
  
 +
.annCentered h3 {
 +
padding: 0px;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: center;
 +
}
  
−
<img src="https://static.igem.org/mediawiki/2014/4/4a/NoKo14_Ecoli.jpg"><br>
+
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
−
<img src="https://static.igem.org/mediawiki/2014/4/45/Noko14_Project1.png"><br>
+
.annItem li {list-style: none; margin: 5px}
−
<p>Fig. 1 Outline of our project, <i>Exterminator coli</i>.</p><br>
+
−
<br>
+
−
<h2>Why did we focus on pesticide?</h2>
+
−
<p> 　Pesticides for insects are used almost everywhere -- not only in agriculture, but also in homes, parks, schools, buildings, forests, and roads. However, it is known that substances included in the pesticide have harmful influence for environment and also to humans. These harmful substances can be diffused in the environment. For example, organophosphates included in the agricultural chemicals affects nervous system, then cause miosis, vomiting, ataxia and muscular twitching. Also, pyrethroid included in spray pesticide does not cause serious poisoning unless it is overdose, but if we absorb surplus pyrethroid, it cause nausea, diarrhea, dizziness and convulsion. Furthermore, boric acid included in poison bait for cockroaches causes dehydration, gastroenteritis and lethargic sleep. There is a fatal case by overdose of boric acid. Therefore, we need pesticide that can exterminate only insects without any effect for environment and humans.</p><br><br>
+
  
−
<h2>Mammal friendly pesticide    -Trehalase inhibitor-</h2>
 
−
<p> 　Many insects, including cockroaches, store their energy in the form of the disaccharide trehalose in their blood. Insects utilize trehalose in their cell metabolism by reconverting it into glucose by the enzyme trehalase (α-glucoside-1-glucohydrolase), which hydrolyses trehalose (1). The glucose can then be phosphorylated and used for glycogen synthesis or catabolized via glycolysis or the pentose phosphate pathway. Although mammals do not synthesize trehalose, they possess a trehalase in their intestine and kidney, which allows them assimilate trehalose if present in their diet. A trehalose inhibitor will therefore not pose any significant harm to mammals.<p><br>
 
−
<img src="https://static.igem.org/mediawiki/2014/d/de/Noko14_Ins1.png" width="80%">
 
−
<p>Fig. 2 Synthesis of trehalose in insects</p><br><br>
 
  
−
<p>  　We discovered from the literature that 3,3’-diketotrehalose (3,3’-dkT) can be used as a trehalase inhibitor (Kojima <i>et al</i>, 2001). Trehalose is converted to 3,3’-dkT by the enzymatic reaction of glucose 3 dehydrogenase (G3DH). The chemical structure of 3,3’-dkT resembles trehalose, so the enzyme activity of trehalase will be prevented by competitive inhibition.  </p><br><br>
 
  
−
<p><b>Reference</b></p>
+
</style>
−
<p>(1) Becker, A. <i>et al </i>. (1996) The regulation of trehalose metabolism in insects. <i>Experientia </i>, <b>52</b>, 433-439</p>
+
</style>
  
  
  
−
  </div>
 
−
<div id="sub">
 
−
<img src="https://static.igem.org/mediawiki/2014/6/6e/Noko14_Background.jpg">
 
−
</div>
 
−
<div id="footer">
 
−
<a href="http://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2014/5/5e/Noko14_IDT.png"></a>
 
−
<a href="http://www.ultizyme.jp/"><img src="https://static.igem.org/mediawiki/2014/c/ce/Noko14_Image91.jpg"></a>
 
−
<a href="http://www.cosmobio.co.jp/index_e.asp"><img src="https://static.igem.org/mediawiki/2014/e/e5/Noko14_Logo_e.jpg"></a>
 
−
<a href="http://www.mbl.co.jp/e/index.html"><img src="https://static.igem.org/mediawiki/2014/4/4f/Noko14_MBL.gif"></a>
 
−
<a href="http://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2014/a/ad/Noko14_li.png"></a>
 
−
<a href="http://www.tuat.ac.jp/en/index.html"><img src="https://static.igem.org/mediawiki/2014/3/39/Noko14_tuat.png"></a>
 
−
<a href="http://www.tuat.ac.jp/~tanpaku/"><img src="https://static.igem.org/mediawiki/2014/3/3c/Noko14_ike.jpg"></a>
 
−
<a href="http://www.tuat.ac.jp/~kakusan/index.html"><img src="https://static.igem.org/mediawiki/2014/7/77/Noko14_ikeken.jpg"></a>
 
−
  </div>
 
−
</div>
 
−
</body>
 
 
</html>
 
</html>

Revision as of 13:38, 21 August 2015