|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <style type="text/css">
| |
| - | /* hiding the top section*/
| |
| - | body{position:absolute; top:0px; width:100%; height:1480px;}
| |
| - | #top-section{
| |
| - | height:0px;
| |
| - | border:none;
| |
| - | width:980px;
| |
| - | margin:0 auto;
| |
| - | padding:0 0 0 0;
| |
| - | background-color:transparent;
| |
| - | overflow:hide;
| |
| | | | |
| - | }
| |
| - | #p-logo{display:none;}
| |
| - | #search-controls{display:none;}
| |
| - | #top{display:none;}
| |
| - | .firstHeading{display:none;}
| |
| - | /* end of hiding the top section*/
| |
| - |
| |
| - | /* global setting*/
| |
| - | #globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
| |
| - | #content{
| |
| - | background-color:transparent;
| |
| - | border:none;
| |
| - | width:1200px;
| |
| - | height:700px;
| |
| - | marign:0 auto;
| |
| - | padding:0 0 0 0;
| |
| - | top:-40px;
| |
| - | }
| |
| - | #bodyContent{
| |
| - | background-color:transparent;
| |
| - | border:none;
| |
| - |
| |
| - | }
| |
| - | siteSub{
| |
| - | display:none;
| |
| - | border:none;
| |
| - | }
| |
| - | contentSub{
| |
| - | display:none;
| |
| - | }
| |
| - | /* end of global setting*/
| |
| - |
| |
| - | /*hiding the footer-box*/
| |
| - | #footer-box{display:none;}
| |
| - | #catlinks{display:none;}
| |
| - | /*end of hiding the footer book*/
| |
| - |
| |
| - | /* menu (page, edit ...) */
| |
| - | #menubar {
| |
| - | background-color:transparent;
| |
| - | position: relative;
| |
| - | float:left;
| |
| - | white-space: nowrap;
| |
| - | top:-6px;
| |
| - | width: 490px;
| |
| - | z-index: 5000;
| |
| - | font-family: sans-serif;
| |
| - | font-size: 95%;
| |
| - | line-height: 1em;
| |
| - | z-index:99;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .left-menu, .left-menu a {
| |
| - | text-align: left;
| |
| - | color:#999999;
| |
| - | text-transform: lowercase;
| |
| - | }
| |
| - |
| |
| - | .left-menu:hover {
| |
| - | color: #D00000;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | .right-menu{width:400px; float:right}
| |
| - | .right-menu, .right-menu a {
| |
| - | right: 0px;
| |
| - | text-align: right;
| |
| - | color: #999999;
| |
| - | }
| |
| - | #menubar ul {
| |
| - | color: #999999;
| |
| - | list-style: none;
| |
| - | }
| |
| - | #menubar li {
| |
| - | display: inline;
| |
| - | position: relative;
| |
| - | cursor: pointer;
| |
| - | padding-left: 0px;
| |
| - | padding-right: 0px;
| |
| - | }
| |
| - | .left-menu li a {
| |
| - | padding: 0px 10px 0px 0px;
| |
| - | }
| |
| - | .left-menu .selected {
| |
| - | # color: #999999;
| |
| - | }
| |
| - | #.left-menu .selected:hover {
| |
| - | # color: #999999;
| |
| - | #}
| |
| - |
| |
| - | .left-menu:hover a {
| |
| - | color: #999999;;
| |
| - | }
| |
| - |
| |
| - | .left-menu li a:hover {
| |
| - | color: #D00000;
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .right-menu li {
| |
| - | # background-color: transparent;
| |
| - | }
| |
| - | .right-menu li a {
| |
| - | padding: 0px 15px 0px 0px;
| |
| - | color: #999999;;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | .right-menu li a:hover {
| |
| - | color: #D00000;
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - | /* end menu (edit, page ...) */
| |
| - |
| |
| - | /* navigation bar*/
| |
| - |
| |
| - | #navigationblock{background-color:#fafaf8; position:fixed; top:0px; width:1200px; height:130px; overflow:hidden; font-family:Calibri, Arial; float:left; margin:0px; padding:0px; z-index:1000; border-bottom:1px solid #d3d7d8;}
| |
| - | #navbarlogo{position:relative; top:8px; float:left; height:120px;}
| |
| - | #navigationbar{position:absolute; left:500px; top:35px; font-size:18px; font-weight:100; color:black;}
| |
| - | #navigationbar > li {display:block; list-style-type:none; float:left; width:85px; height:100px; text-align:center; background-color:transparent;}
| |
| - |
| |
| - | .Navbar_Item a {color:black; text-decoration:none;}
| |
| - | .Navbar_Item > ul {display:none; width:500px; height:80px; text-align:center; color:black;}
| |
| - | .Navbar_Item > ul > li {float:left; list-style:none; width:100px; text-align:center; background-color:transparent; position:relative; top:10px;}
| |
| - | .Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000}
| |
| - | .Navbar_Item:hover > ul{ display:block;}
| |
| - | .Navbar_Item:hover >a {color:#D00000}
| |
| - | .Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000}
| |
| - | .Navbar_Item > ul > li:hover >a {color:#D00000}
| |
| - |
| |
| - |
| |
| - | #Home_Sublist{position:relative; top:0px; left:-50px;}
| |
| - | #Team_Sublist{position:relative; top:0px; left:-60px;}
| |
| - | #Project_Sublist{position:relative; top:0px; left:-200px;}
| |
| - | #Model_Sublist{position:relative; top:0px; left:-140px;}
| |
| - | #Safety_Sublist{position:relative; top:0px; left:-180px;}
| |
| - | #HumanPractice_Sublist{position:relative; top:0px; left:-220px;}
| |
| - |
| |
| - | #iGEM_logo{position:relative; top:8px; float:right; height:120px;}
| |
| - | /*end navigation bar*/
| |
| - |
| |
| - | /*Major body*/
| |
| - | #MajorBody{position:absolute; top:0px; left:0px; width:1200px; height:1380px; background-color:#f9f9f7;}
| |
| - | #ProjectTitle{position:absolute; left:0px; background-color: #e74c3c; width:1200px; height:184px; top:150px; z-index:600;}
| |
| - | #TitleBackground{position:absolute: left:0px; top:0px; width:1200px; z-index:-1;}
| |
| - | #ProjectName{position:absolute; left:420px; top:50px; border-bottom:0px; color:#FFFFFF; font-size:48px; font-family:calibri,Arial, Helvetica, sans-serif;}
| |
| - | #ProjectSubname{position:absolute; left:250px; top:120px; border-bottom:0px; color:#FFFFFF; font-size:18px; font-family: calibri， Arial, Helvetica, sans-serif;}
| |
| - |
| |
| - |
| |
| - | #AbstractBox{position:absolute; left:430px; top:390px; width:710px; height:530px; background-color:transparent;}
| |
| - | #AbstractBackground{width:100%; height:100%; background-color:#FFFFFF; opacity:0.9;}
| |
| - | #AbstractContent{position:absolute; left:60px; top:30px; width:590px; font-size:18px; line-height:30px ; font-family: calibri, Arial, sans-serif; text-align:justify;}
| |
| - | #AbstractContent:first-letter{font-size:30px;}
| |
| - | .SmallBoxes{width:340px; height:250px;background-color:#FFFFFF; overflow:hidden;}
| |
| - | .SmallBoxes > img{position:absolute; left:0px; top:0px;}
| |
| - |
| |
| - | #AppendixBox1{position:absolute; left:60px; top:390px;}
| |
| - | #Appendix1Cover{position:absolute; left:0px; top:280px; width:370px; height:280px; background-color:green;}
| |
| - | #AppendixBox2{position:absolute; left:60px; top:670px;}
| |
| - | #AppendixBox3{position:absolute; left:60px; top:950px;}
| |
| - | #AppendixBox4{position:absolute; left:430px; top:950px;}
| |
| - | #AppendixBox5{position:absolute; left:800px; top:950px;}
| |
| - |
| |
| - |
| |
| - | /*end of Major body*/
| |
| - | #AcknowledgementBox{ position:absolute; left:0px; top:1380px; width:1200px;}
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - | <!--navigationbar-->
| |
| - |
| |
| - | <div id="navigationblock">
| |
| - | <img id="navbarlogo" src="https://static.igem.org/mediawiki/igem.org/c/c9/Peking_Logo.jpg"/>
| |
| - | <ul id="navigationbar">
| |
| - | <li id="PKU_navbar_Home" class="Navbar_Item">
| |
| - | <a href="https://2013.igem.org/Team:Peking">home</a>
| |
| - | <ul id="Home_Sublist" >
| |
| - |
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="PKU_navbar_Team" class="Navbar_Item">
| |
| - | <a href="https://2013.igem.org/Team:Peking/Team">team</a>
| |
| - | <ul id="Team_Sublist">
| |
| - | <li><a>Item1</a></li>
| |
| - | <li><a>Item2</a></li>
| |
| - | <li><a>Item3</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="PKU_navbar_Project" class="Navbar_Item">
| |
| - | <a href="https://2013.igem.org/Team:Peking/Project">project</a>
| |
| - | <ul id="Project_Sublist">
| |
| - | <li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Existing Biosensors</a></li>
| |
| - | <li><a>Plug-ins & Expansion</a></li>
| |
| - | <li><a>Band-pass Circuit</a></li>
| |
| - | <li><a>Application</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="PKU_navbar_Model" class="Navbar_Item">
| |
| - | <a href="https://2013.igem.org/Team:Peking/Model">model</a>
| |
| - | <ul id="Model_Sublist">
| |
| - | <li><a>Item1</a></li>
| |
| - | <li><a>Item2</a></li>
| |
| - | <li><a>Item3</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="PKU_navbar_Safety" class="Navbar_Item">
| |
| - | <a href="https://2013.igem.org/Team:Peking/Safety">safety</a>
| |
| - | <ul id="Safety_Sublist">
| |
| - | <li><a>Item1</a></li>
| |
| - | <li><a>Item2</a></li>
| |
| - | <li><a>Item3</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px">
| |
| - | <a href="https://2013.igem.org/Team:Peking/HumanPractice">human practice</a>
| |
| - | <ul id="HumanPractice_Sublist">
| |
| - | <li><a>Item1</a></li>
| |
| - | <li><a>Item2</a></li>
| |
| - | <li><a>Item3</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - |
| |
| - | </ul>
| |
| - | <a href="https://igem.org/Team_Wikis?year=2013"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a>
| |
| - | </div>
| |
| - | <!--end navigationbar-->
| |
| - |
| |
| - | <!--MajorBody-->
| |
| - | <div id="MajorBody">
| |
| - | <div id="ProjectTitle">
| |
| - | <img id="TitleBackground" src="https://static.igem.org/mediawiki/igem.org/c/c5/Peking2013_home_title.jpg" />
| |
| - | <h1 id="ProjectName">Aromatics Busted</h1>
| |
| - | <h1 id="ProjectSubname">A FAST, EASY AND ACCURATE METHOD TO DETECT TOXIC AROMATIC COMPOUNDS</h1>
| |
| - | </div>
| |
| - | <div id="AbstractBox">
| |
| - | <div id="AbstractBackground"></div>
| |
| - | <p id="AbstractContent">As aromatic pollution levels rise, and along with it the environmental and health hazards that it presents, finding a better way of detecting these aromatic compounds becomes more and more important. Some prokaryotes, including <I>Escherichia coli</I> and <I>Pseudomonas putida</I>, naturally produce proteins capable of both detecting toxic aromatic molecules and regulating the transcription of corresponding catabolic genes. However, these naturally existing biosensors are limited by their detection range, expression leakage, and induction ratio.<br/><br/>Using these proteins, our team designed a series of improved aromatic sensors and combined them with related enzymes from their original catabolic pathways to increase the molecule detection range of these sensors. In order to semi-quantitatively measure the concentrations of target compounds, we constructed a biological band-pass circuit, enabling our sensors to detect the concentrations of target compounds within a certain range. In sum, we have been working on a fast, easy and accurate way to detect toxic aromatic compounds.</p>
| |
| - | </div>
| |
| - | <div id="AppendixBox1" class="SmallBoxes" onmouseover="MoveInSlide('#Appendix1Cover')" >
| |
| - | <img id="AppendixImg1" src="https://static.igem.org/mediawiki/igem.org/2/23/Peking2013_home_img1.jpg" />
| |
| - | <div id="Appendix1Cover" onmouseout="MoveOutSlide('#Appendix1Cover')"></div>
| |
| - | </div>
| |
| - | <div id="AppendixBox2" class="SmallBoxes">
| |
| - | <img id="AppendixImg2" src="https://static.igem.org/mediawiki/igem.org/1/14/Peking2013_home_img2.jpg" />
| |
| - | </div>
| |
| - | <div id="AppendixBox3" class="SmallBoxes">
| |
| - | <img id="AppendixImg3" src="https://static.igem.org/mediawiki/igem.org/f/f4/Peking2013_home_img3.jpg" />
| |
| - | </div>
| |
| - | <div id="AppendixBox4" class="SmallBoxes">
| |
| - | </div>
| |
| - | <div id="AppendixBox5" class="SmallBoxes">
| |
| - | </div>
| |
| - |
| |
| - | </div><!--end of major body-->
| |
| - | <img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/igem.org/c/c4/Peking_Sponsors.jpg">
| |
| - | <!--end of acknowledgement box-->
| |
| - |
| |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
| |
| - | <script type="text/javascript">
| |
| - | $(window).scroll(function(){
| |
| - | if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
| |
| - | else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
| |
| - | });
| |
| - |
| |
| - | $(window).resize(function(){
| |
| - | if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
| |
| - | else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
| |
| - | });
| |
| - |
| |
| - |
| |
| - | function MoveInSlide(SlideId)
| |
| - | {
| |
| - | $(SlideId).animate({top:"0px"});
| |
| - |
| |
| - | };
| |
| - |
| |
| - | function MoveOutSlide(SlideId)
| |
| - | {
| |
| - | $(SlideId).animate({top:"280px"});
| |
| - |
| |
| - | };
| |
| - |
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | </html>
| |
"
