Team:Peking/Project/BioSensors/XylR
From 2013.igem.org
(163 intermediate revisions not shown) | |||
Line 131: | Line 131: | ||
#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;} | #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:absolute; top:0px; left:0px; width:1200px} | #navbarlogo{position:absolute; top:0px; left:0px; width:1200px} | ||
- | #navigationbar{position:absolute; left: | + | #navigationbar{position:absolute; left:460px; top:38px; font-size:16px; font-weight:100; color:black;} |
- | #navigationbar > li {display:block; list-style-type:none; float:left; width: | + | #navigationbar > li {display:block; list-style-type:none; float:left; width:75px; height:30px; text-align:center; } |
.Navbar_Item{background-color:transparent;} | .Navbar_Item{background-color:transparent;} | ||
Line 139: | Line 139: | ||
.Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;} | .Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;} | ||
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | .Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | ||
- | .Navbar_Item:hover > ul{ display:block;} | + | .Navbar_Item:hover > ul{zoom:1; display:block;} |
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;} | .Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;} | ||
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | .Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | ||
.Navbar_Item > ul > li:hover >a {color:#D00000} | .Navbar_Item > ul > li:hover >a {color:#D00000} | ||
+ | .BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;} | ||
#Home_Sublist{position:relative; top:0px; left:-50px;} | #Home_Sublist{position:relative; top:0px; left:-50px;} | ||
- | #Team_Sublist{position:relative; top:0px; left:- | + | #Team_Sublist{position:relative; top:0px; left:-110px;} |
- | #Project_Sublist{position:relative; top:0px; left:- | + | #Project_Sublist{position:relative; top:0px; left:-180px;} |
#Model_Sublist{position:relative; top:0px; left:-140px;} | #Model_Sublist{position:relative; top:0px; left:-140px;} | ||
+ | #DataPage_Sublist{position:relative; top:0px; left:-60px;} | ||
#Safety_Sublist{position:relative; top:0px; left:-180px;} | #Safety_Sublist{position:relative; top:0px; left:-180px;} | ||
- | #HumanPractice_Sublist{position:relative; top:0px; left:- | + | #HumanPractice_Sublist{position:relative; top:0px; left:-470px;} |
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;} | #iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;} | ||
Line 158: | Line 160: | ||
#MajorBody{position:absolute; top:0px; left:0px; width:1200px; height:1019px;} | #MajorBody{position:absolute; top:0px; left:0px; width:1200px; height:1019px;} | ||
#ProjectTitle{position:absolute; left:200px; background-color:#ea5930; width:1000px; height:210px; top:150px; z-index:600;} | #ProjectTitle{position:absolute; left:200px; background-color:#ea5930; width:1000px; height:210px; top:150px; z-index:600;} | ||
- | #ProjectName{text-align:center; position:absolute; width:1000px; left:0px; top: | + | #ProjectName{text-align:center; position:absolute; width:1000px; left:0px; top:60px; border-bottom:0px; color:#FFFFFF; font-size:45px; font-family:calibri,Arial, Helvetica, sans-serif;} |
#ProjectSubname{text-align:center; position:absolute; width:1000px; left:0px; top:130px; border-bottom:0px; color:#FFFFFF; font-size:19px; font-family:calibri, Arial, Helvetica, sans-serif;} | #ProjectSubname{text-align:center; position:absolute; width:1000px; left:0px; top:130px; border-bottom:0px; color:#FFFFFF; font-size:19px; font-family:calibri, Arial, Helvetica, sans-serif;} | ||
- | #LeftNavigation{position:fixed; top:130px; float:left; width:200px; height:100%; background-color:#313131} | + | #LeftNavigation{position:fixed; top:130px; float:left; width:200px; height:100%; background-color:#313131;z-index:1200;} |
- | #SensorsListTitle{position:absolute; top:20px; left: | + | #SensorsListTitle{position:absolute; top:20px; left:20px; color:#ffffff; font-size:25px; font-family: calibri, arial, helvetica, sans-serif; text-decoration:none; border-bottom:0px;} |
#SensorsListTitle a {color:#ffffff; text-decoration:none;} | #SensorsListTitle a {color:#ffffff; text-decoration:none;} | ||
- | #SensorsList{position:absolute; top:70px; left: | + | #SensorsList{position:absolute; top:70px; left:15px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;} |
- | #SensorsList > li {display:block; list-style-type:none; width:100px; height: | + | #SensorsList > li {display:block; list-style-type:none; width:100px; height:13px; font-size:16px; text-align:left; background-color:transparent;} |
- | + | .SensorsListItem>a {color:#ffffff; text-decoration:none;} | |
+ | #SensorsListTitle:hover >a{color:#999999;} | ||
+ | .SensorsListItem:hover >a{color:#999999;} | ||
- | #SensorEditingArea{position:absolute; left:200px; top:360px; height: | + | #SensorEditingArea{position:absolute; left:200px; top:360px; height:5610px; width:1000px; background-color:#ffffff;} |
#SensorEditingArea sup{font-size: 0.83em;vertical-align: super;line-height: 0;} | #SensorEditingArea sup{font-size: 0.83em;vertical-align: super;line-height: 0;} | ||
- | + | #SensorEditingArea a{color:#ca4321; font-weight:bold;} | |
Line 182: | Line 186: | ||
#OverviewXylRoverview{text-align:center; position:absolute; top:100px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:30px;width:150px } | #OverviewXylRoverview{text-align:center; position:absolute; top:100px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:30px;width:150px } | ||
- | #OverviewXylRmechanism{text-align:center; position:absolute; top: | + | #OverviewXylRmechanism{text-align:center; position:absolute; top:100px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:30px;width:150px } |
- | #OverviewXylRprevious{text-align:center; position:absolute; top: | + | #OverviewXylRprevious{text-align:center; position:absolute; top:2750px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:30px;width:350px } |
- | #OverviewXylRour{text-align:center; position:absolute; top: | + | #OverviewXylRour{text-align:center; position:absolute; top:3220px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:30px;width:300px } |
- | #ContentXylR1{line-height:25px; text-align:justify; position:absolute; top: | + | #ContentXylR1{line-height:25px; text-align:justify; position:absolute; top:170px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #ContentXylR2{line-height:25px;text-align:justify; position:absolute; top: | + | #ContentXylR2{line-height:25px;text-align:justify; position:absolute; top:240px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
#ContentXylR3{line-height:25px;text-align:justify; position:absolute; top:1285px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | #ContentXylR3{line-height:25px;text-align:justify; position:absolute; top:1285px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
#ContentXylR4{line-height:25px;text-align:justify; position:absolute; top:1800px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | #ContentXylR4{line-height:25px;text-align:justify; position:absolute; top:1800px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
- | #ContentXylR5{line-height:25px;text-align:justify; position:absolute; top: | + | #ContentXylR5{line-height:25px;text-align:justify; position:absolute; top:2820px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #ContentXylR6{line-height:25px;text-align:justify; position:absolute; top: | + | #ContentXylR6{line-height:25px;text-align:justify; position:absolute; top:3270px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #ContentXylR7{line-height:25px;text-align:justify; position:absolute; top: | + | #ContentXylR7{line-height:25px;text-align:justify; position:absolute; top:4040px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #ContentXylR8{line-height:25px;text-align:justify; position:absolute; top: | + | #ContentXylR8{line-height:25px;text-align:justify; position:absolute; top:4630px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
#ContentXylR9{line-height:25px;text-align:justify; position:absolute; top:4840px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | #ContentXylR9{line-height:25px;text-align:justify; position:absolute; top:4840px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
- | #FigureXylR1{line-height:20px; text-align:justify; position:absolute; top: | + | #FigureXylR1{line-height:20px; text-align:justify; position:absolute; top:730px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} |
#FigureXylR2{line-height:20px; text-align:justify; position:absolute; top:1190px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | #FigureXylR2{line-height:20px; text-align:justify; position:absolute; top:1190px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | ||
#FigureXylR3{line-height:20px; text-align:justify; position:absolute; top:1700px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | #FigureXylR3{line-height:20px; text-align:justify; position:absolute; top:1700px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | ||
- | #FigureXylR4{line-height:20px; text-align:justify; position:absolute; top: | + | #FigureXylR4{line-height:20px; text-align:justify; position:absolute; top:2600px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} |
- | #FigureXylR5{line-height:20px; text-align:justify; position:absolute; top: | + | #FigureXylR5{line-height:20px; text-align:justify; position:absolute; top:3810px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} |
- | #FigureXylR6{line-height:20px; text-align:justify; position:absolute; top: | + | #FigureXylR6{line-height:20px; text-align:justify; position:absolute; top:4550px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} |
#FigureXylR7{line-height:20px; text-align:justify; position:absolute; top:4760px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | #FigureXylR7{line-height:20px; text-align:justify; position:absolute; top:4760px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | ||
- | #ReferenceXylR{line-height:20px; text-align:justify; position:absolute; top: | + | #ReferenceXylR{line-height:20px; text-align:justify; position:absolute; top:4850px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} |
- | #XylRfig1{position:absolute; top: | + | #XylRfig1{position:absolute; top:460px; width:600px; left:200px; } |
#XylRfig2{position:absolute; top:880px; width:800px; left:100px; } | #XylRfig2{position:absolute; top:880px; width:800px; left:100px; } | ||
#XylRfig3{position:absolute; top:1580px; width:600px; left:200px; } | #XylRfig3{position:absolute; top:1580px; width:600px; left:200px; } | ||
- | #XylRfig4{position:absolute; top: | + | #XylRfig4{position:absolute; top:2040px; width:720px; left:140px; } |
- | + | ||
+ | #XylRfig6{position:absolute; top:3470px; width:800px; left:100px; } | ||
+ | #XylRfig5{position:absolute; top:4170px; width:600px; left:200px; } | ||
</style> | </style> | ||
+ | |||
+ | <!--navigationbar--> | ||
<div id="navigationblock"> | <div id="navigationblock"> | ||
Line 222: | Line 229: | ||
<ul id="navigationbar"> | <ul id="navigationbar"> | ||
<li id="PKU_navbar_Home" class="Navbar_Item"> | <li id="PKU_navbar_Home" class="Navbar_Item"> | ||
- | <a href="https://2013.igem.org/Team:Peking"> | + | |
+ | <a href="https://2013.igem.org/Team:Peking">Home</a> | ||
<ul id="Home_Sublist" > | <ul id="Home_Sublist" > | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li id="PKU_navbar_Team" class="Navbar_Item"> | <li id="PKU_navbar_Team" class="Navbar_Item"> | ||
- | <a href=" | + | <a href="">Team</a> |
<ul id="Team_Sublist"> | <ul id="Team_Sublist"> | ||
+ | <div class="BackgroundofSublist"></div> | ||
<li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li> | <li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li> | ||
- | <li><a href="https://2013.igem.org/Team:Peking/Team/ | + | <li><a href="https://2013.igem.org/Team:Peking/Team/Notebook">Notebook</a></li> |
<li><a href="https://2013.igem.org/Team:Peking/Team/Attributions">Attributions</a></li> | <li><a href="https://2013.igem.org/Team:Peking/Team/Attributions">Attributions</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li id="PKU_navbar_Project" class="Navbar_Item"> | <li id="PKU_navbar_Project" class="Navbar_Item"> | ||
- | <a href="https://2013.igem.org/Team:Peking/Project"> | + | <a href="https://2013.igem.org/Team:Peking/Project">Project</a> |
<ul id="Project_Sublist"> | <ul id="Project_Sublist"> | ||
- | <li><a href="https://2013.igem.org/Team:Peking/Project/ | + | <div class="BackgroundofSublist"></div> |
+ | <li><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a></li> | ||
<li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li> | <li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li> | ||
- | <li><a href="https://2013.igem.org/Team:Peking/Project/Plugins"> | + | <li><a href="https://2013.igem.org/Team:Peking/Project/Plugins">Adaptors</a></li> |
<li><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a></li> | <li><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a></li> | ||
- | <li><a href="https://2013.igem.org/Team:Peking/Project/ | + | <li><a href="https://2013.igem.org/Team:Peking/Project/Devices">Devices</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li id="PKU_navbar_Model" class="Navbar_Item"> | <li id="PKU_navbar_Model" class="Navbar_Item"> | ||
- | <a href=" | + | <a href="">Model</a> |
<ul id="Model_Sublist"> | <ul id="Model_Sublist"> | ||
+ | <div class="BackgroundofSublist"></div> | ||
+ | <li><a href="https://2013.igem.org/Team:Peking/Model">Band-pass Filter</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Peking/ModelforFinetuning">Biosensor Fine-tuning</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:90px"> | ||
+ | <a href="">Data page</a> | ||
+ | <ul id="DataPage_Sublist"> | ||
+ | <div class="BackgroundofSublist"></div> | ||
+ | <li><a href="https://2013.igem.org/Team:Peking/DataPage/Parts">Parts</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Peking/DataPage/JudgingCriteria">Judging Criteria</a></li> | ||
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
<li id="PKU_navbar_Safety" class="Navbar_Item"> | <li id="PKU_navbar_Safety" class="Navbar_Item"> | ||
- | <a href="https://2013.igem.org/Team:Peking/Safety"> | + | <a href="https://2013.igem.org/Team:Peking/Safety">Safety</a> |
<ul id="Safety_Sublist"> | <ul id="Safety_Sublist"> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px"> | <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px"> | ||
- | <a href="https://2013.igem.org/Team:Peking/HumanPractice"> | + | <a href="https://2013.igem.org/Team:Peking/HumanPractice">Human Practice</a> |
- | <ul id="HumanPractice_Sublist"> | + | <ul id="HumanPractice_Sublist"> |
- | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire</a></li> | + | <div class="BackgroundofSublist"></div> |
- | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit"> | + | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li> |
- | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ | + | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit">Visit and Interview</a></li> |
- | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ | + | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li> |
+ | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li> | ||
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
</ul> | </ul> | ||
- | <a href="https://igem.org/ | + | <a href="https://2013.igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a> |
</div> | </div> | ||
<!--end navigationbar--> | <!--end navigationbar--> | ||
Line 272: | Line 296: | ||
<div id="ProjectTitle"> | <div id="ProjectTitle"> | ||
<h1 id="ProjectName">Biosensors</h1> | <h1 id="ProjectName">Biosensors</h1> | ||
- | |||
<img src="https://static.igem.org/mediawiki/igem.org/9/96/Peking2013-biosensortitile-zyh.jpg"/> | <img src="https://static.igem.org/mediawiki/igem.org/9/96/Peking2013-biosensortitile-zyh.jpg"/> | ||
</div> | </div> | ||
<div id="LeftNavigation"> | <div id="LeftNavigation"> | ||
- | + | <h1 id="SensorsListTitle"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></h1> | |
- | + | <ul id="SensorsList"> | |
- | + | <li class="SensorsListItem" style="font-size:18px; height:15px; width:180px; position:relative; left:-10px;">Individual Biosensors<li> | |
- | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/XylS">XylS</a><li> | |
- | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/XylR">XylR</a><li> | |
- | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/HbpR">HbpR</a><li> | |
- | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/HcaR">HcaR</a><li> | |
- | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/HpaR">HpaR</a><li> | |
- | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/HpaR#ContentHpaR4">PaaX</a><li> | |
- | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/DmpR">DmpR</a><li> | |
- | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/NahR">NahR</a><li> | |
- | + | ||
+ | <li class="SensorsListItem" style="font-size:18px; height:40px; width:180px; position:relative; left:-10px; top:25px;"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/MulticomponentAnalysis">Multi-component Analysis</a></li> | ||
+ | </ul> | ||
- | + | </div> | |
<div id="SensorEditingArea"> | <div id="SensorEditingArea"> | ||
<div > | <div > | ||
<h1 id="PageTitle">XylR</h1> | <h1 id="PageTitle">XylR</h1> | ||
- | + | ||
<h3 id="OverviewXylRmechanism"> Mechanism </h3> | <h3 id="OverviewXylRmechanism"> Mechanism </h3> | ||
- | <h4 id="OverviewXylRprevious"> Previous Engineering | + | <h4 id="OverviewXylRprevious"> Previous Engineering Efforts </h4> |
- | <h5 id="OverviewXylRour"> Our | + | <h5 id="OverviewXylRour"> Build Our Own Sensor!</h5> |
<img id="XylRfig1" src="https://static.igem.org/mediawiki/2013/e/e7/PekingiGEM2013_XylR_operon.png"/> | <img id="XylRfig1" src="https://static.igem.org/mediawiki/2013/e/e7/PekingiGEM2013_XylR_operon.png"/> | ||
Line 304: | Line 329: | ||
<img id="XylRfig3" src="https://static.igem.org/mediawiki/2013/0/0a/Peking2013_XylR_domain.png"/> | <img id="XylRfig3" src="https://static.igem.org/mediawiki/2013/0/0a/Peking2013_XylR_domain.png"/> | ||
<img id="XylRfig4" src="https://static.igem.org/mediawiki/2013/b/b8/XylR_mechanism.png"/> | <img id="XylRfig4" src="https://static.igem.org/mediawiki/2013/b/b8/XylR_mechanism.png"/> | ||
- | + | <img id="XylRfig5" src="https://static.igem.org/mediawiki/igem.org/7/7e/Peking2013_XylR_inducers_from_paper.jpg"/> | |
- | + | <img id="XylRfig6" src="https://static.igem.org/mediawiki/2013/9/9d/Peking_2013_XylR_ON-OFF.jpg"/> | |
<p id="ContentXylR1"> | <p id="ContentXylR1"> | ||
- | XylR is an intensively studied regulatory protein | + | XylR is an intensively studied regulatory protein mined from <i>Pseudomonas putida</i><a href="#ReferenceXylR"><sup>[1]</sup></a>. It responds strongly to toluene, xylene and 4-chlro-toluene, while weakly to 3-methyl benzyl alcohol<a href="#ReferenceXylR"><sup>[1]</sup></a>. |
- | + | ||
- | 4-chlro-toluene, while | + | |
</p> | </p> | ||
<p id="ContentXylR2"> | <p id="ContentXylR2"> | ||
- | XylR activates the Pu promoter | + | XylR activates the <i>Pu</i> promoter to express the "upper pathway" (<i>xylMABC</i>) when exposed to m-xylene (<b>Fig. 1</b>). It also activates the <i>Ps1</i> promoter, thus to produce another transcriptional activator, called XylS, to turn on the expression of the downstream pathway (<i>xylXYZLTEGFJGKIH</i>, the meta-cleavage operon)<a href="#ReferenceXylR"><sup>[1][2]</sup></a>(<B>Fig. 1, Fig. 2</B>). Notably, the entire regulatory network is also controlled by several global regulatory elements, such as IHF. This provides an explanation for the genetic-context-dependent performance of XylR-<i>Pu</i> pair; namely, when expressed in different bacterial species, the regulatory performance of XylR/<i>Pu</i> pair often fails<a href="#ReferenceXylR"><sup>[3]</sup></a>. Therefore, fine-tuning is probably necessary. |
- | < | + | |
- | + | ||
<p id="ContentXylR3"> | <p id="ContentXylR3"> | ||
- | The XylR protein consists of | + | The XylR protein consists of four domains (<B>Fig. 3</B>): Domain A is the sensing domain, which will conduct a conformational change upon effector binding. Previous studies showed that Domain A inhibits the DNA binding affinity before conformational change<a href="#ReferenceXylR"><sup>[4][5]</sup></a>. Domain B is a linker domain; mutations in this domain will disrupt the functional coupling and spatial interactions between Domain A and C<a href="#ReferenceXylR"><sup>[6]</sup></a>. |
- | </ | + | </br></br> |
- | + | Domain C is the activation domain with ATPase activity that is crucial for XylR dimerization. A subdomain in domain C is assumed to account for the dimerization. Domain D is the DNA binding domain featured by helix-turn-helix motif whose DNA binding is sequence-specific. | |
- | </ | + | |
- | B | + | |
- | </br> | + | |
- | + | ||
- | + | ||
- | + | ||
</p> | </p> | ||
Line 334: | Line 349: | ||
<p id="ContentXylR4"> | <p id="ContentXylR4"> | ||
- | XylR is capable of forming tetramer with | + | XylR is capable of forming tetramer when Domain C binds with ATP <a href="#ReferenceXylR"><sup>[7]</sup></a>. Without ATP, the XylR dimers could only bind to two sequence-specific DNA sites, but won't initiate transcription even exposed to inducers. As a typical σ<sup>54</sup>-dependent transcriptional activator, with the binding of ATP, two dimers of XylR tend to further cooperatively tetramerize, thus to bend the promoter region DNA with the help of integrated host factor (IHF). As a result, the transcription will be launched by the interaction between the XylR tetramer and RNA Polymerase (RNAP). ATP hydrolysis provides energy for this process <a href="#ReferenceXylR"><sup>[8]</sup></a>. |
</p> | </p> | ||
<p id="ContentXylR5"> | <p id="ContentXylR5"> | ||
- | + | Since one of the criteria of our <a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Sensor Mining</a> for aromatics-sensing transcriptional regulators is "well-studied", it can be expected that some mutants of XylR with novel aromatics-sensing characteristics have been identified. Therefore, we set out to collect the information of XylR. As expected, random mutagenesis on XylR Domain B has been performed in previous studies<a href="#ReferenceXylR"><sup>[9]</sup></a>. One XylR mutant, referred to as XylR28 in ref. [9], carries 4 point mutations in Domain A and Domain B. These point mutations endow XylR with a remarkably improved response to 2.4-DNT and TNT and a reduced response to its natural inducer, m-xylene, indicating the directed evolution may provide possibility to engineer XylR to respond to compounds that it doesn't naturally sense<a href="#ReferenceXylR"><sup>[6]</sup></a>. | |
- | + | <br/> <br/> | |
- | + | ||
+ | As discussed above, the XylR/<i>Pu</i> pair needs fine-tuning. Promoter engineering is considered to be a method. A XylR-controlled <i>Pu</i> promoter shows a high basal level. But the cognate promoter of XylR homolog, DmpR, has a fairly low basal level. We found that XylR could activate the <i>Po</i> promoter of DmpR. A hybrid promoter has been accordingly designed using the binding site of XylR from the <i>Pu</i> promoter. This design has shown that the basal level of the hybrid promoter is low and the XylR binding affinity is high<a href="#ReferenceXylR"><sup>[12]</sup></a>. | ||
</p> | </p> | ||
<p id="ContentXylR6"> | <p id="ContentXylR6"> | ||
- | + | We obtained wild type XylR from Biobrick <a href="http://parts.igem.org/Part:BBa_I723021">BBa_I723021</a> designed by iGEM07_Glasgow. To find the optimal performance of biosensor XylR/<I>Pu</I>, we combined Pr-XylR coding sequence with 8 reporter circuits adopting different inducible promoters with Ribosome Binding Sites at different intensity. They are <i>Pu</i> promoter naturally activated by XylR with B0031, B0032 and B0034; <i>Po</i> promoter which is originally regulated by DmpR with B0031, B0032 and B0034; <i>Po'</i> promoter specially designed for XylR with B0031 and B0032. Results showed that the XylR biosensor adopting <i>Pu</i> promoter with RBS B0034 obtained the optimal performance. Then this XylR biosensor was subject to ON-OFF test to determine its detection profile (<b>Fig. 5</b>). | |
- | + | ||
</p> | </p> | ||
- | <p id="ContentXylR7"> | + | <p id="ContentXylR7">As shown in <b>Fig. 5</b>, the performance of XylR is quite different from the previous studies. The conventional inducers for XylR, for instance, TOL, m-Xyl and 3-CITOL, could not elicit any significant responses. It was probably because that these hydrophobic aromatic compounds can vaporize and permeate the sealing film used in our experiment. Regarding this problem, we performed the <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content3">ON/OFF Test</a> using centrifuge tubes, rather than the conventional 96-well microplate. Results indicated that the XylR biosensor indeed give response to conventional hydrophobic compounds such as TOL and m-Xyl if the vaporization could be prevented (<b>Fig. 6</b>). |
- | + | </p> | |
+ | <p id="ContentXylR8"> | ||
+ | In summary, we have successfully constructed the XylR biosensing circuit. The aromatics-sensing profile of XylR biosensor is considerably narrow (<b>Fig. 5b</b>), making it a convenient biosensor for the presence of 4-chloro-benzyl-aldehyde and 3-methyl-aniline. Notably, we are <b>the first iGEM team</b> that demonstrates the ability of XylR to really work as a biosensor; this is probably due to our proper fine-tuning and the method to avoid the vaporization of hydrophobic aromatic compounds. | ||
</p> | </p> | ||
Line 361: | Line 378: | ||
- | + | <B>Figure 1.</B> The regulatory network of TOL pathway, including the xyl gene cluster, XylS and XylR. XylR is the master regulator that regulates <i>Pu</i> promoter (controls "upper pathway", <i>xylMABC</i>) and <i>Ps1</i> promoter (controls the expression of XylS, thus to indirectly activate the expression of "downstream pathway“, <i>xylXYZLTEGFJGKIH</i>). The xylene or its derivatives are supposed to be the typical inducers of XylR. | |
</p> | </p> | ||
<p id="FigureXylR2"> | <p id="FigureXylR2"> | ||
- | + | <B>Figure 2.</B> The TOL degradation pathway. The supposed inducers of XylR, toluene and its derivatives, are highlighted in blue. | |
</p> | </p> | ||
<p id="FigureXylR3"> | <p id="FigureXylR3"> | ||
- | + | <B>Figure 3.</B> Schematic organization of XylR protein domains. From N-terminal to C-terminal: the sensor domain A, the linker domain B, the dimerization domain C and the DNA binding domain D. | |
</p> | </p> | ||
<p id="FigureXylR4"> | <p id="FigureXylR4"> | ||
- | + | <B>Figure 4.</B> The mechanism of σ<sup>54</sup>-dependent transcription activation by XylR. <b>Step1</b>, RNAP recruitment by σ<sup>54</sup>; XylR has formed dimers when binding to DNA. | |
- | < | + | <b>Step2</b>, formation of XylR tetramer, coupled with ATP hydrolysis. <b>Step3</b>, RNAP ready to initiate transcription. <b>Step4</b>, transcription start with σ<sup>54</sup> released. See the main text for more detailed explanation of transcription activation at the <i>Pu</i> promoter. |
- | Step1 | + | |
- | < | + | |
- | Step2 | + | |
- | < | + | |
- | Step3 | + | |
- | < | + | |
- | Step4 | + | |
</p> | </p> | ||
- | <p id=" | + | <p id="FigureXylR5"><b>Figure 5.</b> The induction ratios of all 78 aromatic compounds obtained from the <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content3">ON/OFF Test</a> using <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content1">Test Protocol 1</a>. (<b>a</b>) XylR biosensor could respond to several aromatics whose induction ratios are not sufficiently high. This result was inconsistent with previous studies <a href="#ReferenceXylR"><sup>[5]</sup></a>, which is probably due to the vaporization of hydrophobic aromatic compounds, as we discussed in the main text. (<b>b</b>) The aromatics-sensing profile of XylR biosensor. The aromatic species that can elicit strong responses of XylR biosensor are highlighted in orange in the aromatics spectrum (For the convenience and clearance of data demonstration, 4-chloro-benzoate, 4-bromo-benzoate and salicylic acid are not included here for they can already be well sensed by other biosensors). The structure formula of the typical inducer(s) is also presented around the spectrum. The induction ratio was calculated by dividing the fluorescence intensity of biosensor exposed to object inducers by the basal fluorescence intensity of the biosensor itself. <a href="https://static.igem.org/mediawiki/igem.org/2/24/Peking2013_Chemicals_V3%2B.pdf">Click Here</a> for the full names of aromatic compounds. |
+ | |||
</p> | </p> | ||
- | <p id=" | + | <p id="FigureXylR6"><b>Figure 6</b>. The induction ratios of hydrophobic aromatics compounds obtained from the <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content3">ON/OFF Test</a> using the new protocol (the same with <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content1">Test Protocol 1</a> except that the experiments were performed in centrifuge tubes to avoid the vaporization). |
</p> | </p> | ||
Latest revision as of 18:18, 28 October 2013
Biosensors
XylR
Mechanism
Previous Engineering Efforts
Build Our Own Sensor!
XylR is an intensively studied regulatory protein mined from Pseudomonas putida[1]. It responds strongly to toluene, xylene and 4-chlro-toluene, while weakly to 3-methyl benzyl alcohol[1].
XylR activates the Pu promoter to express the "upper pathway" (xylMABC) when exposed to m-xylene (Fig. 1). It also activates the Ps1 promoter, thus to produce another transcriptional activator, called XylS, to turn on the expression of the downstream pathway (xylXYZLTEGFJGKIH, the meta-cleavage operon)[1][2](Fig. 1, Fig. 2). Notably, the entire regulatory network is also controlled by several global regulatory elements, such as IHF. This provides an explanation for the genetic-context-dependent performance of XylR-Pu pair; namely, when expressed in different bacterial species, the regulatory performance of XylR/Pu pair often fails[3]. Therefore, fine-tuning is probably necessary.
The XylR protein consists of four domains (Fig. 3): Domain A is the sensing domain, which will conduct a conformational change upon effector binding. Previous studies showed that Domain A inhibits the DNA binding affinity before conformational change[4][5]. Domain B is a linker domain; mutations in this domain will disrupt the functional coupling and spatial interactions between Domain A and C[6]. Domain C is the activation domain with ATPase activity that is crucial for XylR dimerization. A subdomain in domain C is assumed to account for the dimerization. Domain D is the DNA binding domain featured by helix-turn-helix motif whose DNA binding is sequence-specific.
XylR is capable of forming tetramer when Domain C binds with ATP [7]. Without ATP, the XylR dimers could only bind to two sequence-specific DNA sites, but won't initiate transcription even exposed to inducers. As a typical σ54-dependent transcriptional activator, with the binding of ATP, two dimers of XylR tend to further cooperatively tetramerize, thus to bend the promoter region DNA with the help of integrated host factor (IHF). As a result, the transcription will be launched by the interaction between the XylR tetramer and RNA Polymerase (RNAP). ATP hydrolysis provides energy for this process [8].
Since one of the criteria of our Sensor Mining for aromatics-sensing transcriptional regulators is "well-studied", it can be expected that some mutants of XylR with novel aromatics-sensing characteristics have been identified. Therefore, we set out to collect the information of XylR. As expected, random mutagenesis on XylR Domain B has been performed in previous studies[9]. One XylR mutant, referred to as XylR28 in ref. [9], carries 4 point mutations in Domain A and Domain B. These point mutations endow XylR with a remarkably improved response to 2.4-DNT and TNT and a reduced response to its natural inducer, m-xylene, indicating the directed evolution may provide possibility to engineer XylR to respond to compounds that it doesn't naturally sense[6].
As discussed above, the XylR/Pu pair needs fine-tuning. Promoter engineering is considered to be a method. A XylR-controlled Pu promoter shows a high basal level. But the cognate promoter of XylR homolog, DmpR, has a fairly low basal level. We found that XylR could activate the Po promoter of DmpR. A hybrid promoter has been accordingly designed using the binding site of XylR from the Pu promoter. This design has shown that the basal level of the hybrid promoter is low and the XylR binding affinity is high[12].
We obtained wild type XylR from Biobrick BBa_I723021 designed by iGEM07_Glasgow. To find the optimal performance of biosensor XylR/Pu, we combined Pr-XylR coding sequence with 8 reporter circuits adopting different inducible promoters with Ribosome Binding Sites at different intensity. They are Pu promoter naturally activated by XylR with B0031, B0032 and B0034; Po promoter which is originally regulated by DmpR with B0031, B0032 and B0034; Po' promoter specially designed for XylR with B0031 and B0032. Results showed that the XylR biosensor adopting Pu promoter with RBS B0034 obtained the optimal performance. Then this XylR biosensor was subject to ON-OFF test to determine its detection profile (Fig. 5).
As shown in Fig. 5, the performance of XylR is quite different from the previous studies. The conventional inducers for XylR, for instance, TOL, m-Xyl and 3-CITOL, could not elicit any significant responses. It was probably because that these hydrophobic aromatic compounds can vaporize and permeate the sealing film used in our experiment. Regarding this problem, we performed the ON/OFF Test using centrifuge tubes, rather than the conventional 96-well microplate. Results indicated that the XylR biosensor indeed give response to conventional hydrophobic compounds such as TOL and m-Xyl if the vaporization could be prevented (Fig. 6).
In summary, we have successfully constructed the XylR biosensing circuit. The aromatics-sensing profile of XylR biosensor is considerably narrow (Fig. 5b), making it a convenient biosensor for the presence of 4-chloro-benzyl-aldehyde and 3-methyl-aniline. Notably, we are the first iGEM team that demonstrates the ability of XylR to really work as a biosensor; this is probably due to our proper fine-tuning and the method to avoid the vaporization of hydrophobic aromatic compounds.
Figure 1. The regulatory network of TOL pathway, including the xyl gene cluster, XylS and XylR. XylR is the master regulator that regulates Pu promoter (controls "upper pathway", xylMABC) and Ps1 promoter (controls the expression of XylS, thus to indirectly activate the expression of "downstream pathway“, xylXYZLTEGFJGKIH). The xylene or its derivatives are supposed to be the typical inducers of XylR.
Figure 2. The TOL degradation pathway. The supposed inducers of XylR, toluene and its derivatives, are highlighted in blue.
Figure 3. Schematic organization of XylR protein domains. From N-terminal to C-terminal: the sensor domain A, the linker domain B, the dimerization domain C and the DNA binding domain D.
Figure 4. The mechanism of σ54-dependent transcription activation by XylR. Step1, RNAP recruitment by σ54; XylR has formed dimers when binding to DNA. Step2, formation of XylR tetramer, coupled with ATP hydrolysis. Step3, RNAP ready to initiate transcription. Step4, transcription start with σ54 released. See the main text for more detailed explanation of transcription activation at the Pu promoter.
Figure 5. The induction ratios of all 78 aromatic compounds obtained from the ON/OFF Test using Test Protocol 1. (a) XylR biosensor could respond to several aromatics whose induction ratios are not sufficiently high. This result was inconsistent with previous studies [5], which is probably due to the vaporization of hydrophobic aromatic compounds, as we discussed in the main text. (b) The aromatics-sensing profile of XylR biosensor. The aromatic species that can elicit strong responses of XylR biosensor are highlighted in orange in the aromatics spectrum (For the convenience and clearance of data demonstration, 4-chloro-benzoate, 4-bromo-benzoate and salicylic acid are not included here for they can already be well sensed by other biosensors). The structure formula of the typical inducer(s) is also presented around the spectrum. The induction ratio was calculated by dividing the fluorescence intensity of biosensor exposed to object inducers by the basal fluorescence intensity of the biosensor itself. Click Here for the full names of aromatic compounds.
Figure 6. The induction ratios of hydrophobic aromatics compounds obtained from the ON/OFF Test using the new protocol (the same with Test Protocol 1 except that the experiments were performed in centrifuge tubes to avoid the vaporization).
Reference: [1] Abril, M. A., Michan, C., Timmis, K. N., & Ramos, J. (1989). Regulator and enzyme specificities of the TOL plasmid-encoded upper pathway for degradation of aromatic hydrocarbons and expansion of the substrate range of the pathway.Journal of bacteriology, 171(12), 6782-6790. [2] Gerischer, U. (2002). Specific and global regulation of genes associated with the degradation of aromatic compounds in bacteria. Journal of molecular microbiology and biotechnology, 4(2), 111- 122. [3] Valls, M., Silva‐Rocha, R., Cases, I., Muñoz, A., & de Lorenzo, V. (2011). Functional analysis of the integration host factor site of the σ54Pu promoter of Pseudomonas putida by in vivo UV imprinting. Molecular microbiology, 82(3), 591-601. [4] Devos, D., Garmendia, J., Lorenzo, V. D., & Valencia, A. (2002). Deciphering the action of aromatic effectors on the prokaryotic enhancer‐binding protein XylR: a structural model of its N‐ terminal domain. Environmental microbiology, 4(1), 29-41. [5] Salto, R., Delgado, A., Michán, C., Marqués, S., & Ramos, J. L. (1998). Modulation of the function of the signal receptor domain of XylR, a member of a family of prokaryotic enhancer-like positive regulators. Journal of bacteriology,180(3), 600-604. [6] Garmendia, J., & De Lorenzo, V. (2000). The role of the interdomain B linker in the activation of the XylR protein of Pseudomonas putida. Molecular microbiology, 38(2), 401-410. [7] Tropel, D., & Van Der Meer, J. R. (2004). Bacterial transcriptional regulators for degradation pathways of aromatic compounds. Microbiology and Molecular Biology Reviews, 68(3), 474-500. [8] Pérez-Martín, J., & de Lorenzo, V. (1996). ATP Binding to the σ< sup> 54-Dependent Activator XylRTriggers a Protein Multimerization Cycle Catalyzed by UAS DNA. Cell, 86(2), 331-339. [9] de las Heras, A., Chavarría, M., & de Lorenzo, V. (2011). Association of dnt genes of Burkholderia sp. DNT with the substrate‐blind regulator DntR draws the evolutionary itinerary of 2, 4‐ dinitrotoluene biodegradation. Molecular microbiology, 82(2), 287-299. [10] de las Heras, A., & de Lorenzo, V. (2011). Cooperative amino acid changes shift the response of the σ54‐dependent regulator XylR from natural m‐xylene towards xenobiotic 2, 4‐ dinitrotoluene. Molecular microbiology, 79(5), 1248-1259. [11] Garmendia, J., De Las Heras, A., Galvão, T. C., & De Lorenzo, V. (2008). Tracing explosives in soil with transcriptional regulators of Pseudomonas putida evolved for responding to nitrotoluenes. Microbial Biotechnology, 1(3), 236-246. [12] Kim, M. N., Park, H. H., Lim, W. K., & Shin, H. J. (2005). Construction and comparison of< i> Escherichia coli whole-cell biosensors capable of detecting aromatic compounds. Journal of microbiological methods, 60(2), 235-245. [13] Garmendia, J., Devos, D., Valencia, A., & De Lorenzo, V. (2001). À la carte transcriptional regulators: unlocking responses of the prokaryotic enhancer‐binding protein XylR to non‐natural effectors. Molecular microbiology, 42(1), 47-59.