Team:NCTU Formosa/CSP design
From 2011.igem.org
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type = "text/css"> | <style type = "text/css"> | ||
- | + | ||
/*change original background*/ | /*change original background*/ | ||
- | + | ||
#top-section{ | #top-section{ | ||
height: 40px; | height: 40px; | ||
Line 10: | Line 10: | ||
border: 0; | border: 0; | ||
} | } | ||
- | + | ||
img[src*="/wiki/skins/common/images/wiki.png"]{ | img[src*="/wiki/skins/common/images/wiki.png"]{ | ||
- | + | width:0; | |
- | + | height:40px; | |
- | + | padding-right:975px; | |
- | + | background:transparent | |
url(https://static.igem.org/mediawiki/2011/0/04/Igem2011.gif) top center no-repeat; | url(https://static.igem.org/mediawiki/2011/0/04/Igem2011.gif) top center no-repeat; | ||
} | } | ||
- | + | ||
- | . | + | .firstHeading { |
display:none; | display:none; | ||
} | } | ||
- | + | ||
#search-controls { | #search-controls { | ||
display:none; | display:none; | ||
} | } | ||
- | + | ||
#globalWrapper{ | #globalWrapper{ | ||
- | background-color: #565659; | + | //background-color: #565659; |
+ | background-image:url(https://static.igem.org/mediawiki/2011/a/ae/Wallpaper2.jpg); | ||
} | } | ||
- | + | ||
#content{ | #content{ | ||
background-color: black; | background-color: black; | ||
border: 0; | border: 0; | ||
} | } | ||
- | + | ||
/*top menu*/ | /*top menu*/ | ||
- | + | ||
- | #cm- | + | #cm-nav li a.arrow {background-image: url(https://static.igem.org/mediawiki/2011/d/d4/Arrow-right.gif)} |
- | + | ||
- | #cm- | + | #cm-nav > li > a.arrow {background-image: url(https://static.igem.org/mediawiki/2011/7/73/Arrow-down.gif)} |
- | + | ||
ul#cm-nav , | ul#cm-nav , | ||
ul#cm-nav ul { | ul#cm-nav ul { | ||
- | + | list-style-type: none; | |
- | + | margin: 0 0 0 10px; | |
- | + | list-style-image: none; | |
- | + | padding: 0px | |
} | } | ||
- | + | ||
- | + | ||
ul#cm-nav li { | ul#cm-nav li { | ||
- | + | position: relative; | |
- | + | list-style-type: none; | |
- | + | margin: 0px; | |
- | + | width: auto; | |
- | + | float: left; | |
- | + | list-style-image: none; | |
- | + | padding: 0px | |
} | } | ||
- | + | ||
- | ul#cm- | + | ul#cm-nav li li { |
- | + | width: auto; | |
- | + | float: none | |
} | } | ||
- | + | ||
- | #cm- | + | #cm-nav a { |
- | + | border-bottom: black 1px solid; | |
- | + | text-align: left; | |
- | + | border-left: black 1px solid; | |
- | + | display: block; | |
- | + | white-space: nowrap; | |
- | + | background: #cccccc; | |
- | + | border-top: black 1px solid; | |
- | + | border-right: black 1px solid; | |
- | + | text-decoration: none | |
} | } | ||
- | + | ||
- | #cm- | + | #cm-nav a:focus { |
- | + | outline-style: none; | |
- | + | outline-color: invert; | |
- | + | outline-width: medium | |
} | } | ||
- | + | ||
- | #cm- | + | #cm-nav a.no-click {cursor: default} |
- | + | ||
- | #cm- | + | #cm-nav li a {margin: -1px -1px 0px 0px} |
- | + | ||
- | #cm- | + | #cm-nav li li a {margin: 0px 0px -1px} |
- | + | ||
- | #cm- | + | #cm-nav > li > a.arrow {padding-right: 14px} |
- | + | ||
- | #cm- | + | #cm-nav ul.arrow-pad > li > a {padding-right: 11px} |
- | + | ||
- | #cm- | + | #cm-nav li a.arrow , |
- | #cm- | + | #cm-nav > li > a.arrow { |
- | + | background-repeat: no-repeat; | |
- | + | background-position: right 50% | |
} | } | ||
- | + | ||
#cm-nav li:hover > a , | #cm-nav li:hover > a , | ||
- | #cm- | + | #cm-nav a {color: white} |
- | + | ||
#cm-nav li ul , | #cm-nav li ul , | ||
#cm-nav li:hover ul ul , | #cm-nav li:hover ul ul , | ||
Line 124: | Line 125: | ||
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul , | #cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul , | ||
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { | #cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { | ||
- | + | z-index: 999; | |
- | + | position: absolute; | |
- | + | display: none | |
} | } | ||
- | + | ||
- | #cm- | + | #cm-nav li:hover ul {display: block} |
- | + | ||
- | #cm- | + | #cm-nav li li:hover ul , |
- | #cm- | + | #cm-nav li li li:hover ul , |
- | #cm- | + | #cm-nav li li li li:hover ul , |
#cm-nav li li li li li:hover ul , | #cm-nav li li li li li:hover ul , | ||
#cm-nav li li li li li li:hover ul , | #cm-nav li li li li li li:hover ul , | ||
Line 151: | Line 152: | ||
#cm-nav li li li li li li li li li li li li li li li li li li li li:hover ul , | #cm-nav li li li li li li li li li li li li li li li li li li li li:hover ul , | ||
#cm-nav li li li li li li li li li li li li li li li li li li li li li:hover ul { | #cm-nav li li li li li li li li li li li li li li li li li li li li li:hover ul { | ||
- | + | display: block; | |
- | + | margin-left: 100% | |
} | } | ||
- | + | ||
- | #cm- | + | #cm-nav li:hover ul {margin-left: 0px} |
- | + | ||
- | #cm- | + | #cm-nav ul ul { |
- | + | top: 1px; | |
- | + | left: -1px | |
} | } | ||
- | + | ||
- | #cm- | + | #cm-nav li {top: -1px} |
- | + | ||
- | #cm- | + | #cm-nav li:hover > a {background-color: #565659} |
- | + | ||
- | #cm- | + | #cm-nav a { |
background-color: black; | background-color: black; | ||
border-color: black; | border-color: black; | ||
font-weight: bold; | font-weight: bold; | ||
- | font-family: Calibri, Verdana, | + | font-family: Calibri, Verdana, helvetica, sans-serif; |
- | font-size: | + | font-size: 12pt; |
font-variant: normal; | font-variant: normal; | ||
padding-left: 10px; | padding-left: 10px; | ||
Line 178: | Line 179: | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
} | } | ||
- | + | ||
<style type = "text/javascript" language = "JavaScript"> | <style type = "text/javascript" language = "JavaScript"> | ||
- | + | function out(id_num){ | |
- | + | var oa = document.getElementById(id_num); | |
- | + | if(oa.style.display == "none"){ | |
- | + | oa.style.display = "block"; | |
- | + | } | |
- | + | return false; | |
- | } | + | } |
- | </script> | + | </script> |
- | + | ||
/*content*/ | /*content*/ | ||
- | + | ||
.titleDesign{ | .titleDesign{ | ||
color: white; | color: white; | ||
- | font-family: Calibri, Verdana, | + | font-family: Calibri, Verdana, helvetica, sans-serif; |
font-weight: bold; | font-weight: bold; | ||
font-size: 20px; | font-size: 20px; | ||
font-variant: normal; | font-variant: normal; | ||
- | direction:ltr; | + | direction:ltr; |
} | } | ||
- | + | ||
.cont{ | .cont{ | ||
font-size: 14px; | font-size: 14px; | ||
color: white; | color: white; | ||
} | } | ||
- | + | ||
- | #banner{ | + | #banner{ position:relative; |
- | + | margin-left: 10px; | |
- | + | background-color: black; | |
- | + | height:240px; | |
- | + | width: 944px; | |
} | } | ||
- | + | ||
- | # | + | #blueBox { position:relative; |
- | + | margin-left: 10px; | |
- | + | margin-bottom: -5px; | |
- | + | margin-top:-3px; | |
- | + | background-color: #000066; | |
- | + | filter:alpha(opacity=90);opacity:0.9;zoom:1; | |
- | + | height:auto; | |
- | + | width: 924px; | |
- | + | ||
} | } | ||
- | # | + | #blueBox { color: white; |
- | + | font-family: Calibri, Verdana, helvetica, sans-serif; | |
- | + | font-weight: bold; | |
- | + | font-size: 20px; | |
- | + | font-variant: normal; | |
- | + | direction:ltr; | |
- | + | padding-left: 10px; | |
- | + | padding-right: 10px; | |
} | } | ||
- | # | + | #Box1 { position:relative; |
- | + | margin: 0px 0px 0px 10px; | |
- | + | background-color: #ede8e2 ; | |
- | + | filter:alpha(opacity=95);opacity:0.95;zoom:1; | |
- | + | height:auto; | |
- | + | width: 924px; | |
- | + | ||
} | } | ||
- | # | + | #Box1 { color: black; |
- | + | font-family: Calibri, Verdana, helvetica, sans-serif; | |
- | + | font-weight: normal; | |
- | + | font-size: 12px; | |
- | + | font-variant: normal; | |
- | + | direction:ltr; | |
- | + | padding: 0 10px 0 10px; | |
} | } | ||
- | # | + | #Box { position:relative; |
- | + | margin: 0px 0px 0px 10px; | |
- | + | background-color: #ede8e2 ; | |
- | + | filter:alpha(opacity=98);opacity:0.98;zoom:1; | |
- | + | height:auto; | |
- | + | width: 864px; | |
- | + | ||
} | } | ||
- | # | + | #Box { color: black; |
- | + | font-family: Calibri, Verdana, helvetica, sans-serif; | |
- | + | font-size: 18px; | |
- | + | font-variant: normal; | |
- | + | direction:ltr; | |
- | + | padding: 10px 40px 20px 40px; | |
- | + | text-align: justify; | |
} | } | ||
- | + | ||
- | # | + | #linkBox { position:absolute; |
- | + | margin-left: -40px; | |
- | + | margin-bottom: -10px; | |
- | + | margin-top:-10px; | |
- | + | background-color: #000066; | |
- | + | filter:alpha(opacity=80);opacity:0.8;zoom:1; | |
- | + | height:auto; | |
- | + | width: 924px; | |
- | + | ||
} | } | ||
- | # | + | #linkBox { color: white; |
- | + | font-family: Calibri, Verdana, helvetica, sans-serif; | |
- | + | font-weight: bold; | |
- | + | font-size: 18px; | |
- | + | font-variant: normal; | |
- | + | direction:ltr; | |
- | + | padding-left: 20px; | |
- | + | ||
} | } | ||
- | + | ||
- | + | ||
- | # | + | #sideBox { position: absolute; |
- | + | top: 304px; | |
- | + | left: 720px; | |
- | + | height: 975px; | |
- | + | width: 240px; | |
- | + | background-color: #ede8e2; | |
} | } | ||
- | h2{font-family: Calibri, Verdana, | + | h2{font-family: Calibri, Verdana, helvetica, sans-serif; |
- | + | font-size: 20px; | |
- | + | font-weight: bold; | |
} | } | ||
- | + | ||
- | + | ||
</style> | </style> | ||
<style> | <style> | ||
- | + | ||
- | + | table { | |
- | + | border: 0; | |
- | + | font-family: Calibri, Verdana, helvetica, sans-serif; | |
- | + | font-size:18px; | |
- | + | background-color: #ede8e2; | |
- | + | margin: 5px 0 5px 0; | |
- | + | padding: 5px 0 5px 10px; | |
- | + | text-align:top; | |
- | } | + | } |
td{vertical-align:top;} | td{vertical-align:top;} | ||
- | + | ||
- | h3 { | + | h3 { font-size: 20px; |
- | + | text-align:right; | |
- | + | text-shadow: #C0C0C0 0px 0px 2px; | |
- | + | vertical-align: baseline; | |
- | + | } | |
- | div. | + | div.intro img { |
- | + | border-color: white ; | |
- | + | border-style:solid; | |
- | + | float:left; | |
- | + | width:expression(this.width>500?"250px":this.width+"px"); | |
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</style> | </style> | ||
- | + | ||
- | + | ||
</head> | </head> | ||
- | + | ||
<body> | <body> | ||
- | + | ||
- | + | ||
- | <div id="banner">< | + | <div id="banner"><a href = "https://2011.igem.org/Team:NCTU_Formosa"><img src = "https://static.igem.org/mediawiki/2011/8/8c/Banner010.jpg" height="236" width="944"/></a></div> |
- | + | ||
- | + | ||
- | < | + | <ul id="cm-nav"> |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa">Home</a></li> | |
- | + | <li><a onClick="out('cm=nav')" class="arrow">Team </a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/members">Members</a></li> | |
- | + | <li><a href="http://www.nctu.edu.tw/english/index.php">School</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/gallery">Gallery</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a onClick="out('cm=nav')" class="arrow">Project</a> | |
- | + | <ul class="arrow-pad"> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/introduction">Introduction</a></li> | |
- | + | <li><a onClick="out('cm=nav')" class="arrow">RNA Thermometer</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_design">Design</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_data">Data</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_discussion">Modeling</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a onClick="out('cm=nav')" class="arrow">CI promoter </a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_design">Design</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_data">Data</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_discussion">Modeling</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a onClick="out('cm=nav')" class="arrow">Carotenoid synthesis pathway</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_design">Design</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_data">Data</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a onClick="out('cm=nav')" class="arrow">Butanol pathway</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_design">Design</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_data">Data</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a onClick="out('cm=nav')" class="arrow">Violacein pathway</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_design">Design</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_data">Data</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/modeling">Measurements</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/parts">Parts</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/safty">Safety</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/humanpractice">Human Practice</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/contributions">Attribution</a></li> | |
- | + | <li><a onClick="out('cm=nav')" class="arrow">Notebook </a> | |
- | + | <ul> | |
- | + | <li><a onClick="out('cm=nav')" class="arrow">Protocols</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol">Mutation</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol_F">Flow Cytometry</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol_G">GC</a></li> | |
- | + | </ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/calendar">Calendar</a></li> | |
- | + | </ul> | |
- | + | </li> | |
</ul> | </ul> | ||
Revision as of 19:22, 4 October 2011
Carotenoid Pathway
Design
This pathway explain how Fernesyl Diphosphate is catalyzed to Zeathaxine.There are three color products in the pathway:red Lycopene, orange beta-Carotene and yellow Zeathaxine.
This pathway explain how Fernesyl Diphosphate is catalyzed to Zeathaxine.There are three color products in the pathway:red Lycopene, orange beta-Carotene and yellow Zeathaxine.Figure 1. The overview of the Carotenoid pathway
Lycopene
is a bright red carotenoid pigment but has no Vit A activity . Lycopene is also an important intermediate in the biosynthesis of many carotenoids.
Bata-Carotene
is a strong red-orange pigment abundant in plants and fruits. It’s a member of carotenes and it can be distinguished by two beta-rings at both ends of the molecule. beta–Carotene is the most well-known pre-Vit A among all the carotenoids.
Zeaxanthin
is one of the two primary xanthophyll carotenoids contained within the retina of the eye. Zeaxanthin provides the primary yellow pigment.Figure 2. BBa_K539151 on psb3T5 and BBa_K539281 on psb4A5 into host cell DH5 α.
The main concept of the Pathway Commander is to control the flux through the metabolic pathway. Therefore, we choose the Carotenoid synthesis Pathway that can easily display different steps in the pathway by different colors.
If E.coli is incubating below 37℃, mRNAs cannot be translated by ribosomes, because temperature-sensitive RBS(ribosome biding site) BBa_K115002 forms the hairpin. A ribosome cannot bind to the RBS so that it cannot translate CrtY BBa_K118008. As a result, the E.coli only can produce CrtE, CrtB and CrtI BBa_K346090 which convert colorless Farnesyl pyrophosphate to red Lycopene.
When the temperature is at 37℃ or higher, the hairpin is denatured so temperature-sensitive RBS BBa_K115002 is activated . CrtY BBa_K118008 is translated, which convert red Lycopene to orange beta-Carotene.
In the other circuit we cotransform into. When we increase the temperature to 42℃, the CI proteins BBa_K098997, the repressor of cI regulated promoter BBa_R0051, are fully denatured. Then the cI regulated promoter is activated and CrtZ BBa_I742158 is produced, converting the orange beta-carotene to yellow Zeaxanthin.