Team:Peking/Project/BioSensors/HbpR
From 2013.igem.org
XingjiePan (Talk | contribs) |
|||
(159 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:5400px; width:1000px; background-color:#ffffff;} |
- | + | #SensorEditingArea a{color:#ca4321; font-weight:bold;} | |
Line 178: | Line 182: | ||
/*SensorEditingArea*/ | /*SensorEditingArea*/ | ||
+ | sup{line-height:0px;} | ||
#PageTitle{text-align:center; position:absolute; top:40px; left:0px; width:1000px; border-bottom:0px ; color:#535353; font-weight:bold ;font-size:35px;font-family:calibri,arial,helvetica,sans-serif;} | #PageTitle{text-align:center; position:absolute; top:40px; left:0px; width:1000px; border-bottom:0px ; color:#535353; font-weight:bold ;font-size:35px;font-family:calibri,arial,helvetica,sans-serif;} | ||
- | #OverviewHbpR1{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: | + | #OverviewHbpR1{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 } |
- | #OverviewHbpR2{text-align:center; position:absolute; top: | + | #OverviewHbpR2{text-align:center; position:absolute; top:2530px ; 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 } |
#ContentHbpR1{line-height:25px; text-align:justify; position:absolute; top:150px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | #ContentHbpR1{line-height:25px; text-align:justify; position:absolute; top:150px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
- | #ContentHbpR2{line-height:25px;text-align:justify; position:absolute; top: | + | #ContentHbpR2{line-height:25px;text-align:justify; position:absolute; top:610px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #ContentHbpR3{line-height:25px;text-align:justify; position:absolute; top: | + | #ContentHbpR3{line-height:25px;text-align:justify; position:absolute; top:1090px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #ContentHbpR4{line-height:25px;text-align:justify; position:absolute; top: | + | #ContentHbpR4{line-height:25px;text-align:justify; position:absolute; top:1450px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #ContentHbpR5{line-height:25px;text-align:justify; position:absolute; top: | + | #ContentHbpR5{line-height:25px;text-align:justify; position:absolute; top:2105px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | #FigureHbpR1{line-height:20px; text-align:justify; position:absolute; top: | + | #ContentHbpR7{line-height:25px;text-align:justify; position:absolute; top:2590px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #FigureHbpR2{line-height:20px; text-align:justify; position:absolute; top: | + | #ContentHbpR8{line-height:25px;text-align:justify; position:absolute; top:3770px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #FigureHbpR3{line-height:20px; text-align:justify; position:absolute; top: | + | #ContentHbpR9{line-height:25px;text-align:justify; position:absolute; top:4355px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #FigureHbpR4{line-height:20px; text-align:justify; position:absolute; top: | + | #ContentHbpR10{line-height:25px;text-align:justify; position:absolute; top:4850px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
+ | |||
+ | #FigureHbpR1{line-height:20px; text-align:justify; position:absolute; top:530px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | ||
+ | #FigureHbpR2{line-height:20px; text-align:justify; position:absolute; top:1030px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | ||
+ | #FigureHbpR3{line-height:20px; text-align:justify; position:absolute; top:1370px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | ||
+ | #FigureHbpR4{line-height:20px; text-align:justify; position:absolute; top:2050px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | ||
#FigureHbpR5{line-height:20px; text-align:justify; position:absolute; top:3590px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | #FigureHbpR5{line-height:20px; text-align:justify; position:absolute; top:3590px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | ||
- | #FigureHbpR6{line-height:20px; text-align:justify; position:absolute; top: | + | #FigureHbpR6{line-height:20px; text-align:justify; position:absolute; top:4250px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} |
- | #FigureHbpR7{line-height:20px; text-align:justify; position:absolute; top: | + | #FigureHbpR7{line-height:20px; text-align:justify; position:absolute; top:4790px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} |
+ | #FigureHbpR8{line-height:20px; text-align:justify; position:absolute; top:2190px ; left:250px; width:600px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} | ||
- | #ReferenceHbpR{line-height:20px; text-align:justify; position:absolute; top: | + | #ReferenceHbpR{line-height:20px; text-align:justify; position:absolute; top:4950px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;} |
- | #FigurePic1{position:absolute; top:280px; left: | + | #FigurePic1{position:absolute; top:280px; left:150px; height:450px} |
- | #FigurePic2{position:absolute; top: | + | #FigurePic2{position:absolute; top:690px; left:160px; width:680px; } |
- | #FigurePic3{position:absolute; top: | + | #FigurePic3{position:absolute; top:1180px; left:120px; width:800px} |
- | #FigurePic4{position:absolute; top: | + | #FigurePic4{position:absolute; top:1695px; left:150px; width:650px} |
- | #FigurePic5{position:absolute; top: | + | #FigurePic5{position:absolute; top:3095px; left:170px; height:490px} |
- | #FigurePic6{position:absolute; top: | + | #FigurePic6{position:absolute; top:3860px; left:100px; width:800px} |
- | #FigurePic7{position:absolute; top: | + | #FigurePic7{position:absolute; top:4430px; left:230px; height:350px} |
+ | #FigurePic8{position:absolute; top:2210px; left:175px; height:300px} | ||
</style> | </style> | ||
+ | |||
+ | <!--navigationbar--> | ||
<div id="navigationblock"> | <div id="navigationblock"> | ||
Line 222: | Line 231: | ||
<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 273: | Line 299: | ||
<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">HbpR</h1> | <h1 id="PageTitle">HbpR</h1> | ||
- | <h2 id="OverviewHbpR1"> | + | <h2 id="OverviewHbpR1"> Mechanism </h2> |
<h3 id="OverviewHbpR2"> Build Our Own Sensor! </h2> | <h3 id="OverviewHbpR2"> Build Our Own Sensor! </h2> | ||
<img id="FigurePic1" src=" https://static.igem.org/mediawiki/igem.org/0/03/HbpR_Figure1_2013Peking_WH.png "/> | <img id="FigurePic1" src=" https://static.igem.org/mediawiki/igem.org/0/03/HbpR_Figure1_2013Peking_WH.png "/> | ||
- | <img id="FigurePic2" src=" https://static.igem.org/mediawiki/igem.org/ | + | <img id="FigurePic2" src=" https://static.igem.org/mediawiki/igem.org/e/e3/HbpR_Figure2_2013Peking_WH1.png "/> |
<img id="FigurePic3" src=" https://static.igem.org/mediawiki/igem.org/9/94/HbpR_Figure3_2013Peking_WH.png "/> | <img id="FigurePic3" src=" https://static.igem.org/mediawiki/igem.org/9/94/HbpR_Figure3_2013Peking_WH.png "/> | ||
- | <img id="FigurePic4" src=" https://static.igem.org/mediawiki/igem.org/ | + | <img id="FigurePic4" src=" https://static.igem.org/mediawiki/igem.org/a/a3/HbpR_Figure4_2013Peking_WH1.png "/> |
<img id="FigurePic5" src=" https://static.igem.org/mediawiki/igem.org/e/ee/HbpR_Figure5_2013Peking_WH.png "/> | <img id="FigurePic5" src=" https://static.igem.org/mediawiki/igem.org/e/ee/HbpR_Figure5_2013Peking_WH.png "/> | ||
<img id="FigurePic6" src=" https://static.igem.org/mediawiki/igem.org/a/a0/HbpR_Figure6_2013Peking_WH.png "/> | <img id="FigurePic6" src=" https://static.igem.org/mediawiki/igem.org/a/a0/HbpR_Figure6_2013Peking_WH.png "/> | ||
- | <img id="FigurePic7" src=" https://static.igem.org/mediawiki/igem.org/e/e6/ | + | <img id="FigurePic7" src="https://static.igem.org/mediawiki/2013/c/c4/Peking2013_HbpR_Figure7.PNG "/> |
+ | <img id="FigurePic8" src=" https://static.igem.org/mediawiki/igem.org/e/e6/HbpR_Table1_2013Peking_WH2.png "/> | ||
<p id="ContentHbpR1"> | <p id="ContentHbpR1"> | ||
- | HbpR is a 63 | + | HbpR is a 63 kDa prokaryotic transcriptional activators from NtrC family. It shares a highly conserved homology to members of the XylR/DmpR subclass. In our project, HbpR was <a href="https://2013.igem.org/Team:Peking/Project/SensorMining">bioinformatically mined</a> from <i>Pseudomonas azelaica</i> <a href="#ReferenceHbpR"><sup>[1]</sup></a>. <i>Pseudomonas azelaica</i> can use 2-hydroxybiphenyl (2-HBP) and 2, 2’-dihydroxybiphenyl as sole carbon and energy sources through enzymes encoded by <i>hbpCAD</i> operon in meta-cleavage pathway. |
- | < | + | |
- | + | ||
- | + | ||
</p> | </p> | ||
<p id="ContentHbpR2"> | <p id="ContentHbpR2"> | ||
- | + | The regulatory gene hbpR encodes a transcriptional activator HbpR, which activates <i>P<sub>C</sub></i> and <i>P<sub>D</sub></i> promoters when exposed to inducers (<B>Fig. 1</B>). Thus three enzyme-coding genes, <i>hbpCA</i> and <i>hbpD</i>, are expressed to degrade 2-HBP (<B>Fig. 2</B>). | |
- | The regulatory gene hbpR encodes a transcriptional activator HbpR, which activates | + | |
</p> | </p> | ||
<p id="ContentHbpR3"> | <p id="ContentHbpR3"> | ||
- | + | The HbpR protein is composed of four domains, namely Domain A, Domain B, Domain C and Domain D (<B>Fig. 3</B>) . Domain C contains an AAA+ ATPase motif <a href="#ReferenceHbpR"><sup>[2]</sup></a>. It has the ability to hydrolyze ATP and to interact with σ<sup>54</sup> to recruit RNA polymerase for transcription activation. Domain D binds to DNA via a typical helix-turn-helix motif. Domain A is necessary for the recognition of aromatic effector molecules to activate transcription. | |
- | The HbpR protein is composed of four domains, namely A | + | |
</p> | </p> | ||
<p id="ContentHbpR4"> | <p id="ContentHbpR4"> | ||
- | Generally, | + | Generally, AAA+ ATPase-dependent transcriptional activators act at a distance of 100 to 200 bp from the promoter core component, which are called enhancer-like elements or upstream activating sequences (UAS) <a href="#ReferenceHbpR"><sup>[3]</sup></a>. HbpR binds to UAS C-1 and UAS C-2. The 32-bp space sequence between the centers of UASs C-1 and C-2 is critical for the cooperative multimerization of HbpR (<B>Fig. 4</B>). |
<br/><br/> | <br/><br/> | ||
- | + | The transcription output from the <i>hbpC</i> promoter is mainly mediated by the proximal UASs C-1/C-2. However, when the UASs C-1/C-2 are deleted, the UASs C-3/C-4 still could compensate the ability of the <i>hbpC</i> promoter to be induced by 2-HBP, albeit at a much lower level. The presence of UAS pair C-1/C-2 mediated a higher promoter activity for transcription of hbpR <a href="#ReferenceHbpR"><sup>[4]</sup></a>. | |
- | + | ||
</p> | </p> | ||
<p id="ContentHbpR5"> | <p id="ContentHbpR5"> | ||
- | HbpR | + | The aromatics-sensing of HbpR regulator is quite specific. Previous studies have revealed that HbpR detects 2-hydroxybiphenyl, 2, 2-dihydroxybiphenyl and structural analogs including 2-aminobiphenl and 2-hydroxybiphenylmethane (Table 1) <a href="#ReferenceHbpR"><sup>[5]</sup></a>. |
</p> | </p> | ||
- | |||
- | |||
- | |||
<p id="ContentHbpR7"> | <p id="ContentHbpR7"> | ||
- | + | Using <i>hbpR</i> gene coding sequence, a gene circuit working as a biosensor for 2-HBP and 2-ABP was constructed, as described in the <a href="https://2013.igem.org/Team:Peking/Project/BioSensors#BiosensorContent1">Biosensor Introduction</a> section (<B>Fig. 5a</B>). | |
- | + | ||
<br/><br/> | <br/><br/> | ||
- | We | + | We first performed <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content3">ON/OFF test</a> on primary HbpR biosensor (BBa_J23106-HbpR and Pc-BBa_B0034-sfGFP) when it was exposed to various aromatic compounds following <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content1">Test Protocol 1</a>. Unfortunately, the basal expression level is considerably high and only 2-HBP and 2-ABP showed slightly induction effect. |
<br/><br/> | <br/><br/> | ||
- | Therefore, we | + | Therefore, we used a promoter library to fine-tune the expression level of HbpR to see whether this genetic tailoring could correct its performance. The expression levels of these constitutive promoters, J23109, J23113, J23114, and J23117, are 106, 21, 256, and 162, respectively, according to the <a href="http://parts.igem.org/Part:BBa_J23119">Partsregistry</a>. Results of <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content">ON/OFF test</a> showed that, the HbpR biosensor using a weak constitutive promoter (BBa_J23114) performed best (<B>Fig. 5b</B>). |
- | + | <br/><br/> | |
+ | On the basis of this improvement, we further exploited a library of RBS sequences to tune the expression level of sfGFP, because a strong RBS sequence might cause high leakage expression at <i>P<sub>C</sub></i> promoter. Experiment results showed that, for inducers 2-ABP and 2-HBP, RBS BBa_B0032 brought a higher induction ratio, compared with RBS BBa_B0031 or RBS BBa_B0034 (<B>Fig. 5c, d</B>). | ||
</p> | </p> | ||
<p id="ContentHbpR8"> | <p id="ContentHbpR8"> | ||
+ | After the HbpR biosensor with the best configuration was determined (using constitutive promoter BBa_J23114 and RBS BBa_B0032), subsequently it was subjected to <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content3">ON/OFF test</a> via <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content1">Test Protocol 1</a>. Results showed that, as expected, 2-HBP and 2-ABP elicited significant induction ratios compared with the other tested aromatic compounds (<B>Fig. 6a, b</B>). | ||
- | |||
</p> | </p> | ||
<p id="ContentHbpR9"> | <p id="ContentHbpR9"> | ||
+ | Then we carefully examined the dose-respone curves of HbpR when it was exposed to effectors 2-HBP and 2-ABP according to the <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content1">Test Protocol 1</a> (<B>Fig. 7</B>). | ||
- | |||
</p> | </p> | ||
<p id="ContentHbpR10"> | <p id="ContentHbpR10"> | ||
- | In summary, we have constructed and fine-tuned the | + | In summary, we have constructed and fine-tuned the biosensing circuit for 2-HBP and 2-ABP using HbpR protein. The aromatic-sensing profile of HbpR biosensor is quite narrow, making it an effective sensor for 2-HBP and 2-ABP, the chemicals that need to be tightly monitored due to their extremely toxicity for human health. |
</p> | </p> | ||
Line 374: | Line 393: | ||
- | + | <p id="FigureHbpR1"> | |
- | + | <B>Figure 1.</B> HbpR as the regulator to control the expression of <i>hbp</i> operon. Blue and green rectangles denote <i>hbpCA</i> and <i>hbpD</i> genes controled by <i>P<sub>C</sub></i> and <i>P<sub>D</sub></i>, respectively. The orange rectangle show the <i>hbpR</i> gene which encodes HbpR protein. When exposed to the effectors, such as 2-hydroxybiphenyl, HbpR will activate transcription at <i>P<sub>C</sub></i> and <i>P<sub>D</sub></i>. | |
- | <B> | + | |
</p> | </p> | ||
Line 383: | Line 401: | ||
<p id="FigureHbpR2"> | <p id="FigureHbpR2"> | ||
- | <B> | + | <B>Figure 2.</B> Pathway for the primary metabolism of 2-hydroxybiphenyl and 2-propylphenol in <i>P. azelaica</i> HBP1. The enzymes for each step of the degradation are also indicated . |
</p> | </p> | ||
<p id="FigureHbpR3"> | <p id="FigureHbpR3"> | ||
- | <B> | + | <B>Figure 3.</B> Schematics for the domain organization of HbpR protein. N represents the N-terminal of HbpR and C represent the C-terminal. A, B, C and D denote 4 domains of HbpR, respectively, and the numbers below them denote domain boundaries at amino-acid-sequence resolution. |
</p> | </p> | ||
<p id="FigureHbpR4"> | <p id="FigureHbpR4"> | ||
- | <B> | + | <B>Figure 4.</B> The sequences preceding <i>hbpC</i> promoter contains the binding sites for HbpR (UAS, boxed in red). Sequence numbers denote the locations of UASs relative to the transcriptional start site of hbpC and hbpD (See <b>Fig. 1</b> as reference). |
</p> | </p> | ||
<p id="FigureHbpR5"> | <p id="FigureHbpR5"> | ||
- | <B> | + | <B>Figure 5.</B> Construction and optimization of the HbpR biosensor. (<b>a</b>) Schematics for the HbpR biosensor circuit. A library of constitutive promoters preceding the coding sequence of HbpR and a library of RBS sequences preceding sfGFP, respectively were used to fine-tune the HbpR biosensor circuit. (<b>b</b>) Performance of HbpR biosensor using the constitutive promoters of different strength, described with induction ratios. The effectors 2-HBP and 2-ABP are plotted in color intensities. (<b>c</b>) Dose-response curves of HbpR when exposed to gradient concentrations of 2-ABP. Three curves represent HbpR biosensors with sfGFP controlled by RBS sequences of different strength. (<b>d</b>) As in (<b>c</b>), dose-response curves of HbpR biosensors when exposed to gradient concentrations of 2-HBP. 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. |
+ | |||
</p> | </p> | ||
<p id="FigureHbpR6"> | <p id="FigureHbpR6"> | ||
- | <B> | + | <B>Figure 6.</B> <a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols#Content3">ON/OFF test</a> results for the improved HbpR biosensor. (<b>a</b>) ON-OFF response of HbpR biosensor to overall 78 aromatic compounds. <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. The biosenor showed induction ratios higher than 10 folds when exposed to 2-HBP and 2-ABP. (<b>b</b>) The detection profile of HbpR biosensor is highlighted in yellow in the aromatics spectrum. The structure formula of typical inducer 2-HBP and 2-ABP is shown. |
</p> | </p> | ||
<p id="FigureHbpR7"> | <p id="FigureHbpR7"> | ||
- | <B> | + | <B>Figure 7.</B> Detailed dose-response curves of our best HbpR biosensor (BBa_J23114-HbpR and <i>P<sub>C</sub></i>-BBa_B0032-sfGFP), induced by 2-HBP and 2-ABP, respectively. |
</p> | </p> | ||
- | + | ||
+ | <p id="FigureHbpR8"> | ||
+ | <B>Table 1</B> <b>Summary of HbpR aromatics-sensing characteristics</b> | ||
+ | </p> | ||
Line 421: | Line 443: | ||
[5] Jaspers, M. C., Suske, W. A., Schmid, A., Goslings, D. A., Kohler, H. P. E., & van der Meer, J. R.. HbpR, a new member of the XylR/DmpR subclass within the NtrC family of bacterial transcriptional activators, regulates expression of 2-hydroxybiphenyl metabolism in Pseudomonas azelaica HBP1. Journal of bacteriology, (2000)182(2), 405-417. | [5] Jaspers, M. C., Suske, W. A., Schmid, A., Goslings, D. A., Kohler, H. P. E., & van der Meer, J. R.. HbpR, a new member of the XylR/DmpR subclass within the NtrC family of bacterial transcriptional activators, regulates expression of 2-hydroxybiphenyl metabolism in Pseudomonas azelaica HBP1. Journal of bacteriology, (2000)182(2), 405-417. | ||
<br/> | <br/> | ||
- | |||
</p> | </p> |
Latest revision as of 18:14, 28 October 2013
Biosensors
HbpR
Mechanism
Build Our Own Sensor!
HbpR is a 63 kDa prokaryotic transcriptional activators from NtrC family. It shares a highly conserved homology to members of the XylR/DmpR subclass. In our project, HbpR was bioinformatically mined from Pseudomonas azelaica [1]. Pseudomonas azelaica can use 2-hydroxybiphenyl (2-HBP) and 2, 2’-dihydroxybiphenyl as sole carbon and energy sources through enzymes encoded by hbpCAD operon in meta-cleavage pathway.
The regulatory gene hbpR encodes a transcriptional activator HbpR, which activates PC and PD promoters when exposed to inducers (Fig. 1). Thus three enzyme-coding genes, hbpCA and hbpD, are expressed to degrade 2-HBP (Fig. 2).
The HbpR protein is composed of four domains, namely Domain A, Domain B, Domain C and Domain D (Fig. 3) . Domain C contains an AAA+ ATPase motif [2]. It has the ability to hydrolyze ATP and to interact with σ54 to recruit RNA polymerase for transcription activation. Domain D binds to DNA via a typical helix-turn-helix motif. Domain A is necessary for the recognition of aromatic effector molecules to activate transcription.
Generally, AAA+ ATPase-dependent transcriptional activators act at a distance of 100 to 200 bp from the promoter core component, which are called enhancer-like elements or upstream activating sequences (UAS) [3]. HbpR binds to UAS C-1 and UAS C-2. The 32-bp space sequence between the centers of UASs C-1 and C-2 is critical for the cooperative multimerization of HbpR (Fig. 4).
The transcription output from the hbpC promoter is mainly mediated by the proximal UASs C-1/C-2. However, when the UASs C-1/C-2 are deleted, the UASs C-3/C-4 still could compensate the ability of the hbpC promoter to be induced by 2-HBP, albeit at a much lower level. The presence of UAS pair C-1/C-2 mediated a higher promoter activity for transcription of hbpR [4].
The aromatics-sensing of HbpR regulator is quite specific. Previous studies have revealed that HbpR detects 2-hydroxybiphenyl, 2, 2-dihydroxybiphenyl and structural analogs including 2-aminobiphenl and 2-hydroxybiphenylmethane (Table 1) [5].
Using hbpR gene coding sequence, a gene circuit working as a biosensor for 2-HBP and 2-ABP was constructed, as described in the Biosensor Introduction section (Fig. 5a).
We first performed ON/OFF test on primary HbpR biosensor (BBa_J23106-HbpR and Pc-BBa_B0034-sfGFP) when it was exposed to various aromatic compounds following Test Protocol 1. Unfortunately, the basal expression level is considerably high and only 2-HBP and 2-ABP showed slightly induction effect.
Therefore, we used a promoter library to fine-tune the expression level of HbpR to see whether this genetic tailoring could correct its performance. The expression levels of these constitutive promoters, J23109, J23113, J23114, and J23117, are 106, 21, 256, and 162, respectively, according to the Partsregistry. Results of ON/OFF test showed that, the HbpR biosensor using a weak constitutive promoter (BBa_J23114) performed best (Fig. 5b).
On the basis of this improvement, we further exploited a library of RBS sequences to tune the expression level of sfGFP, because a strong RBS sequence might cause high leakage expression at PC promoter. Experiment results showed that, for inducers 2-ABP and 2-HBP, RBS BBa_B0032 brought a higher induction ratio, compared with RBS BBa_B0031 or RBS BBa_B0034 (Fig. 5c, d).
After the HbpR biosensor with the best configuration was determined (using constitutive promoter BBa_J23114 and RBS BBa_B0032), subsequently it was subjected to ON/OFF test via Test Protocol 1. Results showed that, as expected, 2-HBP and 2-ABP elicited significant induction ratios compared with the other tested aromatic compounds (Fig. 6a, b).
Then we carefully examined the dose-respone curves of HbpR when it was exposed to effectors 2-HBP and 2-ABP according to the Test Protocol 1 (Fig. 7).
In summary, we have constructed and fine-tuned the biosensing circuit for 2-HBP and 2-ABP using HbpR protein. The aromatic-sensing profile of HbpR biosensor is quite narrow, making it an effective sensor for 2-HBP and 2-ABP, the chemicals that need to be tightly monitored due to their extremely toxicity for human health.
Figure 1. HbpR as the regulator to control the expression of hbp operon. Blue and green rectangles denote hbpCA and hbpD genes controled by PC and PD, respectively. The orange rectangle show the hbpR gene which encodes HbpR protein. When exposed to the effectors, such as 2-hydroxybiphenyl, HbpR will activate transcription at PC and PD.
Figure 2. Pathway for the primary metabolism of 2-hydroxybiphenyl and 2-propylphenol in P. azelaica HBP1. The enzymes for each step of the degradation are also indicated .
Figure 3. Schematics for the domain organization of HbpR protein. N represents the N-terminal of HbpR and C represent the C-terminal. A, B, C and D denote 4 domains of HbpR, respectively, and the numbers below them denote domain boundaries at amino-acid-sequence resolution.
Figure 4. The sequences preceding hbpC promoter contains the binding sites for HbpR (UAS, boxed in red). Sequence numbers denote the locations of UASs relative to the transcriptional start site of hbpC and hbpD (See Fig. 1 as reference).
Figure 5. Construction and optimization of the HbpR biosensor. (a) Schematics for the HbpR biosensor circuit. A library of constitutive promoters preceding the coding sequence of HbpR and a library of RBS sequences preceding sfGFP, respectively were used to fine-tune the HbpR biosensor circuit. (b) Performance of HbpR biosensor using the constitutive promoters of different strength, described with induction ratios. The effectors 2-HBP and 2-ABP are plotted in color intensities. (c) Dose-response curves of HbpR when exposed to gradient concentrations of 2-ABP. Three curves represent HbpR biosensors with sfGFP controlled by RBS sequences of different strength. (d) As in (c), dose-response curves of HbpR biosensors when exposed to gradient concentrations of 2-HBP. 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.
Figure 6. ON/OFF test results for the improved HbpR biosensor. (a) ON-OFF response of HbpR biosensor to overall 78 aromatic compounds. Click Here for the full names of aromatic compounds. The biosenor showed induction ratios higher than 10 folds when exposed to 2-HBP and 2-ABP. (b) The detection profile of HbpR biosensor is highlighted in yellow in the aromatics spectrum. The structure formula of typical inducer 2-HBP and 2-ABP is shown.
Figure 7. Detailed dose-response curves of our best HbpR biosensor (BBa_J23114-HbpR and PC-BBa_B0032-sfGFP), induced by 2-HBP and 2-ABP, respectively.
Table 1 Summary of HbpR aromatics-sensing characteristics
Reference:
[1] Jaspers, M. C., Suske, W. A., Schmid, A., Goslings, D. A., Kohler, H. P. E., & van der Meer, J. R. HbpR, a new member of the XylR/DmpR subclass within the NtrC family of bacterial transcriptional activators, regulates expression of 2-hydroxybiphenyl metabolism in Pseudomonas azelaica HBP1. Journal of bacteriology, (2000).182(2), 405-417.
[2] Neuwald AF, Aravind L, Spouge JL, Koonin EV AAA+: A class of chaperone-like ATPases associated with the assembly, operation, and disassembly of protein complexes. Genome Res (1999)9: 27–43
[3] Pe´rez-Martı´n J, de Lorenzo. VATP binding to the s54-dependent activator XylR triggers a protein multimerization cycle catalyzed by UAS DNA. Cell (1996) 86: 331–339
[4] Jaspers, M. C., Sturme, M., & van der Meer, J. R. Unusual location of two nearby pairs of upstream activating sequences for HbpR, the main regulatory protein for the 2-hydroxybiphenyl degradation pathway of ‘Pseudomonas azelaica’HBP1. Microbiology, (2001).147(8), 2183-2194.
[5] Jaspers, M. C., Suske, W. A., Schmid, A., Goslings, D. A., Kohler, H. P. E., & van der Meer, J. R.. HbpR, a new member of the XylR/DmpR subclass within the NtrC family of bacterial transcriptional activators, regulates expression of 2-hydroxybiphenyl metabolism in Pseudomonas azelaica HBP1. Journal of bacteriology, (2000)182(2), 405-417.