http://2013hs.igem.org/wiki/index.php?title=Special:Contributions/EricLee&feed=atom&limit=50&target=EricLee&year=&month=
2013hs.igem.org - User contributions [en]
2024-03-29T05:29:50Z
From 2013hs.igem.org
MediaWiki 1.16.5
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-22T05:11:28Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px;position: relative;}<br />
.nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative; }<br />
.nav .menu{background-position:right -42px;float:left;}<br />
.nav .menu_parent{background-position:right 0;float:left;}<br />
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}<br />
.nav_sub{display:none;position: absolute; left: 0; top: 42px;white-space:nowrap;}<br />
.nav_sub li{display:block;padding:0 14px; height:42px;}<br />
.nav_sub li a{color:#ffffff;}<br />
.nav_sub .menu{background-position:left -42px;float:none}<br />
.nav_sub .active{background-position:left -126px;float:none}<br />
.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}<br />
.biosafety ul{display:block;padding-bottom:5px;}<br />
.biosafety li{color:#3b3b3b; font-size:16px; list-style-type: disc; margin-left:15px; padding-top:5px;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project,.results { padding-bottom:100px;}<br />
.project p,.results p{ font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img,.results p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span,.results p span{ font-style:italic}<br />
.results .title{color:#3b3b3b; font-size:20px;padding:5px 0 0 0;}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-22T05:10:33Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px;position: relative;}<br />
.nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative; }<br />
.nav .menu{background-position:right -42px;float:left;}<br />
.nav .menu_parent{background-position:right 0;float:left;}<br />
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}<br />
.nav_sub{display:none;position: absolute; left: 0; top: 42px;white-space:nowrap;}<br />
.nav_sub li{display:block;padding:0 14px; height:42px;}<br />
.nav_sub li a{color:#ffffff;}<br />
.nav_sub .menu{background-position:left -42px;float:none}<br />
.nav_sub .active{background-position:left -126px;float:none}<br />
.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}<br />
.biosafety ul{display:block;padding-bottom:5px;}<br />
.biosafety li{color:#3b3b3b; font-size:16px; list-style-type: disc; margin-left:15px; padding-top:5px;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project,.results { padding-bottom:100px;}<br />
.project p,.results p{ font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img,,.results p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span,,.results p span{ font-style:italic}<br />
.results .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Results
Team:Shenzhen SFLS/Results
2013-06-22T05:09:56Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=6&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"> <br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<div class="results"><br />
<h1 class="title">Results for Shenzhen_SFLS</h1><br />
<p><br />
After we finished our project, we started to test it. We test two part of our project. The first one is our Device One. We tested its response to Pi starvation. Here is the results diagram.<br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e1/Results_img_0.jpg" width="704" height="504" alt="" /><br />
</p> <br />
<p>In this diagram we can find that Device one can be induced by phosphate starvation. When the concentration of dipotassium phosphate is 0.03μM we can see that our sensor reached a peak because our promoter can be activated by Pi starvation.</p><br />
<p>Next is our whole Device. We tested when the green fluorescence would vanish and red fluorescence occur. Here is another diagram.</p><br />
<p>This diagram shows that after several hours the amount of green fluorescence decreases, which means the work has been done and red fluorescence will occur.</p><br />
<p><img src="https://static.igem.org/mediawiki/2013hs/c/c3/Results_img_1.jpg" width="704" height="504" alt="" /></p><br />
<p>This result clearly pointed out that our product can work smoothly. The Pi starvation promoter is working well too. Our experiments have reached a success at last.</p><br />
</div> <br />
</div><br />
</div><br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(4);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Results
Team:Shenzhen SFLS/Results
2013-06-22T05:09:35Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=6&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"> <br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<div class="results"><br />
<h1 class="hide">Results for Shenzhen_SFLS</h1><br />
<p><br />
After we finished our project, we started to test it. We test two part of our project. The first one is our Device One. We tested its response to Pi starvation. Here is the results diagram.<br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e1/Results_img_0.jpg" width="704" height="504" alt="" /><br />
</p> <br />
<p>In this diagram we can find that Device one can be induced by phosphate starvation. When the concentration of dipotassium phosphate is 0.03μM we can see that our sensor reached a peak because our promoter can be activated by Pi starvation.</p><br />
<p>Next is our whole Device. We tested when the green fluorescence would vanish and red fluorescence occur. Here is another diagram.</p><br />
<p>This diagram shows that after several hours the amount of green fluorescence decreases, which means the work has been done and red fluorescence will occur.</p><br />
<p><img src="https://static.igem.org/mediawiki/2013hs/c/c3/Results_img_1.jpg" width="704" height="504" alt="" /></p><br />
<p>This result clearly pointed out that our product can work smoothly. The Pi starvation promoter is working well too. Our experiments have reached a success at last.</p><br />
</div> <br />
</div><br />
</div><br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(4);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/File:Results_img_1.jpg
File:Results img 1.jpg
2013-06-22T05:09:09Z
<p>EricLee: </p>
<hr />
<div></div>
EricLee
http://2013hs.igem.org/File:Results_img_0.jpg
File:Results img 0.jpg
2013-06-22T05:08:29Z
<p>EricLee: </p>
<hr />
<div></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-22T05:08:00Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px;position: relative;}<br />
.nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative; }<br />
.nav .menu{background-position:right -42px;float:left;}<br />
.nav .menu_parent{background-position:right 0;float:left;}<br />
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}<br />
.nav_sub{display:none;position: absolute; left: 0; top: 42px;white-space:nowrap;}<br />
.nav_sub li{display:block;padding:0 14px; height:42px;}<br />
.nav_sub li a{color:#ffffff;}<br />
.nav_sub .menu{background-position:left -42px;float:none}<br />
.nav_sub .active{background-position:left -126px;float:none}<br />
.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}<br />
.biosafety ul{display:block;padding-bottom:5px;}<br />
.biosafety li{color:#3b3b3b; font-size:16px; list-style-type: disc; margin-left:15px; padding-top:5px;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project,.results { padding-bottom:100px;}<br />
.project p,.results p{ font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img,,.results p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span,,.results p span{ font-style:italic}<br />
,.results .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Results
Team:Shenzhen SFLS/Results
2013-06-22T03:11:06Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"> <br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Protocols</h1><br />
<div class="protocols"><br />
<div class="protocols_item first_row"><br />
<p>Result</p><br />
</p><br />
<p>After we finished our project, we started to test it. We test two part of our project. The first one is our Device One. We tested its response to Pi starvation. Here is the results diagram.</p><br />
</p><br />
<p>In this diagram we can find that Device one can be induced by phosphate starvation. When the concentration of dipotassium phosphate is 0.03μM we can see that our sensor reached a peak because our promoter can be activated by Pi starvation.</p><br />
</p><br />
<p>Next is our whole Device. We tested when the green fluorescence would vanish and red fluorescence occur. Here is another diagram.</p><br />
</p><br />
<p>This diagram shows that after several hours the amount of green fluorescence decreases, which means the work has been done and red fluorescence will occur.</p><br />
</p><br />
<p>This result clearly pointed out that our product can work smoothly. The Pi starvation promoter is working well too. Our experiments have reached a success at last.</p<br />
</ul><br />
</div><br />
</div> <br />
</div><br />
</div><br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(4);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Results
Team:Shenzhen SFLS/Results
2013-06-22T03:04:44Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
--><br />
<p>Result</p><br />
</p><br />
<p>After we finished our project, we started to test it. We test two part of our project. The first one is our Device One. We tested its response to Pi starvation. Here is the results diagram.</p><br />
</p><br />
<p>In this diagram we can find that Device one can be induced by phosphate starvation. When the concentration of dipotassium phosphate is 0.03μM we can see that our sensor reached a peak because our promoter can be activated by Pi starvation.</p><br />
</p><br />
<p>Next is our whole Device. We tested when the green fluorescence would vanish and red fluorescence occur. Here is another diagram.</p><br />
</p><br />
<p>This diagram shows that after several hours the amount of green fluorescence decreases, which means the work has been done and red fluorescence will occur.</p><br />
</p><br />
<p>This result clearly pointed out that our product can work smoothly. The Pi starvation promoter is working well too. Our experiments have reached a success at last.</p><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-22T02:35:48Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. <br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
</p><br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.<br />
<img src="https://static.igem.org/mediawiki/2013hs/d/d9/Project_img_2.jpg" width="800" height="284" alt="" /> <br />
Frist we designed a genetic circuit which can test how the work has been done. We wanted to find a promoter which can only be induced by Pi starvation. Then there is a suppressor protein and an <span>rfp</span>. A double terminator is at the end of this device. This device can only work when the concentration of Pi is low. And the water will show red fluorescence. The red can also be a signal of ‘STOP’, which means the work has already finished.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e2/Project_img_3.jpg" width="800" height="244" alt="" /> <br />
Next we designed a second device for removing the phosphate. The promoter of this device is repressed by the protein in Device one, which means when the concentration of Pi is low, Device two will be limited and stop working. Then we wanted to find a CDS which can remove phosphate from water. And a <span>gfp</span>+LVA(degradation tag) with a terminator at the end. When this device is working, The CDS will remove the phosphate from water and meanwhile the gfp+LVA will show green fluorescence, just like the green traffic signal. This device is mainly used for removing phosphate.<br />
</p><br />
<p>This photo can show you how the two device are linked<br />
<img src="https://static.igem.org/mediawiki/2013hs/8/87/Project_img_4.jpg" width="800" height="525" alt="" /> <br />
When we put our product into the water which has a very high concentration of phosphate, Device one will be limited and Device two will be activated. Then the water will show green fluorescence which means our product is removing Pi.<br />
</p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013hs/b/bf/Project_img_5.jpg" width="800" height="458" alt="" /><br />
After a period of time, due to Device two’s work, the concentration of Pi decreases, then Device one will be activated because of Pi starvation. The suppressor protein will repress Device two. Device one will work and show red fluorescence to tell us that the work has been finished.<br />
</p><br />
<p>That’s the idea of our project, we then started searching for files that support our idea. First we searched for a CDS which can digest phosphate. Then after weeks of searching we found Polyphosphate Kinase, also known as PPK. It is a kind of enzyme widely distributed in ecosystem, more importantly, it can be found in E-coli. Here this picture below can show you how it works.<br />
<img src="https://static.igem.org/mediawiki/2013hs/c/cd/Project_img_6.jpg" width="800" height="298" alt="" /><br />
</p><br />
<p>We found its genetic sequence and we used PCR to made it a standard biobrick. Then we started to find the promoters of our product. Finally we found the Pi Starvation Promoter(BBa_K737023), it’s not on the kits so we again designed its primer and used PCR.</p><br />
<p>For the protein we used TetR protein(BBa_C0040)</p><br />
<p>Now it’s time for our final genetic circuit. Take a look!<br />
<img src="https://static.igem.org/mediawiki/2013hs/7/72/Project_img_7.jpg" width="800" height="262" alt="" /><br />
</p><br />
<p>Result</p><br />
</p><br />
<p>After we finished our project, we started to test it. We test two part of our project. The first one is our Device One. We tested its response to Pi starvation. Here is the results diagram.</p><br />
</p><br />
<p>In this diagram we can find that Device one can be induced by phosphate starvation. When the concentration of dipotassium phosphate is 0.03μM we can see that our sensor reached a peak because our promoter can be activated by Pi starvation.</p><br />
</p><br />
<p>Next is our whole Device. We tested when the green fluorescence would vanish and red fluorescence occur. Here is another diagram.</p><br />
</p><br />
<p>This diagram shows that after several hours the amount of green fluorescence decreases, which means the work has been done and red fluorescence will occur.</p><br />
</p><br />
<p>This result clearly pointed out that our product can work smoothly. The Pi starvation promoter is working well too. Our experiments have reached a success at last.</p<br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-21T18:43:57Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px;position: relative;}<br />
.nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative; }<br />
.nav .menu{background-position:right -42px;float:left;}<br />
.nav .menu_parent{background-position:right 0;float:left;}<br />
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}<br />
.nav_sub{display:none;position: absolute; left: 0; top: 42px;white-space:nowrap;}<br />
.nav_sub li{display:block;padding:0 14px; height:42px;}<br />
.nav_sub li a{color:#ffffff;}<br />
.nav_sub .menu{background-position:left -42px;float:none}<br />
.nav_sub .active{background-position:left -126px;float:none}<br />
.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}<br />
.biosafety ul{display:block;padding-bottom:5px;}<br />
.biosafety li{color:#3b3b3b; font-size:16px; list-style-type: disc; margin-left:15px; padding-top:5px;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-21T18:38:27Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px;position: relative;}<br />
.nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative; }<br />
.nav .menu{background-position:right -42px;float:left;}<br />
.nav .menu_parent{background-position:right 0;float:left;}<br />
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}<br />
.nav_sub{display:none;position: absolute; left: 0; top: 42px;white-space:nowrap;}<br />
.nav_sub li{display:block;padding:0 14px; height:42px;}<br />
.nav_sub li a{color:#ffffff;}<br />
.nav_sub .menu{background-position:left -42px;float:none}<br />
.nav_sub .active{background-position:left -126px;float:none}<br />
.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}<br />
.biosafety ul{display:block;padding-bottom:5px;}<br />
.biosafety li{color:#3b3b3b; font-size::16px; list-style-type: disc; margin-left:15px; padding-top:5px;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-21T18:36:40Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px;position: relative;}<br />
.nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative; }<br />
.nav .menu{background-position:right -42px;float:left;}<br />
.nav .menu_parent{background-position:right 0;float:left;}<br />
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}<br />
.nav_sub{display:none;position: absolute; left: 0; top: 42px;white-space:nowrap;}<br />
.nav_sub li{display:blockpadding:0 14px; height:42px;}<br />
.nav_sub li a{color:#ffffff;}<br />
.nav_sub .menu{background-position:left -42px;float:none}<br />
.nav_sub .active{background-position:left -126px;float:none}<br />
.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}<br />
.biosafety ul{display:block;padding-bottom:5px;}<br />
.biosafety li{color:#3b3b3b; font-size::16px; list-style-type: disc; margin-left:15px; padding-top:5px;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Results
Team:Shenzhen SFLS/Results
2013-06-21T18:26:45Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"> <br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Protocols</h1><br />
<div class="protocols"><br />
<img src="https://static.igem.org/mediawiki/2013hs/a/a8/Protocols_img.jpg" width="939" height="328" alt="protocols" /><br />
<div class="protocols_item first_row"><br />
<h2 class="title">DNA Purification</h2><br />
<ul><li><p>EZNA Gel Extraction</p></li><br />
<li><p>EZNA Miniprep</p></li><br />
<li><p>Qiagen Gel Extraction</p></li><br />
<li><p>Qiagen Miniprep</p></li><br />
</ul><br />
</div><br />
<div class="protocols_item"><br />
<h2 class="title">DNA Purification</h2><br />
<ul><li><p>EZNA Gel Extraction</p></li><br />
<li><p>EZNA Miniprep</p></li><br />
<li><p>Qiagen Gel Extraction</p></li><br />
<li><p>Qiagen Miniprep</p></li><br />
</ul><br />
</div><br />
<div class="protocols_item"><br />
<h2 class="title">DNA Purification</h2><br />
<ul><li><p>EZNA Gel Extraction</p></li><br />
<li><p>EZNA Miniprep</p></li><br />
<li><p>Qiagen Gel Extraction</p></li><br />
<li><p>Qiagen Miniprep</p></li><br />
</ul><br />
</div><br />
<div class="protocols_item"><br />
<h2 class="title">DNA Purification</h2><br />
<ul><li><p>EZNA Gel Extraction</p></li><br />
<li><p>EZNA Miniprep</p></li><br />
<li><p>Qiagen Gel Extraction</p></li><br />
<li><p>Qiagen Miniprep</p></li><br />
</ul><br />
</div><br />
</div> <br />
</div><br />
</div><br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(4);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-21T18:08:36Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
<br />
<br />
<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px;position: relative;}<br />
.nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative; }<br />
.nav .menu{background-position:right -42px;float:left;}<br />
.nav .menu_parent{background-position:right 0;float:left;}<br />
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}<br />
.nav_sub{display:none;position: absolute; left: 0; top: 42px;white-space:nowrap;}<br />
.nav_sub li{display:block;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav_sub li a{color:#ffffff;}<br />
.nav_sub .menu{background-position:left -42px}<br />
.nav_sub .active{background-position:left -126px}.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}<br />
.biosafety ul{display:block;padding-bottom:5px;}<br />
.biosafety li{color:#3b3b3b; font-size::16px; list-style-type: disc; margin-left:15px; padding-top:5px;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts
Team:Shenzhen SFLS/comm/javascripts
2013-06-21T18:07:15Z
<p>EricLee: </p>
<hr />
<div>function menu_active(_index) {<br />
<br />
var $menu = $('<ul></ul>');<br />
var $menu_sub=$('<ul class="nav_sub"></ul>');;<br />
var $menu_context;<br />
var _menuItem = [{ 'txt': 'Home','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS','submenu':[] },<br />
{ 'txt': 'Team','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Team','submenu':[] },<br />
{ 'txt': 'Project','menu':'menu_parent', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Project',<br />
'submenu':[{'txt': 'biosafety','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Biosafety'}] },<br />
{ 'txt': 'Notebook','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Notebook','submenu':[] },<br />
{ 'txt': 'Results','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Results' ,'submenu':[]},<br />
{ 'txt': 'Human practices','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Human' ,'submenu':[]}];<br />
<br />
for (var i = 0; i < _menuItem.length; i++) {<br />
$menu_context=$('<li class="' +_menuItem[i].menu+ '"></li>');<br />
$menu_context.append('<a href=' + _menuItem[i].link + '>' + _menuItem[i].txt + '</a>');<br />
if(_menuItem[i].submenu.length>0){<br />
for(var j=0;j<_menuItem[i].submenu.length;j++){<br />
$menu_sub.append('<li class="' +_menuItem[i].submenu[j].menu+ '"><a href=' + _menuItem[i].submenu[j].link + '>' + _menuItem[i].submenu[j].txt + '</a></li>');<br />
}<br />
$menu_context.append($menu_sub);<br />
}<br />
$menu.append($menu_context);<br />
}<br />
$('.nav').append($menu);<br />
$('.nav li').hover(<br />
function () {<br />
if(_menuItem[$(this).index()].menu=='menu')<br />
$(this).addClass('active');<br />
else<br />
$(this).addClass('active_parent'); <br />
}, function () {<br />
$(this).removeClass('active');<br />
$(this).removeClass('active_parent');<br />
});<br />
<br />
$('.nav .menu_parent,.nav .active_parent,.nav .active_parent_select').hover(<br />
function () {<br />
$(".nav_sub").slideDown('fast').show(); <br />
}, function () {<br />
$(".nav_sub").slideUp('slow'); <br />
});<br />
<br />
if(_menuItem[_index].menu=='menu')<br />
$('.nav li').siblings().eq(_index).addClass('active_select');<br />
else<br />
$('.nav li').siblings().eq(_index).addClass('active_parent_select'); <br />
<br />
}</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-21T17:15:37Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
<br />
<br />
<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px}<br />
.nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative; }<br />
.nav .menu{background-position:right -42px;float:left;}<br />
.nav .menu_parent{background-position:right 0;float:left;}<br />
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;*}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}<br />
.nav_sub{display:none;position: absolute; left: 0; top: 42px;*width:70px;min-width:70px;padding:0 20px 0 0;}<br />
.nav_sub .menu{background-position:left -42px}<br />
.nav_sub .active{background-position:left -126px}<br />
.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}<br />
.biosafety ul{display:block;padding-bottom:5px;}<br />
.biosafety li{color:#3b3b3b; font-size::16px; list-style-type: disc; margin-left:15px; padding-top:5px;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Biosafety
Team:Shenzhen SFLS/Biosafety
2013-06-21T17:12:38Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?var=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">biosafety</h1><br />
<div class="biosafety"><br />
<h2 class="title">Biosafety for Shenzhen_SFLS</h2><br />
<p>We use the lab of BGI-Shenzhen. Since the first day we arrived at the lab, we were told to protect ourselves. Then we started a series of safety course. Here is the course we took.</p><br />
<ul><li>General Safety </li><br />
<li>Laboratory Dressing and protection </li><br />
<li>Equipment using</li><br />
<li>Chemical classification</li><br />
<li>Bacterial safety</li><br />
</ul><br />
<p>Our project is 100% environmentally friendly, for it can maintain a natural equilibrium. When the product’s destiny has fulfilled, which means there is not too much phosphate in water, our bacteria will stop working. So we will do no harm to the environment and the water body.</p><br />
</div> <br />
</div><br />
<br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts
Team:Shenzhen SFLS/comm/javascripts
2013-06-21T17:11:10Z
<p>EricLee: </p>
<hr />
<div>function menu_active(_index) {<br />
<br />
var $menu = $('<ul></ul>');<br />
var $menu_sub=$('<ul class="nav_sub"></ul>');;<br />
var $menu_context;<br />
var _menuItem = [{ 'txt': 'Home','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS','submenu':[] },<br />
{ 'txt': 'Team','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Team','submenu':[] },<br />
{ 'txt': 'Project','menu':'menu_parent', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Project',<br />
'submenu':[{'txt': 'biosafety','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Biosafety'}] },<br />
{ 'txt': 'Notebook','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Notebook','submenu':[] },<br />
{ 'txt': 'Results','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Results' ,'submenu':[]},<br />
{ 'txt': 'Human practices','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Human' ,'submenu':[]}];<br />
<br />
for (var i = 0; i < _menuItem.length; i++) {<br />
$menu_context=$('<li class="' +_menuItem[i].menu+ '"></li>');<br />
$menu_context.append('<a href=' + _menuItem[i].link + '>' + _menuItem[i].txt + '</a>');<br />
if(_menuItem[i].submenu.length>0){<br />
for(var j=0;j<_menuItem[i].submenu.length;j++){<br />
$menu_sub.append('<li><a href=' + _menuItem[i].submenu[j].link + '>' + _menuItem[i].submenu[j].txt + '</a></li>');<br />
}<br />
$menu_context.append($menu_sub);<br />
}<br />
$menu.append($menu_context);<br />
}<br />
<br />
$('.nav').append($menu);<br />
$('.nav li').hover(<br />
function () {<br />
if(_menuItem[$(this).index()].menu=='menu')<br />
$(this).addClass('active');<br />
else<br />
$(this).addClass('active_parent'); <br />
}, function () {<br />
$(this).removeClass('active');<br />
$(this).removeClass('active_parent');<br />
});<br />
<br />
$('.nav .menu_parent,.nav .active_parent,.nav .active_parent_select').hover(<br />
function () {<br />
$(".nav_sub").slideDown('fast').show(); <br />
}, function () {<br />
$(".nav_sub").slideUp('slow'); <br />
});<br />
<br />
if(_menuItem[_index].menu=='menu')<br />
$('.nav li').siblings().eq(_index).addClass('active_select');<br />
else<br />
$('.nav li').siblings().eq(_index).addClass('active_parent_select'); <br />
<br />
}</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Notebook
Team:Shenzhen SFLS/Notebook
2013-06-21T16:47:51Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"> <br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<br />
<div class="container"><br />
<h1 class="hide">Notebook</h1><br />
<div class="notebook"><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/49/Notebook_img.jpg" width="939" height="328" alt="notebook" /><br />
<h2 class="title">2013 High School iGEM<br /><br />
Shenzhen_SFLS<br /><br />
Experiment Notebook</h2> <br />
<ul><li><br />
2013-4-9:<br /><br />
BBa_B0032------Max RBS<br /><br />
BBa_K082003------GFP+LVA<br /><br />
BBa_B0030------RBS<br /><br />
BBa_B0010------Terminator<br />
<p>Note:BBa_B0010 failed</p><br />
</li><br />
<li><br />
2013-4-10:<br /><br />
Transformation of<br /><br />
BBa_F2620------TetR Promoter<br /><br />
BBa_C0040------TetR Protein<br /><br />
BBa_C0012------Lac Protein<br /><br />
BBa_B0025------Double Terminator<br /><br />
BBa_J61101------RBS<br /><br />
BBa_J61117------RBS<br /><br />
BBa_B0010------RBS <br />
<p>Pit<br /><br />
BBa_B0032<br /><br />
BBa_K082003<br /><br />
BBa_B0030</p><br />
</li><br />
<li>2013-4-11:<br /><br />
保菌<br /><br />
BBa_B0032<br /><br />
BBa_K082003<br /><br />
BBa_B0030<br /><br />
<p><br />
Pir<br /><br />
BBa_F2620<br /><br />
BBa_C0012<br /><br />
BBa_J61101<br /><br />
BBa_B0010<br /><br />
BBa_C0040<br /><br />
BBa_B0025<br /><br />
BBa_J61117<br />
</p><br />
<p><br />
Pirmer reservation for<br /><br />
PPK<br />
</p> <br />
</li><br />
<li>2013-4-15:<br /><br />
Transformation of <br />
</li><br />
</ul><br />
</div> <br />
</div><br />
</div><br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(3);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Human
Team:Shenzhen SFLS/Human
2013-06-21T16:44:35Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"> <br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Human practices</h1><br />
<div class="humana"><br />
<img src="https://static.igem.org/mediawiki/2013hs/1/1a/Humana_img.jpg" width="939" height="328" alt="humana" /><br />
<p>Authorized by Shenzhen_SFLS<br /><br />
<em>Human Practices for Shenzhen_SFLS</em><br /><br />
Synthetic Biology is new to most of high school students. It seems that not only our teenagers, but <br />
also a great many of adults are unfamiliar with this new kind of technology. So <br />
it is quite reasonable for us to spread this new subject to a lot of people.By <br />
doing this, we, Shenzhen_SFLS, start a series of publicity for our team and <br />
Synthetic Biology. </p><br />
<p>The first method is that we made a video that introduce our team and iGEM. We made that video together with our school's TV&Broadcasting center.iGEM is quite a new competition in China’s high-school and only a few people have ever heard about it. So in our video, we first demonstrate some basic facts about iGEM and introduce a few famous universities around the world which join <br />
the game. So they can have a better perception on this. Next we will tell them <br />
what is Synthetic biology and try to explain it in plain words that make sure they can <br />
fully understand. The final step will be our team introduction. We introduce our members and our project. Then we explain its significance and future. The video can be watched on Youku. </p><br />
<p>Next, the most importantly, we wrote a Chinese Guidebook which explains Synthetic Biology and iGEM. As we can see, The 3A <br />
Assembly instructing book, but it is written in English and contains <br />
too many academic vocabularies that obstruct our reading. This year we are <br />
suffering from this and we absolutely know the importance of this Chinese <br />
instructing protocol. Since our Chinese students' English is a little bit weak, we strongly <br />
believe that this Chinese Guidebook can make a lot of difference for future <br />
China’s high-school teams and students. As far as we are concerned, providing <br />
a Chinese book for the rookies to familiarize this competition is much more <br />
useful than a hard English version. Therefore, this Guidebook can influence more people participating in this competition and spread Synthetic biology Further. </p><br />
<p>We just want to try our best spreading this subject to more and more people. Spreading this subject is quite a big challenge but we are glad to see that we have made some contributions. </p><br />
</div><br />
</div><br />
</div><br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(5);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Notebook
Team:Shenzhen SFLS/Notebook
2013-06-21T16:42:34Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"> <br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<h1 class="hide">Notebook</h1><br />
<div class="container"><br />
<div class="notebook"><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/49/Notebook_img.jpg" width="939" height="328" alt="notebook" /><br />
<h2 class="title">2013 High School iGEM<br /><br />
Shenzhen_SFLS<br /><br />
Experiment Notebook</h2> <br />
<ul><li><br />
2013-4-9:<br /><br />
BBa_B0032------Max RBS<br /><br />
BBa_K082003------GFP+LVA<br /><br />
BBa_B0030------RBS<br /><br />
BBa_B0010------Terminator<br />
<p>Note:BBa_B0010 failed</p><br />
</li><br />
<li><br />
2013-4-10:<br /><br />
Transformation of<br /><br />
BBa_F2620------TetR Promoter<br /><br />
BBa_C0040------TetR Protein<br /><br />
BBa_C0012------Lac Protein<br /><br />
BBa_B0025------Double Terminator<br /><br />
BBa_J61101------RBS<br /><br />
BBa_J61117------RBS<br /><br />
BBa_B0010------RBS <br />
<p>Pit<br /><br />
BBa_B0032<br /><br />
BBa_K082003<br /><br />
BBa_B0030</p><br />
</li><br />
<li>2013-4-11:<br /><br />
保菌<br /><br />
BBa_B0032<br /><br />
BBa_K082003<br /><br />
BBa_B0030<br /><br />
<p><br />
Pir<br /><br />
BBa_F2620<br /><br />
BBa_C0012<br /><br />
BBa_J61101<br /><br />
BBa_B0010<br /><br />
BBa_C0040<br /><br />
BBa_B0025<br /><br />
BBa_J61117<br />
</p><br />
<p><br />
Pirmer reservation for<br /><br />
PPK<br />
</p> <br />
</li><br />
<li>2013-4-15:<br /><br />
Transformation of <br />
</li><br />
</ul><br />
</div> <br />
</div><br />
</div><br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(3);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-21T16:42:12Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. <br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
</p><br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.<br />
<img src="https://static.igem.org/mediawiki/2013hs/d/d9/Project_img_2.jpg" width="800" height="284" alt="" /> <br />
Frist we designed a genetic circuit which can test how the work has been done. We wanted to find a promoter which can only be induced by Pi starvation. Then there is a suppressor protein and an <span>rfp</span>. A double terminator is at the end of this device. This device can only work when the concentration of Pi is low. And the water will show red fluorescence. The red can also be a signal of ‘STOP’, which means the work has already finished.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e2/Project_img_3.jpg" width="800" height="244" alt="" /> <br />
Next we designed a second device for removing the phosphate. The promoter of this device is repressed by the protein in Device one, which means when the concentration of Pi is low, Device two will be limited and stop working. Then we wanted to find a CDS which can remove phosphate from water. And a <span>gfp</span>+LVA(degradation tag) with a terminator at the end. When this device is working, The CDS will remove the phosphate from water and meanwhile the gfp+LVA will show green fluorescence, just like the green traffic signal. This device is mainly used for removing phosphate.<br />
</p><br />
<p>This photo can show you how the two device are linked<br />
<img src="https://static.igem.org/mediawiki/2013hs/8/87/Project_img_4.jpg" width="800" height="525" alt="" /> <br />
When we put our product into the water which has a very high concentration of phosphate, Device one will be limited and Device two will be activated. Then the water will show green fluorescence which means our product is removing Pi.<br />
</p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013hs/b/bf/Project_img_5.jpg" width="800" height="458" alt="" /><br />
After a period of time, due to Device two’s work, the concentration of Pi decreases, then Device one will be activated because of Pi starvation. The suppressor protein will repress Device two. Device one will work and show red fluorescence to tell us that the work has been finished.<br />
</p><br />
<p>That’s the idea of our project, we then started searching for files that support our idea. First we searched for a CDS which can digest phosphate. Then after weeks of searching we found Polyphosphate Kinase, also known as PPK. It is a kind of enzyme widely distributed in ecosystem, more importantly, it can be found in E-coli. Here this picture below can show you how it works.<br />
<img src="https://static.igem.org/mediawiki/2013hs/c/cd/Project_img_6.jpg" width="800" height="298" alt="" /><br />
</p><br />
<p>We found its genetic sequence and we used PCR to made it a standard biobrick. Then we started to find the promoters of our product. Finally we found the Pi Starvation Promoter(BBa_K737023), it’s not on the kits so we again designed its primer and used PCR.</p><br />
<p>For the protein we used TetR protein(BBa_C0040)</p><br />
<p>Now it’s time for our final genetic circuit. Take a look!<br />
<img src="https://static.igem.org/mediawiki/2013hs/7/72/Project_img_7.jpg" width="800" height="262" alt="" /><br />
</p><br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Team
Team:Shenzhen SFLS/Team
2013-06-21T16:41:29Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?var=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Team</h1><br />
<div class="team"><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/48/Team_img.jpg" width="939" height="328" alt="Team" /><br />
<p>Shenzhen_SFLS is a group of students who are interested in biology. It is the first time that Chinese high schools are able to participate in this competition. Our team was set up in last November. We spent the whole winter holiday studying the theory of synthetic biology. Therefore we want to let our product benefits human beings. We are ready to tackle all the challenges!!</p><br />
</div><br />
<div class="teamlist"><br />
<ul><li class="first_row"><img src="https://static.igem.org/mediawiki/2013hs/4/43/Team_img_0.jpg" width="183" height="242" alt="" /><p>Hekang Jia</p></li><br />
<li><img src="https://static.igem.org/mediawiki/2013hs/0/05/Team_img_1.jpg" width="183" height="242" alt="" /><p>Ziying Tan</p></li><br />
<li><img src="https://static.igem.org/mediawiki/2013hs/3/3d/Team_img_2.jpg" width="183" height="242" alt="" /><p>Biwei Zheng</p></li><br />
<li><img src="https://static.igem.org/mediawiki/2013hs/6/66/Team_img_3.jpg" width="183" height="242" alt="" /><p>Ruping Liu</p></li><br />
<li><img src="https://static.igem.org/mediawiki/2013hs/3/3f/Team_img_4.jpg" width="183" height="242" alt="" /><p>Kang Li</p></li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=5&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(1);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS
Team:Shenzhen SFLS
2013-06-21T16:40:25Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta charset="utf-8" /><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?var=5&action=raw&amp;ctype=text/css"><br />
</head><br />
<br />
<div class="wrap"><br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<div id="featured"><br />
<img src="https://static.igem.org/mediawiki/2013hs/c/c9/Ad_img_0.jpg" alt="" /><br />
<img src="https://static.igem.org/mediawiki/2013hs/3/3b/Ad_img_1.jpg" alt="" /><br />
<img src="https://static.igem.org/mediawiki/2013hs/7/75/Ad_img_2.jpg" alt="" /><br />
<img src="https://static.igem.org/mediawiki/2013hs/f/f8/Ad_img_3.jpg" alt="" /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e4/Ad_img_4.jpg" alt="" /><br />
</div><br />
<div class="summary"><br />
<ul><li class="first_row"><img src="https://static.igem.org/mediawiki/2013hs/b/bf/Summary_img_0.jpg" width="215" height="160" alt="" /><br />
<h2 class="title">Project</h2><br />
<p>Find a possible way for human beings to solve Eutrophication, aenvironmentally friendly way.</p><br />
<a href="https://2013hs.igem.org/Team:Shenzhen_SFLS/Project" class="sp btn_more" title="More" >More</a><br />
</li><br />
<li><img src="https://static.igem.org/mediawiki/2013hs/2/26/Summary_img_1.jpg" width="215" height="160" alt="" /><br />
<h2 class="title">Notebook</h2><br />
<p>See what we have done in our lab and you can check our recent progress. Also you can see our parts.</p><br />
<a href="https://2013hs.igem.org/Team:Shenzhen_SFLS/Notebook" class="sp btn_more" title="More" >More</a><br />
</li><br />
<li><img src="https://static.igem.org/mediawiki/2013hs/8/85/Summary_img_2.jpg" width="215" height="160" alt="" /><br />
<h2 class="title">Team</h2><br />
<p>Take a look at our crew, our instructors and our helpers.</p><br />
<a href="https://2013hs.igem.org/Team:Shenzhen_SFLS/Team" class="sp btn_more" title="More" >More</a><br />
</li><br />
<li><img src="https://static.igem.org/mediawiki/2013hs/a/a3/Summary_img_3.jpg" width="215" height="160" alt="" /><br />
<h2 class="title">Human practices</h2><br />
<p>We have done a lot to spread syntheticbiology and iGEM. Check out some details.</p><br />
<a href="https://2013hs.igem.org/Team:Shenzhen_SFLS/Human" class="sp btn_more" title="More" >More</a><br />
</li><br />
</ul><br />
</div><br />
<div class="sponsor"><br />
<ul><li><img src="https://static.igem.org/mediawiki/2013hs/9/93/Sponsor_link_0.jpg" width="160" height="73" alt="" /></li><br />
<li><img src="https://static.igem.org/mediawiki/2013hs/8/83/Sponsor_link_1.jpg" width="160" height="73" alt="" /></li><br />
<li><img src="https://static.igem.org/mediawiki/2013hs/4/41/Sponsor_link_2.jpg" width="160" height="73" alt="" /></li><br />
</ul><br />
</div><br />
</div><br />
<br />
</div><br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/jquery.orbit-1.2.3.min?action=raw&amp;ctype=text/javascript"></script><br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?var=5&action=raw&amp;ctype=text/javascript"></script><br />
<br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(0);<br />
$('#featured').orbit({<br />
animation : 'horizontal-push', // fade, horizontal-slide, vertical-slide, horizontal-push<br />
animationSpeed : 800, // how fast animtions are<br />
timer : true, // true or false to have the timer<br />
resetTimerOnClick : false, // true resets the timer instead of pausing slideshow progress<br />
advanceSpeed : 8000, // if timer is enabled, time between transitions<br />
pauseOnHover : false, // if you hover pauses the slider<br />
startClockOnMouseOut : false, // if clock should start on MouseOut<br />
startClockOnMouseOutAfter : 1000, // how long after MouseOut should the timer start again<br />
directionalNav : true, // manual advancing directional navs<br />
captions : false, // do you want captions?<br />
captionAnimation : 'fade', // fade, slideOpen, none<br />
captionAnimationSpeed : 400, // if so how quickly should they animate in<br />
bullets : true, // true or false to activate the bullet navigation<br />
bulletThumbs : false, // thumbnails for the bullets<br />
bulletThumbLocation : '', // location from this file where thumbs will be<br />
afterSlideChange : function() {<br />
}, // empty function<br />
fluid : true // or set a aspect ratio for content slides (ex: '4x3')<br />
});<br />
<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-21T16:36:05Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
<br />
<br />
<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px}<br />
.nav li { font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block;position: relative; }<br />
.nav .menu{background-position:right -42px;float:left;}<br />
.nav .menu_parent{background-position:right 0;float:left;}<br />
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;*}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}<br />
.nav_sub{display:none;position: absolute; left: 0; top: 42px;*width:70px;min-width:70px;padding:0 20px 0 0;}<br />
.nav_sub .menu{background-position:left -42px}<br />
.nav_sub .active{background-position:left -126px}<br />
.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}<br />
.biosafety li{color:#3b3b3b; font-size::16px; list-style-type: disc; margin-left:15px; padding-top:5px;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts
Team:Shenzhen SFLS/comm/javascripts
2013-06-21T16:35:05Z
<p>EricLee: </p>
<hr />
<div>function menu_active(_index) {<br />
<br />
var $menu = $('<ul></ul>');<br />
var $menu_sub=$('<ul class="nav_sub"></ul>');;<br />
var $menu_context;<br />
var _menuItem = [{ 'txt': 'Home','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS','submenu':[] },<br />
{ 'txt': 'Team','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Team','submenu':[] },<br />
{ 'txt': 'Project','menu':'menu_parent', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Project',<br />
'submenu':[{'txt': 'biosafety','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Biosafety'}] },<br />
{ 'txt': 'Notebook','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Notebook','submenu':[] },<br />
{ 'txt': 'Results','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Results' ,'submenu':[]},<br />
{ 'txt': 'Human practices','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Human' ,'submenu':[]}];<br />
<br />
for (var i = 0; i < _menuItem.length; i++) {<br />
$menu_context=$('<li class="' +_menuItem[i].menu+ '"></li>');<br />
$menu_context.append('<a href=' + _menuItem[i].link + '>' + _menuItem[i].txt + '</a>');<br />
if(_menuItem[i].submenu.length>0){<br />
for(var j=0;j<_menuItem[i].submenu.length;j++){<br />
$menu_sub.append('<li><a href=' + _menuItem[i].submenu[j].link + '>' + _menuItem[i].submenu[j].txt + '</a></li>');<br />
}<br />
$menu_context.append($menu_sub);<br />
}<br />
$menu.append($menu_context);<br />
}<br />
<br />
$('.nav').append($menu);<br />
$('.nav li').hover(<br />
function () {<br />
if(_menuItem[$(this).index()].menu=='menu')<br />
$(this).addClass('active');<br />
else<br />
$(this).addClass('active_parent'); <br />
}, function () {<br />
$(this).removeClass('active');<br />
$(this).removeClass('active_parent');<br />
});<br />
<br />
$('.nav .menu_parent,.nav .active_parent,.nav .active_parent_select').hover(<br />
function () {<br />
$(".nav_sub").slideDown('fast').show(); <br />
}, function () {<br />
$(".nav_sub").slideUp('slow'); <br />
});<br />
if(_menuItem[_index].menu=='menu')<br />
$('.nav li').eq(_index).addClass('active_select');<br />
else<br />
$('.nav li').eq(_index).addClass('active_parent_select'); <br />
<br />
<br />
}</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Results
Team:Shenzhen SFLS/Results
2013-06-21T14:33:22Z
<p>EricLee: Created page with "<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=3&action=raw&amp;ct..."</p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=3&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"> <br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Protocols</h1><br />
<div class="protocols"><br />
<img src="https://static.igem.org/mediawiki/2013hs/a/a8/Protocols_img.jpg" width="939" height="328" alt="protocols" /><br />
<div class="protocols_item first_row"><br />
<h2 class="title">DNA Purification</h2><br />
<ul><li><p>EZNA Gel Extraction</p></li><br />
<li><p>EZNA Miniprep</p></li><br />
<li><p>Qiagen Gel Extraction</p></li><br />
<li><p>Qiagen Miniprep</p></li><br />
</ul><br />
</div><br />
<div class="protocols_item"><br />
<h2 class="title">DNA Purification</h2><br />
<ul><li><p>EZNA Gel Extraction</p></li><br />
<li><p>EZNA Miniprep</p></li><br />
<li><p>Qiagen Gel Extraction</p></li><br />
<li><p>Qiagen Miniprep</p></li><br />
</ul><br />
</div><br />
<div class="protocols_item"><br />
<h2 class="title">DNA Purification</h2><br />
<ul><li><p>EZNA Gel Extraction</p></li><br />
<li><p>EZNA Miniprep</p></li><br />
<li><p>Qiagen Gel Extraction</p></li><br />
<li><p>Qiagen Miniprep</p></li><br />
</ul><br />
</div><br />
<div class="protocols_item"><br />
<h2 class="title">DNA Purification</h2><br />
<ul><li><p>EZNA Gel Extraction</p></li><br />
<li><p>EZNA Miniprep</p></li><br />
<li><p>Qiagen Gel Extraction</p></li><br />
<li><p>Qiagen Miniprep</p></li><br />
</ul><br />
</div><br />
</div> <br />
</div><br />
</div><br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(4);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts
Team:Shenzhen SFLS/comm/javascripts
2013-06-21T14:29:28Z
<p>EricLee: </p>
<hr />
<div>function menu_active(_index) {<br />
<br />
var $menu_sub = $('<ul></ul>');<br />
var _menuItem = [{ 'txt': 'Home','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS' },<br />
{ 'txt': 'Team','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Team' },<br />
{ 'txt': 'Project','menu':'menu_parent', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Project' },<br />
{ 'txt': 'Notebook','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Notebook' },<br />
{ 'txt': 'Results','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Results' },<br />
{ 'txt': 'Human practices','menu':'menu', 'link': 'https://2013hs.igem.org/Team:Shenzhen_SFLS/Human' }];<br />
<br />
for (var i = 0; i < _menuItem.length; i++) {<br />
$menu_sub.append('<li class="' +_menuItem[i].menu+ '"><a href=' + _menuItem[i].link + '>' + _menuItem[i].txt + '</a></li>');<br />
}<br />
<br />
//alert($menu_sub);<br />
$('.nav').append($menu_sub);<br />
$('.nav li').hover(<br />
function () {<br />
if(_menuItem[$(this).index()].menu=='menu')<br />
$(this).addClass('active');<br />
else<br />
$(this).addClass('active_parent'); <br />
}, function () {<br />
$(this).removeClass('active');<br />
$(this).removeClass('active_parent');<br />
});<br />
<br />
$('.nav .menu_parent,.nav .active_parent,.nav .active_parent_select').hover(<br />
function () {<br />
<br />
}, function () {<br />
<br />
});<br />
if(_menuItem[_index].menu=='menu')<br />
$('.nav li').eq(_index).addClass('active_select');<br />
else<br />
$('.nav li').eq(_index).addClass('active_parent_select'); <br />
<br />
<br />
}</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-21T14:25:22Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
<br />
<br />
<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px}<br />
.nav li { float:left; font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block; }<br />
.nav .menu{background-position:right -42px;}<br />
.nav .menu_parent{background-position:right 0;}<br />
.nav li a{ color:#ffffff;*width:70px;min-width:70px;padding:0 20px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;*}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.nav .active_parent,.nav .active_parent_select{ background-position:right -84px ;}<br />
.biosafety .title{height:31px; line-height:31px; color:#3b3b3b; font-size:20px;padding:5px 0;}<br />
.biosafety p{line-height:20px; color:#6a6a6a; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal}<br />
.biosafety li{color:#3b3b3b; font-size::16px; list-style-type: disc; margin-left:15px; padding-top:5px;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Biosafety
Team:Shenzhen SFLS/Biosafety
2013-06-21T14:24:11Z
<p>EricLee: Created page with "<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?action=raw&amp;ctyp..."</p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">biosafety</h1><br />
<div class="biosafety"><br />
<h2 class="title">Biosafety for Shenzhen_SFLS</h2><br />
<p>We use the lab of BGI-Shenzhen. Since the first day we arrived at the lab, we were told to protect ourselves. Then we started a series of safety course. Here is the course we took.</p><br />
<ul><li>General Safety </li><br />
<li>Laboratory Dressing and protection </li><br />
<li>Equipment using</li><br />
<li>Chemical classification</li><br />
<li>Bacterial safety</li><br />
</ul><br />
<p>Our project is 100% environmentally friendly, for it can maintain a natural equilibrium. When the product’s destiny has fulfilled, which means there is not too much phosphate in water, our bacteria will stop working. So we will do no harm to the environment and the water body.</p><br />
</div> <br />
</div><br />
<br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Jamboree/Schedule/Practice_sessions
Jamboree/Schedule/Practice sessions
2013-06-21T01:01:21Z
<p>EricLee: </p>
<hr />
<div>{{HSJMainPageCSS}}<br />
<br />
<html><br />
<style type="text/css"><br />
h2 {<br />
border-bottom-width: 0px;<br />
border-bottom-style: none;<br />
margin-bottom: 0px;<br />
}<br />
<br />
h2.date {<br />
display: none;<br />
}<br />
<br />
table.calendar {<br />
border-collapse: collapse;<br />
font-size: 12px;<br />
border-bottom: 2px solid #AAAAAA;<br />
}<br />
<br />
<br />
table.calendar thead th {<br />
border-collapse: separate;<br />
width: 200px;<br />
text-align: center;<br />
border-bottom: 2px solid #AAAAAA;<br />
color: #494949;<br />
font-weight: bold;<br />
background-color: #e6ecf6<br />
}<br />
<br />
table.calendar tbody {<br />
margin: 2px;<br />
}<br />
<br />
table.calendar tbody th {<br />
color: #494949;<br />
font-weight: normal;<br />
font-size: 11px;<br />
border-bottom: 1px solid #DDDDDD;<br />
text-align: left;<br />
}<br />
<br />
table.calendar tr:hover { <br />
background-color: #e6ecf6; <br />
}<br />
<br />
table.calendar td {<br />
text-align: center;<br />
border: 1px solid #DDDDDD;<br />
}<br />
</style><br />
<tr><br />
<br />
<td colspan="3" valign="top"><br />
<div class="main_item"> <!-- High School Jamboree Schedule--> <br />
<br><br />
<div class="title">Practice Sessions</div><br />
<br />
<p>There will be optional practice sessions on Friday June 28 from 6PM to 9PM in the Stata Center. This is a good opportunity for you to test your presentation equipment (computers, adapters, etc.). You can edit this page (hover at the top left corner, above the iGEM logo), and reserve a spot for your team in the table below. </p><br />
<p>There are a limited number of time slots available on a first-come first-serve basis so choose only one slot. Please keep in mind that there will be teams waiting to use the room after you, so make sure that your practice finishes on time! If you're having trouble reserving a spot, send an email to <b>kitwa (at) igem (dot) org</b> with the time and room you'd like to be scheduled for. </p><br />
<p><i>Note: We cannot match the room that you will ultimately give your presentation in with the practice room. There will NOT be any A/V (audio/visual) support on staff. All classrooms will be unlocked and you should use them and leave them as you found them. You must bring your own computer, adaptor, etc., iGEM HQ will not provide these.</i></p><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<!--Practice Session Sign-Up Sheet --><br />
<table class="calendar" align="center"><br />
<thead><br />
<tr><br />
<th style="width:100px;">Time</th><br />
<th>Room 32-141</th><br />
<th>Room 32-155</th><br />
</tr><br />
</thead><br />
<tbody><br />
<tr class="even"><br />
<th>6:00PM - 6:15PM</th><br />
<td>BV_CAPS_Kansas</td><br />
<td>B-1</td><br />
</tr><br />
<tr class="odd"><br />
<th>6:15PM - 6:30PM</th><br />
<td>A-2</td><br />
<td>B-2</td><br />
</tr><br />
<tr class="even"><br />
<th>6:30PM - 6:45PM</th><br />
<td>AUC_TURKEY</td><br />
<td>AnatoliaGreece</td><br />
</tr><br />
<tr class="odd"><br />
<th>6:45PM - 7:00PM</th><br />
<td>A-4</td><br />
<td>MCIT_Indianapolis</td><br />
<tr class="even"><br />
<th>7:00PM - 7:15PM</th><br />
<td>NGSS_AEI_TURKEY</td><br />
<td>B-5</td><br />
</tr><br />
<tr class="odd"><br />
<th>7:15PM - 7:30PM</th><br />
<td>A-6</td><br />
<td>Shenzhen_SFLS</td><br />
</tr><br />
<tr class="even"><br />
<th>7:30PM - 7:45PM</th><br />
<td>A-7</td><br />
<td>B-7</td><br />
</tr><br />
<tr class="odd"><br />
<th>7:45PM - 8:00PM</th><br />
<td>Jefferson_VA_SciCOS</td><br />
<td>B-8</td><br />
</tr><br />
<tr class="even"><br />
<th>8:00PM - 8:15PM</th><br />
<td>A-9</td><br />
<td>B-9</td><br />
</tr><br />
<tr class="odd"><br />
<th>8:15PM - 8:30PM</th><br />
<td>A-10</td><br />
<td>B-10</td><br />
</tr><br />
<tr class="even"><br />
<th>8:30PM - 8:45PM</th><br />
<td>A-11</td><br />
<td>B-11</td><br />
</tr><br />
<tr class="odd"><br />
<th>8:45PM - 9:00PM</th><br />
<td>A-12</td><br />
<td>B-12</td><br />
</tr><br />
</tbody><br />
</table><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-21T00:36:55Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=3&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. <br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
</p><br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.<br />
<img src="https://static.igem.org/mediawiki/2013hs/d/d9/Project_img_2.jpg" width="800" height="284" alt="" /> <br />
Frist we designed a genetic circuit which can test how the work has been done. We wanted to find a promoter which can only be induced by Pi starvation. Then there is a suppressor protein and an <span>rfp</span>. A double terminator is at the end of this device. This device can only work when the concentration of Pi is low. And the water will show red fluorescence. The red can also be a signal of ‘STOP’, which means the work has already finished.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e2/Project_img_3.jpg" width="800" height="244" alt="" /> <br />
Next we designed a second device for removing the phosphate. The promoter of this device is repressed by the protein in Device one, which means when the concentration of Pi is low, Device two will be limited and stop working. Then we wanted to find a CDS which can remove phosphate from water. And a <span>gfp</span>+LVA(degradation tag) with a terminator at the end. When this device is working, The CDS will remove the phosphate from water and meanwhile the gfp+LVA will show green fluorescence, just like the green traffic signal. This device is mainly used for removing phosphate.<br />
</p><br />
<p>This photo can show you how the two device are linked<br />
<img src="https://static.igem.org/mediawiki/2013hs/8/87/Project_img_4.jpg" width="800" height="525" alt="" /> <br />
When we put our product into the water which has a very high concentration of phosphate, Device one will be limited and Device two will be activated. Then the water will show green fluorescence which means our product is removing Pi.<br />
</p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013hs/b/bf/Project_img_5.jpg" width="800" height="458" alt="" /><br />
After a period of time, due to Device two’s work, the concentration of Pi decreases, then Device one will be activated because of Pi starvation. The suppressor protein will repress Device two. Device one will work and show red fluorescence to tell us that the work has been finished.<br />
</p><br />
<p>That’s the idea of our project, we then started searching for files that support our idea. First we searched for a CDS which can digest phosphate. Then after weeks of searching we found Polyphosphate Kinase, also known as PPK. It is a kind of enzyme widely distributed in ecosystem, more importantly, it can be found in E-coli. Here this picture below can show you how it works.<br />
<img src="https://static.igem.org/mediawiki/2013hs/c/cd/Project_img_6.jpg" width="800" height="298" alt="" /><br />
</p><br />
<p>We found its genetic sequence and we used PCR to made it a standard biobrick. Then we started to find the promoters of our product. Finally we found the Pi Starvation Promoter(BBa_K737023), it’s not on the kits so we again designed its primer and used PCR.</p><br />
<p>For the protein we used TetR protein(BBa_C0040)</p><br />
<p>Now it’s time for our final genetic circuit. Take a look!<br />
<img src="https://static.igem.org/mediawiki/2013hs/7/72/Project_img_7.jpg" width="800" height="262" alt="" /><br />
</p><br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-20T10:01:12Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=3&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. <br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
</p><br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.<br />
<img src="https://static.igem.org/mediawiki/2013hs/d/d9/Project_img_2.jpg" width="800" height="284" alt="" /> <br />
Frist we designed a genetic circuit which can test how the work has been done. We wanted to find a promoter which can only be induced by Pi starvation. Then there is a suppressor protein and an <span>rfp</span>. A double terminator is at the end of this device. This device can only work when the concentration of Pi is low. And the water will show red fluorescence. The red can also be a signal of ‘STOP’, which means the work has already finished.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e2/Project_img_3.jpg" width="800" height="244" alt="" /> <br />
Next we designed a second device for removing the phosphate. The promoter of this device is repressed by the protein in Device one, which means when the concentration of Pi is low, Device two will be limited and stop working. Then we wanted to find a CDS which can remove phosphate from water. And a <span>gfp</span>+LVA(degradation tag) with a terminator at the end. When this device is working, The CDS will remove the phosphate from water and meanwhile the gfp+LVA will show green fluorescence, just like the green traffic signal. This device is mainly used for removing phosphate.<br />
</p><br />
<p>This photo can show you how the two device are linked<br />
<img src="https://static.igem.org/mediawiki/2013hs/8/87/Project_img_4.jpg" width="800" height="525" alt="" /> <br />
When we put our product into the water which has a very high concentration of phosphate, Device one will be limited and Device two will be activated. Then the water will show green fluorescence which means our product is removing Pi.<br />
</p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013hs/b/bf/Project_img_5.jpg" width="800" height="458" alt="" /><br />
After a period of time, due to Device two’s work, the concentration of Pi decreases, then Device one will be activated because of Pi starvation. The suppressor protein will repress Device two. Device one will work and show red fluorescence to tell us that the work has been finished.<br />
</p><br />
<p>That’s the idea of our project, we then started searching for files that support our idea. First we searched for a CDS which can digest phosphate. Then after weeks of searching we found Polyphosphate Kinase, also known as PPK. It is a kind of enzyme widely distributed in ecosystem, more importantly, it can be found in E-coli. Here this picture below can show you how it works.<br />
<img src="https://static.igem.org/mediawiki/2013hs/c/cd/Project_img_6.jpg" width="800" height="298" alt="" /><br />
</p><br />
<p>We found its genetic circuit and we used PCR to made it a standard biobrick. Then we started to find the promoters of our product. Finally we found the Pi Starvation Promoter(BBa_K737023), it’s not on the kits so we again designed its primer and used PCR.</p><br />
<p>For the protein we used TetR protein(BBa_C0040)</p><br />
<p>Now it’s time for our final genetic circuit. Take a look!<br />
<img src="https://static.igem.org/mediawiki/2013hs/7/72/Project_img_7.jpg" width="800" height="262" alt="" /><br />
</p><br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-20T10:00:58Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=2&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. <br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
</p><br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.<br />
<img src="https://static.igem.org/mediawiki/2013hs/d/d9/Project_img_2.jpg" width="800" height="284" alt="" /> <br />
Frist we designed a genetic circuit which can test how the work has been done. We wanted to find a promoter which can only be induced by Pi starvation. Then there is a suppressor protein and an <span>rfp</span>. A double terminator is at the end of this device. This device can only work when the concentration of Pi is low. And the water will show red fluorescence. The red can also be a signal of ‘STOP’, which means the work has already finished.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e2/Project_img_3.jpg" width="800" height="244" alt="" /> <br />
Next we designed a second device for removing the phosphate. The promoter of this device is repressed by the protein in Device one, which means when the concentration of Pi is low, Device two will be limited and stop working. Then we wanted to find a CDS which can remove phosphate from water. And a <span>gfp</span>+LVA(degradation tag) with a terminator at the end. When this device is working, The CDS will remove the phosphate from water and meanwhile the gfp+LVA will show green fluorescence, just like the green traffic signal. This device is mainly used for removing phosphate.<br />
</p><br />
<p>This photo can show you how the two device are linked<br />
<img src="https://static.igem.org/mediawiki/2013hs/8/87/Project_img_4.jpg" width="800" height="525" alt="" /> <br />
When we put our product into the water which has a very high concentration of phosphate, Device one will be limited and Device two will be activated. Then the water will show green fluorescence which means our product is removing Pi.<br />
</p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013hs/b/bf/Project_img_5.jpg" width="800" height="458" alt="" /><br />
After a period of time, due to Device two’s work, the concentration of Pi decreases, then Device one will be activated because of Pi starvation. The suppressor protein will repress Device two. Device one will work and show red fluorescence to tell us that the work has been finished.<br />
</p><br />
<p>That’s the idea of our project, we then started searching for files that support our idea. First we searched for a CDS which can digest phosphate. Then after weeks of searching we found Polyphosphate Kinase, also known as PPK. It is a kind of enzyme widely distributed in ecosystem, more importantly, it can be found in E-coli. Here this picture below can show you how it works.<br />
<img src="https://static.igem.org/mediawiki/2013hs/c/cd/Project_img_6.jpg" width="800" height="298" alt="" /><br />
</p><br />
<p>We found its genetic circuit and we used PCR to made it a standard biobrick. Then we started to find the promoters of our product. Finally we found the Pi Starvation Promoter(BBa_K737023), it’s not on the kits so we again designed its primer and used PCR.</p><br />
<p>For the protein we used TetR protein(BBa_C0040)</p><br />
<p>Now it’s time for our final genetic circuit. Take a look!<br />
<img src="https://static.igem.org/mediawiki/2013hs/7/72/Project_img_7.jpg" width="800" height="262" alt="" /><br />
</p><br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-20T10:00:04Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
<br />
<br />
<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px}<br />
.nav li { float:left; font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block; background-position:right -42px; }<br />
.nav li a{ color:#ffffff;*width:64px;min-width:64px;padding:0 14px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;*}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project p img{padding:15px 0 10px;display:block; clear:both }<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-20T09:58:55Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=1&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. <br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
</p><br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.<br />
<img src="https://static.igem.org/mediawiki/2013hs/d/d9/Project_img_2.jpg" width="800" height="284" alt="" /> <br />
Frist we designed a genetic circuit which can test how the work has been done. We wanted to find a promoter which can only be induced by Pi starvation. Then there is a suppressor protein and an <span>rfp</span>. A double terminator is at the end of this device. This device can only work when the concentration of Pi is low. And the water will show red fluorescence. The red can also be a signal of ‘STOP’, which means the work has already finished.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e2/Project_img_3.jpg" width="800" height="244" alt="" /> <br />
Next we designed a second device for removing the phosphate. The promoter of this device is repressed by the protein in Device one, which means when the concentration of Pi is low, Device two will be limited and stop working. Then we wanted to find a CDS which can remove phosphate from water. And a <span>gfp</span>+LVA(degradation tag) with a terminator at the end. When this device is working, The CDS will remove the phosphate from water and meanwhile the gfp+LVA will show green fluorescence, just like the green traffic signal. This device is mainly used for removing phosphate.<br />
</p><br />
<p>This photo can show you how the two device are linked<br />
<img src="https://static.igem.org/mediawiki/2013hs/8/87/Project_img_4.jpg" width="800" height="525" alt="" /> <br />
When we put our product into the water which has a very high concentration of phosphate, Device one will be limited and Device two will be activated. Then the water will show green fluorescence which means our product is removing Pi.<br />
</p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013hs/b/bf/Project_img_5.jpg" width="800" height="458" alt="" /><br />
After a period of time, due to Device two’s work, the concentration of Pi decreases, then Device one will be activated because of Pi starvation. The suppressor protein will repress Device two. Device one will work and show red fluorescence to tell us that the work has been finished.<br />
</p><br />
<p>That’s the idea of our project, we then started searching for files that support our idea. First we searched for a CDS which can digest phosphate. Then after weeks of searching we found Polyphosphate Kinase, also known as PPK. It is a kind of enzyme widely distributed in ecosystem, more importantly, it can be found in E-coli. Here this picture below can show you how it works.<br />
<img src="https://static.igem.org/mediawiki/2013hs/c/cd/Project_img_6.jpg" width="800" height="298" alt="" /><br />
</p><br />
<p>We found its genetic circuit and we used PCR to made it a standard biobrick. Then we started to find the promoters of our product. Finally we found the Pi Starvation Promoter(BBa_K737023), it’s not on the kits so we again designed its primer and used PCR.</p><br />
<p>For the protein we used TetR protein(BBa_C0040)</p><br />
<p>Now it’s time for our final genetic circuit. Take a look!<br />
<img src="https://static.igem.org/mediawiki/2013hs/7/72/Project_img_7.jpg" width="800" height="262" alt="" /><br />
</p><br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-20T09:37:00Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
<br />
<br />
<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px}<br />
.nav li { float:left; font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block; background-position:right -42px; }<br />
.nav li a{ color:#ffffff;*width:64px;min-width:64px;padding:0 14px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;*}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; }<br />
.project img{padding:15px 0 10px;}<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-20T09:35:37Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
<br />
<br />
<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px}<br />
.nav li { float:left; font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block; background-position:right -42px; }<br />
.nav li a{ color:#ffffff;*width:64px;min-width:64px;padding:0 14px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;*}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;}<br />
.project img{padding:15px 0 10px;}<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-20T09:33:13Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=2&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. <br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
</p><br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/d/d9/Project_img_2.jpg" width="800" height="284" alt="" /> <br /><br />
Frist we designed a genetic circuit which can test how the work has been done. We wanted to find a promoter which can only be induced by Pi starvation. Then there is a suppressor protein and an <span>rfp</span>. A double terminator is at the end of this device. This device can only work when the concentration of Pi is low. And the water will show red fluorescence. The red can also be a signal of ‘STOP’, which means the work has already finished.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e2/Project_img_3.jpg" width="800" height="244" alt="" /> <br /><br />
Next we designed a second device for removing the phosphate. The promoter of this device is repressed by the protein in Device one, which means when the concentration of Pi is low, Device two will be limited and stop working. Then we wanted to find a CDS which can remove phosphate from water. And a <span>gfp</span>+LVA(degradation tag) with a terminator at the end. When this device is working, The CDS will remove the phosphate from water and meanwhile the gfp+LVA will show green fluorescence, just like the green traffic signal. This device is mainly used for removing phosphate.<br />
</p><br />
<p>This photo can show you how the two device are linked<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/8/87/Project_img_4.jpg" width="800" height="525" alt="" /> <br /><br />
When we put our product into the water which has a very high concentration of phosphate, Device one will be limited and Device two will be activated. Then the water will show green fluorescence which means our product is removing Pi.<br />
</p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013hs/b/bf/Project_img_5.jpg" width="800" height="458" alt="" /><br /><br />
After a period of time, due to Device two’s work, the concentration of Pi decreases, then Device one will be activated because of Pi starvation. The suppressor protein will repress Device two. Device one will work and show red fluorescence to tell us that the work has been finished.<br />
</p><br />
<p>That’s the idea of our project, we then started searching for files that support our idea. First we searched for a CDS which can digest phosphate. Then after weeks of searching we found Polyphosphate Kinase, also known as PPK. It is a kind of enzyme widely distributed in ecosystem, more importantly, it can be found in E-coli. Here this picture below can show you how it works.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/c/cd/Project_img_6.jpg" width="800" height="298" alt="" /><br />
</p><br />
<p>We found its genetic circuit and we used PCR to made it a standard biobrick. Then we started to find the promoters of our product. Finally we found the Pi Starvation Promoter(BBa_K737023), it’s not on the kits so we again designed its primer and used PCR.</p><br />
<p>For the protein we used TetR protein(BBa_C0040)</p><br />
<p>Now it’s time for our final genetic circuit. Take a look!<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/7/72/Project_img_7.jpg" width="800" height="262" alt="" /><br />
</p><br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets
Team:Shenzhen SFLS/comm/stylesheets
2013-06-20T09:32:27Z
<p>EricLee: </p>
<hr />
<div>/* CSS for jQuery Orbit Plugin 1.2.3<br />
* www.ZURB.com/playground<br />
* Copyright 2010, ZURB<br />
* Free to use under the MIT license.<br />
* http://www.opensource.org/licenses/mit-license.php<br />
<br />
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY<br />
================================================== */<br />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}<br />
table{border-collapse:collapse;border-spacing:0;}<br />
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}<br />
ol,ul{list-style:none;}<br />
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}<br />
q:before,q:after{content:'';}<br />
fieldset,img,abbr,acronym{border:0;}<br />
.hide{text-indent:-9999px;font-size:0px; overflow:hidden;width:0px;height:0px}<br />
<br />
<br />
<br />
/* basic */<br />
.c:before,.c:after{content:"";display:table;}<br />
.c:after{clear:both;}<br />
.c{zoom:1;}<br />
body {font:12px/1.5 Arial,tahoma,sans-serif;-webkit-text-size-adjust:none;text-align:justify;background:#f3f0f0 url(https://static.igem.org/mediawiki/2013hs/b/bd/Body_bg.jpg) repeat-x 50% 0;}<br />
a {text-decoration:none;overflow:hidden;}<br />
a:hover {text-decoration:underline;}<br />
.hide {display:block;width:0;height:0;overflow:hidden;}<br />
.wrap {min-width:940px;width:940px; margin:0 auto; display:block; overflow:hidden; }<br />
.sp,.nav li{ background:url(https://static.igem.org/mediawiki/2013hs/9/9a/Sp.jpg) no-repeat;}<br />
.header { height:123px;}<br />
.school_logo { float:left;}<br />
.nav { float:right; padding-top:81px}<br />
.nav li { float:left; font-size:16px; white-space:nowrap; text-align:center;line-height:42px;display:block; background-position:right -42px; }<br />
.nav li a{ color:#ffffff;*width:64px;min-width:64px;padding:0 14px 0 14px; height:42px;}<br />
.nav li a:hover {text-decoration:none;}<br />
.nav li a:visited{color:#ffffff;*}<br />
.nav .active,.nav .active_select{ background-position:right -126px ;}<br />
.container { padding:50px 0; width:100%;margin:0 auto;font-size:14px;}<br />
.summary { display:block; overflow:hidden; clear:both; padding-top:70px;}<br />
.summary li{ width:215px; background-color:#ffffff; border-bottom:3px solid #d4d1d1; padding-bottom:7px; margin-left:25px; float:left; }<br />
.summary .title{ height:31px; line-height:31px; color:#ffffff; font-size:22px; background-color:#0072c6;padding-left:9px;}<br />
.summary p {padding:6px 0 15px 9px;*height:72px;min-height:72px; line-height:18px; color:#6d6d6d; text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
<br />
.btn_more { text-indent:-9999px; overflow:hidden; width:87px; height:28px; display:block; background-position:0 -168px; margin-left:9px;}<br />
.sponsor { margin-top:35px; height:73px; border-top:1px dashed #d4d1d1; padding-top:43px; overflow:hidden;}<br />
.sponsor li { float:left;}<br />
.team p {font-size:14px; color:#6a6a6a;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:25px;}<br />
.teamlist { padding-top:60px; padding-bottom:100px; display:block; overflow:hidden;}<br />
.teamlist li { float:left; margin-left:5px;}<br />
.teamlist p { font-size:16px; color:#454545; padding-top:10px;}<br />
.project { padding-bottom:100px;}<br />
.project p { font-size:16px; color:#6a6a6a; padding:20px 0;}<br />
.project img{padding:10px 0;}<br />
.project p span{ font-style:italic}<br />
.notebook {padding-bottom:100px; font-size:16px;color:#505050;line-height:24px;}<br />
.notebook li{ padding-top:30px;}<br />
.notebook p { text-align:left; word-wrap:break-word; word-break:normal; white-space:normal; padding-top:30px;}<br />
.notebook .title { font-size:16px;color:#3b3b3b; font-weight:bold; padding-top:30px;}<br />
.protocols { padding-bottom:100px;}<br />
.protocols_item { float:left; width:185px; margin-left:62px; padding:60px 0 40px}<br />
.protocols_item .title { font-size:24px; color:#0072c6;}<br />
.protocols_item li {color:#0072c6; list-style-type: square; margin-left:20px; padding-top:5px;}<br />
.protocols_item li p {color:#686869;}<br />
.humana { padding-bottom:100px;}<br />
.humana p { padding-top:35px; line-height:30px; font-size:16px; color:#505050; width:600px;text-align:left; word-wrap:break-word; word-break:normal; white-space:normal;}<br />
.humana em { font-size:20px; color:#303030; display:inline-block; padding:5px 0;}<br />
li.first_row,.first_row { margin-left:0;}<br />
.title { border:none;}<br />
#p-logo,#top,#siteSub,#contentSub{display:none;}<br />
.firstHeading { display:none;}<br />
#top-section{ display:none;}<br />
#content,#catlinks,#footer-box{padding:0;background:none;border:none;width:940px;}<br />
#footer-box{padding-bottom:60px; padding-top:40px;border-top:1px solid #d4d1d1;}<br />
#footer-box a {color:#949393; }<br />
/* Container ---------------------- */<br />
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }<br />
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }<br />
div.orbit.with-bullets { margin-bottom: 40px; }<br />
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }<br />
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }<br />
div.orbit div.orbit-slide { width: 100%; height: 100%; }<br />
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */<br />
/* Timer ---------------------- */<br />
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }<br />
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('https://static.igem.org/mediawiki/2013hs/d/dc/Rotator-black.png') no-repeat; z-index: 3; }<br />
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }<br />
div.orbit-wrapper span.rotator.move { left: 0; }<br />
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/c/c0/Timer-black.png') repeat 0 0; }<br />
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat; z-index: 4; opacity: 0; }<br />
div.orbit-wrapper span.pause.active { background: url('https://static.igem.org/mediawiki/2013hs/b/b0/Pause-black.png') no-repeat 0 -40px; }<br />
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }<br />
/* Captions ---------------------- */<br />
.orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }<br />
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }<br />
/* Directional Nav ---------------------- */<br />
div.orbit-wrapper div.slider-nav { display: block; }<br />
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }<br />
div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); background-size: 100%; right: 0; }<br />
div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); background-size: 100%; left: 0; }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('https://static.igem.org/mediawiki/2013hs/9/96/Right-arrow-small.png'); }<br />
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('https://static.igem.org/mediawiki/2013hs/d/de/Left-arrow-small.png'); }<br />
/* Bullet Nav ---------------------- */<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('https://static.igem.org/mediawiki/2012/3/3b/CornellBullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Fluid Layout ---------------------- */<br />
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }<br />
div.orbit, div.orbit-wrapper { width: 100% !important; }<br />
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }<br />
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(https://static.igem.org/mediawiki/2013hs/b/bf/Bullets.jpg) no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }<br />
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }<br />
ul.orbit-bullets li.active { color: #222; background-position: -11px 0; }<br />
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }<br />
/* Correct timer in IE */<br />
.lt-ie9 .timer { display: none !important; }<br />
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }</div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-20T09:28:59Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=1&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. <br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
</p><br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/d/d9/Project_img_2.jpg" width="800" height="284" alt="" /> <br /><br />
Frist we designed a genetic circuit which can test how the work has been done. We wanted to find a promoter which can only be induced by Pi starvation. Then there is a suppressor protein and an <span>rfp</span>. A double terminator is at the end of this device. This device can only work when the concentration of Pi is low. And the water will show red fluorescence. The red can also be a signal of ‘STOP’, which means the work has already finished.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e2/Project_img_3.jpg" width="800" height="244" alt="" /> <br /><br />
Next we designed a second device for removing the phosphate. The promoter of this device is repressed by the protein in Device one, which means when the concentration of Pi is low, Device two will be limited and stop working. Then we wanted to find a CDS which can remove phosphate from water. And a <span>gfp</span>+LVA(degradation tag) with a terminator at the end. When this device is working, The CDS will remove the phosphate from water and meanwhile the gfp+LVA will show green fluorescence, just like the green traffic signal. This device is mainly used for removing phosphate.<br />
</p><br />
<p>This photo can show you how the two device are linked<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/8/87/Project_img_4.jpg" width="800" height="525" alt="" /> <br /><br />
When we put our product into the water which has a very high concentration of phosphate, Device one will be limited and Device two will be activated. Then the water will show green fluorescence which means our product is removing Pi.<br />
</p><br />
<p><br />
<img src="https://static.igem.org/mediawiki/2013hs/b/bf/Project_img_5.jpg" width="800" height="458" alt="" /><br /><br />
After a period of time, due to Device two’s work, the concentration of Pi decreases, then Device one will be activated because of Pi starvation. The suppressor protein will repress Device two. Device one will work and show red fluorescence to tell us that the work has been finished.<br />
</p><br />
<p>That’s the idea of our project, we then started searching for files that support our idea. First we searched for a CDS which can digest phosphate. Then after weeks of searching we found Polyphosphate Kinase, also known as PPK. It is a kind of enzyme widely distributed in ecosystem, more importantly, it can be found in E-coli. Here this picture below can show you how it works.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/c/cd/Project_img_6.jpg" width="800" height="298" alt="" /><br />
</p><br />
<p>We found its genetic circuit and we used PCR to made it a standard biobrick. Then we started to find the promoters of our product. Finally we found the Pi Starvation Promoter(BBa_K737023), it’s not on the kits so we again designed its primer and used PCR.</p><br />
<p>For the protein we used TetR protein(BBa_C0040)</p><br />
<p>Now it’s time for our final genetic circuit. Take a look!<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/7/72/Project_img_7.jpg" width="800" height="262" alt="" /><br />
</p><br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/File:Project_img_7.jpg
File:Project img 7.jpg
2013-06-20T09:28:24Z
<p>EricLee: </p>
<hr />
<div></div>
EricLee
http://2013hs.igem.org/File:Project_img_6.jpg
File:Project img 6.jpg
2013-06-20T09:25:36Z
<p>EricLee: </p>
<hr />
<div></div>
EricLee
http://2013hs.igem.org/File:Project_img_5.jpg
File:Project img 5.jpg
2013-06-20T09:22:29Z
<p>EricLee: </p>
<hr />
<div></div>
EricLee
http://2013hs.igem.org/File:Project_img_4.jpg
File:Project img 4.jpg
2013-06-20T09:19:44Z
<p>EricLee: </p>
<hr />
<div></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-20T09:17:55Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=1&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. <br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
</p><br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/d/d9/Project_img_2.jpg" width="800" height="284" alt="" /> <br /><br />
Frist we designed a genetic circuit which can test how the work has been done. We wanted to find a promoter which can only be induced by Pi starvation. Then there is a suppressor protein and an <span>rfp</span>. A double terminator is at the end of this device. This device can only work when the concentration of Pi is low. And the water will show red fluorescence. The red can also be a signal of ‘STOP’, which means the work has already finished.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e2/Project_img_3.jpg" width="800" height="244" alt="" /> <br /><br />
Next we designed a second device for removing the phosphate. The promoter of this device is repressed by the protein in Device one, which means when the concentration of Pi is low, Device two will be limited and stop working. Then we wanted to find a CDS which can remove phosphate from water. And a <span>gfp</span>+LVA(degradation tag) with a terminator at the end. When this device is working, The CDS will remove the phosphate from water and meanwhile the gfp+LVA will show green fluorescence, just like the green traffic signal. This device is mainly used for removing phosphate.<br />
</p><br />
<p>This photo can show you how the two device are linked</p><br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-20T09:17:01Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=1&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. <br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
</p><br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/d/d9/Project_img_2.jpg" width="800" height="284" alt="" /> <br />
Frist we designed a genetic circuit which can test how the work has been done. We wanted to find a promoter which can only be induced by Pi starvation. Then there is a suppressor protein and an <span>rfp</span>. A double terminator is at the end of this device. This device can only work when the concentration of Pi is low. And the water will show red fluorescence. The red can also be a signal of ‘STOP’, which means the work has already finished.<br /><br />
<img src="https://static.igem.org/mediawiki/2013hs/e/e2/Project_img_3.jpg" width="800" height="244" alt="" /> <br />
Next we designed a second device for removing the phosphate. The promoter of this device is repressed by the protein in Device one, which means when the concentration of Pi is low, Device two will be limited and stop working. Then we wanted to find a CDS which can remove phosphate from water. And a <span>gfp</span>+LVA(degradation tag) with a terminator at the end. When this device is working, The CDS will remove the phosphate from water and meanwhile the gfp+LVA will show green fluorescence, just like the green traffic signal. This device is mainly used for removing phosphate.<br />
</p><br />
<p>This photo can show you how the two device are linked</p><br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee
http://2013hs.igem.org/File:Project_img_3.jpg
File:Project img 3.jpg
2013-06-20T09:13:43Z
<p>EricLee: </p>
<hr />
<div></div>
EricLee
http://2013hs.igem.org/File:Project_img_2.jpg
File:Project img 2.jpg
2013-06-20T09:10:49Z
<p>EricLee: </p>
<hr />
<div></div>
EricLee
http://2013hs.igem.org/Team:Shenzhen_SFLS/Project
Team:Shenzhen SFLS/Project
2013-06-20T09:08:42Z
<p>EricLee: </p>
<hr />
<div><html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title></title><br />
<link rel="stylesheet" href="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/stylesheets?ver=1&action=raw&amp;ctype=text/css"><br />
</head><br />
<div class="wrap"><br />
<br />
<div id="header" class="header"><br />
<div class="school_logo"><img src="https://static.igem.org/mediawiki/2013hs/7/70/School_logo.jpg" alt="" /></div><br />
<div class="nav"></div><br />
</div><br />
<div class="container"><br />
<h1 class="hide">Project</h1><br />
<div class="project"><br />
<!--<br />
<img src="https://static.igem.org/mediawiki/2013hs/2/25/Project_img.jpg" width="939" height="328" alt="Project" /> <br />
<img src="https://static.igem.org/mediawiki/2013hs/6/6b/Project_img_0.jpg" width="939" height="2702" alt="Project" /><br />
--><br />
<p>This is our project, EcoPi. </p><br />
<img src="https://static.igem.org/mediawiki/2013hs/4/41/Project_img_1.jpg" width="800" height="262" alt="" /> <br />
<p>In this page, you can see how it was designed and made.</p><br />
<p>Eutrophication can be a very severe problem to the environment. In an effort to solve this problem, we want to build a genetic system which can test and remove the phosphate from water. In our idea, we want to make a product which can automatically detects phosphate and therefore remove it. And it must be a totally environmentally friendly one. And we began our designing.</p><br />
<br />
</div> <br />
</div><br />
</div><br />
<br />
<script src="https://2013hs.igem.org/Team:Shenzhen_SFLS/comm/javascripts?ver=1&action=raw&amp;ctype=text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function () {<br />
menu_active(2);<br />
});<br />
</script><br />
</body><br />
</html></div>
EricLee