Team:LZU-China/tempfortest

From 2014.igem.org

(Difference between revisions)
 
(34 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html lang="en">
+
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<head>
-
<meta charset="utf-8">
+
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-
<title>纯CSS3实现灰白色下拉导航</title>
+
<title>LZU-China 2014</title>
-
<style>
+
<style type="text/css">
-
html, body, div, span, applet, object, iframe,
+
 
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
 
-
a, abbr, acronym, address, big, cite, code,
+
 
-
del, dfn, em, img, ins, kbd, q, s, samp,
+
 
-
small, strike, strong, sub, sup, tt, var,
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
-
b, u, i, center,
+
 
-
dl, dt, dd, ol, ul, li,
+
.firstHeading {
-
fieldset, form, label, legend,
+
width: 975px;  
-
table, caption, tbody, tfoot, thead, tr, th, td,
+
margin: 0px auto;
-
article, aside, canvas, details, embed,
+
padding-top: 100px;
-
figure, figcaption, footer, header, hgroup,
+
margin-bottom: 20px;
-
menu, nav, output, ruby, section, summary,
+
font-family: Georgia, Times, "Times New Roman", serif;  
-
time, mark, audio, video {
+
-
margin: 0;
+
-
padding: 0;
+
-
border: 0;
+
-
font-size: 100%;
+
-
font: inherit;
+
-
vertical-align: baseline;
+
}
}
-
article, aside, details, figcaption, figure,  
+
 
-
footer, header, hgroup, menu, nav, section {
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 +
 
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
display: block;
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
}
}
-
body {
+
 
-
line-height: 1;
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
}
}
-
ol, ul {
+
 
-
list-style: none;
+
body {  
 +
background-color: #fff;
}
}
-
blockquote, q {
+
 
-
quotes: none;
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
}
}
-
blockquote:before, blockquote:after,
+
 
-
q:before, q:after {
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
content: '';
+
width: 100%;
-
content: none;
+
height: 100%;  
 +
background-color: transparent;
}
}
-
table {
+
 
-
border-collapse: collapse;
+
#contentcontainer { /*-- creates container for all content on page --*/
-
border-spacing: 0;
+
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;  
 +
margin-top: 0px;  
}
}
-
body {
+
 
-
background: url('/jscss/demoimg/201402/denim.png');
+
.sidemenu, .sidemenu li {  
-
font-family: 'Droid Sans', sans-serif;;
+
list-style-type: none;
 +
list-style-image: none;  
 +
font-family: verdana;
 +
text-decoration: none;  
 +
color:#000;
 +
font-size: 14px;
}
}
-
.clearfix {
+
 
-
clear: both;
+
.sidemenu li {display: block;}
 +
 
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
 +
 
 +
.sidemenu a.greyout { color: #909090; }
 +
 
 +
.sidemenu a:hover {
 +
color:#666;
 +
background-color: #d9f5aa;
}
}
-
.wrap {
+
 
-
width: 940px;
+
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
-
margin: 4em auto;
+
.sub-sidemenu a {color: #666;}
 +
 
 +
div.underconst
 +
{
 +
padding:10px;
 +
border-radius:5px;
 +
background-color:pink;
 +
text-align:center;
}
}
-
nav {
+
 
-
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
+
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
-
background-image: linear-gradient(#fff, #ccc);
+
 
-
border-radius: 6px;
+
.contentpara {margin-bottom: 30px;}
-
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
+
 
-
padding: 0 10px;
+
span.email{font-family: monospace; font-weight: normal;}
-
position: relative;
+
 
 +
fieldset {border: 1px solid #337f53;}
 +
 
 +
.greyout {color: #A0A0A0;}
 +
.highlightme {background-color: #FFFF00;}
 +
 
 +
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
 +
#annContainer {margin-left: 8px;}
 +
#newsContainer {border: 1px solid #ccc;}
 +
 
 +
.newsTitle {
 +
display: block;  
 +
color: #414141;
 +
font-size: 25px; 
 +
        font-family: Georgia, Times, "Times New Roman", serif;
 +
padding: 10px 15px 5px 10px;  
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 0px;  
}
}
-
.menu li {
+
 
-
float: left;
+
.newsItem {
-
position: relative;
+
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 0px 10px;  
 +
margin-bottom: 0px;  
}
}
-
.menu li a {
+
 
-
color: #444;
+
.newsItem h3 {
-
display: block;
+
width: auto;  
-
font-size: 14px;
+
display: inline;
-
line-height: 20px;
+
font-size: 14px;
-
padding: 6px 12px;
+
font-family: Arial, Helvetica, sans-serif;
-
margin: 8px 8px;
+
padding: 0px;
 +
margin: 0px;
 +
}
 +
 
 +
.newsItem img {
 +
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
 +
 
 +
.newsItem .newsDate {
 +
font-style: italic;  
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
 +
}
 +
 
 +
.newsItem p, .newsItem ul, .newsItem li {
 +
padding: 0px;
 +
margin-left: 20px;
 +
font-size: 12px;  
 +
line-height: 1.2;
 +
}
 +
 
 +
.newsItem p {margin-top: 10px;}
 +
 
 +
.annItem {
 +
border: 2px solid #49b677;
 +
display: block;  
 +
padding: 0px 15px 10px 10px;  
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;  
vertical-align: middle;
vertical-align: middle;
-
text-decoration: none;
 
}
}
-
.menu li a:hover {
+
 
-
background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
+
.annItem .annCentered {
-
background-image: linear-gradient(#ededed, #fff);
+
display: table-cell;  
-
border-radius: 12px;
+
vertical-align: middle;  
-
box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
+
height: 160px;
-
color: #222;
+
}
}
-
/* Dropdown styles */
+
 
-
.menu ul {
+
.annCentered h3 {
-
position: absolute;
+
padding: 0px;
-
left: -9999px;
+
display: block;  
-
list-style: none;
+
margin-left: auto;  
-
opacity: 0;
+
margin-right: auto;  
-
transition: opacity 1s ease;
+
text-align: center;
}
}
-
.menu ul li {
+
 
-
float: none;
+
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 +
.annItem li {list-style: none; margin: 5px}
 +
 
 +
@charset "utf-8";
 +
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{
 +
margin:0;
 +
padding:0;
 +
font-size: 14px;
 +
text-align: left;
}
}
-
.menu ul a {
+
html{background-color:#e9ecec}
-
white-space: nowrap;
+
table{table-layout:fixed;border-collapse:collapse}
 +
section,article,aside,header,footer,nav,dialog,figure{display:block}
 +
.clearfix:after{content:"\20";display:block;height:0;line-height:0;font-size:0;clear:both}
 +
body,button,input,select,textarea,td,th{color:#333;font:12px/1.5 tahoma,arial,\5b8b\4f53}
 +
h1,h2,h3,h4,h5,h6{font-size:100%}
 +
address,cite,dfn,em,var{font-style:normal}
 +
code,kbd,pre,samp{font-family:courier new,courier,monospace}
 +
small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none;color:#06C}
 +
a:hover{text-decoration:underline;color:#06C}
 +
sup{vertical-align:text-top}
 +
sub{vertical-align:text-bottom}
 +
legend{color:#000}
 +
fieldset,img{
 +
border:0 none;
 +
font-size: 15px;
}
}
-
.menu li:hover ul {
+
button,input,select,textarea{font-size:100%}
-
background: rgba(255,255,255,0.7);
+
table{
-
border-radius: 0 0 6px 6px;
+
border-collapse:collapse;
-
box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
+
border-spacing:0;
-
left: 5px;
+
text-align: center;
-
opacity: 1;
+
}
}
-
.menu li:hover a {
+
input:focus{outline:none}
-
background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));
+
.hd-main{height:60px;background:#fff;z-index:15;border-bottom:#b3b3b3 1px solid;box-shadow:0 0 5px #333}
-
background-image: linear-gradient(#ccc, #ededed);
+
.f-icon{background-image:url('http://www.codefans.net/jscss/demoimg/201403//frame-icon.png');background-repeat:no-repeat}
-
border-radius: 12px;
+
.hd-main{padding:0 5px;height:49px;min-width:800px;background:#252525;border-bottom:0}
-
box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
+
.hd-main .has-pulldown{cursor:pointer;position:relative;*z-index:10000}
-
color: #222;
+
.hd-main .pulldown{position:absolute;cursor:default;display:none;top:30px;left:0}
 +
.hd-main .pulldown .arrow{*margin-bottom:-1px;_margin-bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:7px;border-style:solid;border-color:transparent transparent rgba(255, 255, 255,0.8) transparent;_filter:chroma(color=tomato);_border-color:tomato tomato rgba(255, 255, 255,0.8) tomato;position:relative;display:block;left:20px;z-index:7}
 +
.hd-main .pulldown .content{background:rgba(255, 255, 255,0.8);color:#333;text-align:left;border-radius:3px;border:rgb(175,175,175) 1px solid;border-width:0 1px 1px 1px;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:6}
 +
.hd-main .pulldown-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
 +
.hd-main .logo{background-image:url('https://static.igem.org/mediawiki/2014/7/72/2014logomin.png');background-repeat:no-repeat;display:block;height:36px;width:175px;float:left;margin-left:10px;background-position:0 0;margin-top:5px;display:inline}
 +
.hd-main .navs{padding:0 0 3px 25px;height:45px;float:left}
 +
.hd-main .navs a,.hd-main .info a,.hd-main .navs a:visited,.hd-main .info a:visited,.hd-main .navs a:active,.hd-main .info a:active{color:#d8d8d8}
 +
.hd-main .navs a:hover,.hd-main .navs a:active{text-decoration:none;background-color:#0f0f0f}
 +
.hd-main .navs .def-nav,.hd-main .navs .pulldown-nav,.hd-main .navs .separate{display:block;float:left;height:48px;font:18px/30px "Microsoft YaHei","Microsoft JhengHei";color:#d8d8d8;text-align:center;width:125px;line-height:48px}
 +
.hd-main .navs .def-nav .app-url{left:185px;width:425px;top:48px}
 +
.hd-main .navs .def-nav .pulldown-canvas-url{width:575px;height:109px}
 +
.hd-main .navs .def-nav .app-url .arrow{left:140px}
 +
.hd-main .navs .app-url .content{padding:17px 0 0 22px;height:91px}
 +
.hd-main .navs .app-url .content a,.hd-main .navs .app-url .content a:hover{color:#333}
 +
.hd-main .navs .app-url .li{cursor:pointer;padding-top:8px;width:66px;height:66px;border-radius:3px;display:block;float:left;text-align:center}
 +
.hd-main .navs .app-url .li:hover{background-color:#e0e1e5}
 +
.hd-main .navs .app-url .li .icon{margin:0 auto;width:50px;height:50px;display:block;background:url('https://static.igem.org/mediawiki/2014/9/94/Icons50X50nb.png') no-repeat}
 +
.hd-main .navs .app-url .li:hover .icon{background-image:url('https://static.igem.org/mediawiki/2014/9/94/Icons50X50nb.png')}
 +
.hd-main .navs .app-url .tongxunlu .icon{background-position:-50px 0}
 +
.hd-main .navs .app-url .xiangce .icon{background-position:-100px 0}
 +
.hd-main .navs .app-url .note .icon{background-position:-150px 0}
 +
.hd-main .navs .app-url .duanxin .icon{background-position:-200px 0}
 +
.hd-main .navs .app-url .zhaohui .icon{background-position:-250px 0}
 +
.hd-main .navs .app-url .youxi .icon{background-position:-300px 0}
 +
.hd-main .navs .app-url .li .text{height:30px;display:block;font:10px/30px "Microsoft YaHei","Microsoft JhengHei"}
 +
.hd-main .navs .separate{margin:0;height:48px;width:2px;background:#2A2B2D}
 +
.hd-main .navs .pulldown-nav{position:relative}
 +
.hd-main .navs .pulldown-nav em{
 +
position:absolute;
 +
display:block;
 +
left:99px;
 +
top:18px;
 +
height:12px;
 +
width:12px;
 +
font-size:0;
 +
background-position:-89px -45px
}
}
-
.menu li:hover ul a {
+
.hd-main .navs .pulldown-nav:hover .f-icon,.hd-main .navs .pulldown-nav:active .f-icon{position:absolute;display:block;right:11px;top:18px;height:12px;width:12px;font-size:0;background-position:-89px -55px}
-
background: none;
+
.hd-main .navs .current,.hd-main .navs .current .pulldown-nav{font-weight:bold;color:#FFF;display:inline-block;width:125px;height:49px;background-color:#0f0f0f;text-align:center;line-height:48px}
-
border-radius: 0;
+
.hd-main .navs .current:hover{color:#ECECEC}
-
box-shadow: none;
+
.hd-main .navs .current .hover{background-color:#dedede;color:#333;}
 +
.hd-main .info,.hd-main .info ul{height:36px;float:right;text-align:right;margin-top:3px;white-space:nowrap}
 +
.hd-main .info a{color:#d8d8d8}
 +
.hd-main .info a:hover{color:#FFF;text-decoration:underline}
 +
.hd-main .info .info-i{padding:0 10px;margin:10px 0;display:inline-block;*display:inline;*zoom:1;height:16px;border-right:#393939 1px solid;color:#d8d8d8;font:12px/16px "SimSun"}
 +
.hd-main{padding:0 5px;height:49px;min-width:800px;background:#252525;border-bottom:0}
 +
.hd-main .info .has-pulldown{padding-right:28px}
 +
.hd-main .info .has-pulldown .pull-arrow{position:absolute;display:block;right:10px;top:1px;height:12px;width:12px;font-size:0;background-position:-89px -45px}
 +
.hd-main .info .no-separate{border:none}
 +
.hd-main .info .user-name{position:relative;padding-left:24px}
 +
.hd-main .info .user-name .name{display:inline-block;display:inline\0;white-space:nowrap;max-width:75px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
 +
.hd-main .info .user-name .identity{position:absolute;top:0;left:0;height:16px;width:16px;background-position:-89px -88px}
 +
.hd-main .info .user-name .is-vip{background-position:-89px -68px}
 +
.hd-main .info .user-info,.hd-main .info .more-info{top:9px;left:auto;right:-24px;width:170px} /*User栏目宽度*/
 +
.hd-main .info .notice-nu{display:inline-block;padding-left:4px;background-position:-86px -109px;height:14px;-webkit-text-size-adjust:none;font-size:10px;font-style:normal}
 +
.hd-main .info .notice-nu .f-icon{display:inline-block;padding-right:4px;background-position:right -109px;color:#FFF}  /*此处原为#FFF*/
 +
.hd-main .info .user-info .arrow{left:70px;*left:-32px}
 +
.hd-main .info .user-info .content,.hd-main .info .more-info .content{padding:10px 0;height:180px}
 +
.hd-main .info .more{padding:0;display:inline;line-height:inherit;background:none}
 +
.hd-main .info .more-info .content{height:150px}
 +
.hd-main .info .user-info .content a,.hd-main .info .more-info .content a{display:block;padding-left:33px;height:30px;line-height:30px;color:#888}
 +
.hd-main .info .user-info .content a:hover,.hd-main .info .more-info .content a:hover{color:#333;text-decoration:none;background:#e0e1e5}
 +
.hd-main .info .user-info .li,.hd-main .info .more-info .li{display:block;padding:2px 0;height:30px}
 +
.hd-main .info .user-info .separate-li,.hd-main .info .more-info .separate-li{display:block;margin:3px 11px;border-top:#EBEBEC 1px solid;border-bottom:#FFF 1px solid}
 +
.hd-main .info .more-info{right:0}
 +
.hd-main .info .more-info .arrow{left:94px;*left:-8px}
 +
#apDiv1 {
 +
position:absolute;
 +
left:3px;
 +
top:4px;
 +
width:100%;
 +
height:900px;
 +
z-index:0;
 +
background-color: #66CCFF;
}
}
-
.menu li:hover ul li a:hover {
+
/*<![CDATA[*/
-
background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
+
body {
-
background-image: linear-gradient(#ededed, #fff);
+
margin:0;
-
border-radius: 12px;
+
padding:0 10px 0 10px;
-
box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
+
border:0;
 +
height:100%;
 +
overflow:auto;
 +
background-color: #FFF;
 +
}
 +
#menu {right:0; top:0; width:100%; position:fixed; padding:10px; text-align:center; font-weight:bold; background:rgba(0,83,163,0);}
 +
* html #menu {position:absolute; right:16px; top:0;}/*only for ie*/
 +
html {overflow:auto !important; overflow:hidden;}
 +
 
 +
#apDiv2 {
 +
position:absolute;
 +
left:0;
 +
top:50px;
 +
width:100%;
 +
height:265px;
 +
z-index:0;
 +
background-color: #187BDB;
 +
}
 +
#apDiv3 {
 +
position:absolute;
 +
left:0px;
 +
top:318px;
 +
width:100%;
 +
height:150px;
 +
z-index:0;
 +
}
 +
#apDiv3 table tr td p {
 +
font-size: 15px;
 +
text-align: left;
 +
}
 +
#apDiv4 {
 +
position:absolute;
 +
left:0;
 +
top:1504px;
 +
width:100%;
 +
height:1396px;
 +
z-index:0;
 +
}
 +
#apDiv5 {
 +
position:absolute;
 +
left:0;
 +
top:10588px;
 +
width:100%;
 +
height:25;
 +
z-index:1;
 +
background-color: #5FC1C5;
 +
}
 +
#apDiv3 div {
 +
font-size: 15px;
 +
text-align: center;
 +
}
 +
#apDiv4 table tr td div {
 +
font-size: 15px;
 +
color: #000;
 +
text-align: center;
 +
}
 +
#apDiv4 table tr td table tr td {
 +
font-size: 45px;
 +
line-height: 30px;
 +
}
 +
body,td,th {
 +
color: #000;
 +
}
 +
#apDiv6 {
 +
position:absolute;
 +
left:575px;
 +
top:10477px;
 +
width:220px;
 +
height:221px;
 +
z-index:2;
 +
}
 +
#apDiv2 table tr td p {
 +
font-size: 45px;
 +
text-align: center;
 +
color: #FFF;
 +
font-weight: bold;
 +
}
 +
#apDiv7 {
 +
position:absolute;
 +
left:50%;
 +
top:226px;
 +
width:257px;
 +
height:151px;
 +
z-index:auto;
 +
}
 +
#apDiv3 table tr td {
 +
font-size: 15px;
 +
}
 +
#apDiv4 table tr td table tr td p {
 +
font-size: 15px;
 +
line-height: 30px;
 +
}
 +
#apDiv8 {
 +
position:absolute;
 +
left:0;
 +
top:4900px;
 +
width:100%;
 +
height:1430px;
 +
z-index:0;
 +
}
 +
#apDiv8 div p {
 +
font-size: 45px;
 +
}
 +
#apDiv9 {
 +
position:absolute;
 +
left:0;
 +
top:7331px;
 +
width:100%;
 +
height:213px;
 +
z-index:0;
 +
}
 +
#apDiv9 div p {
 +
font-size: 45px;
 +
}
 +
#apDiv9 table tr td p {
 +
font-size: 15px;
 +
line-height: 30px;
 +
text-align: left;
 +
}
 +
#apDiv8 table tr td p {
 +
font-size: 15px;
 +
line-height: 30px;
 +
}
 +
#apDiv9 table tr td div {
 +
font-size: 45px;
 +
text-align: center;
 +
}
 +
#apDiv8 table tr td div {
 +
font-size: 45px;
 +
text-align: center;
 +
}
 +
#apDiv4 table tr td table tr td div img {
 +
font-size: 15px;
 +
}
 +
#apDiv4 table tr td table tr td div img {
 +
font-size: 15px;
 +
}
 +
#apDiv8 table tr td div img {
 +
text-align: center;
 +
font-size: 15px;
 +
}
 +
#apDiv8 table tr td div table tr td {
 +
font-size: 35px;
 +
}
 +
#apDiv9 table tr td div table tr td {
 +
font-size: 45px;
}
}
</style>
</style>
</head>
</head>
-
<body>
+
 
-
<div class="wrap">
+
<body id="" class="">
-
<nav>
+
<div id="apDiv2">
-
<ul class="menu">
+
  <table width="100%" border="0" >
-
<li><a href="#"><span class="iconic home"></span> Home</a></li>
+
    <tr>
-
<li><a href="#"><span class="iconic plus-alt"></span> About</a>
+
      <td width="1201" height="265" rowspan="2"><p><img src="https://static.igem.org/mediawiki/2014/thumb/8/84/2.wetlab.top.jpg/800px-2.wetlab.top.jpg" width="1366" height="270" /></p></td>
-
<ul>
+
      <td width="100%" height="199" bgcolor="#187ADB">&nbsp;</td>
-
<li><a href="#">Company History</a></li>
+
    </tr>
-
<li><a href="#">Meet the team</a></li>
+
    <tr>
-
</ul>
+
      <td height="70">&nbsp;</td>
-
</li>
+
    </tr>
-
<li><a href="#"><span class="iconic magnifying-glass"></span> Services</a>
+
  </table>
-
<ul>
+
</div>
-
<li><a href="#">Web Design</a></li>
+
<div id="apDiv3">
-
<li><a href="#">App Development</a></li>
+
  <p>&nbsp;</p>
-
<li><a href="#">Email Campaigns</a></li>
+
  <table width="100%" border="0">
-
<li><a href="#">Copyrighting</a></li>
+
    <tr>
-
</ul>
+
      <td width="30%">&nbsp;</td>
-
</li>
+
      <td width="40%"><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In wet lab, we designed a novel MFC device containing genetic engineered bacteria. For  anode strain, we&rsquo;ve cloned a PNP sensor sequence and a riboflavin into  Escherichia coli. The recombinants is able to detect PNP and produce riboflavin  to boost electrical generation when co-cultured with<em> Shewanella oneidensis. </em></p></td>
-
<li><a href="#"><span class="iconic map-pin"></span> Products</a>
+
      <td width="30%">&nbsp;</td>
-
<ul>
+
    </tr>
-
<li><a href="#">Widget One</a></li>
+
  </table>
-
<li><a href="#">Widget Two</a></li>
+
  <p>&nbsp;</p>
-
<li><a href="#">Web App Three</a></li>
+
  <p>&nbsp;</p>
-
<li><a href="#">Web App Four</a></li>
+
</div>
-
<li><a href="#">Crazy Products</a></li>
+
<div id="apDiv4" >
-
<li><a href="#">iPhone Apps</a></li>
+
  <p>&nbsp;</p>
-
</ul>
+
  <table width="100%" height="627" border="0">
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" height="550" valign="top"><p>&nbsp;</p>
 +
        <p>&nbsp;</p>
 +
        <table width="100%" border="0">
 +
          <tr>
 +
            <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"  height="50">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GENETIC ENGINEERED BACTERIA%黑%</td>
 +
          </tr>
 +
        </table>
 +
        <table width="100%" border="0">
 +
          <tr>
 +
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="30%" height="1146"><p>&nbsp;</p></td>
 +
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="57%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We designed this pathway for our purpose. As you can see, the NsrR is constitutive expressed in almost all E. coli orgnisms and it can repress the promoter PyeaR. In our project we found that this sensitive system is also adjusted to the PNP(p-nitrophenol). So we constructed this sensor pathway.</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The sensor will cause the expression of riboflavin, a kind of mediator which can induce the generation of current in MFCs, to show the appearance of PNP. We can estimate the concentration of PNP. </p>
 +
            <div><img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
            <p>&nbsp;</p>
 +
            <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
 +
            <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Figure-1  The pathway of PNP sensor</p>
 +
            <p>&nbsp;</p>
 +
<div><img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Figure-1  The pathway of PNP sensor</p>
 +
                        <p>&nbsp;</p>
 +
<div><img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Figure-1  The pathway of PNP sensor</p>
 +
                        <p>&nbsp;</p>
 +
<div><img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Figure-1  The pathway of PNP sensor</p>
 +
                        <p>&nbsp;</p>
 +
<div><img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Figure-1  The pathway of PNP sensor</p>
 +
           
 +
            <p>&nbsp;</p>
 +
<div><img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
            <p>&nbsp;</p>
 +
            <p align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Figure-2  The pathway of the Cr ion reductase(yieF as an example)</p></td>
 +
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="13%">&nbsp;</td>
 +
        </tr>
 +
</table>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="apDiv5">
 +
  <table width="1365" border="0"">
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="1365" height="463"><img src="https://static.igem.org/mediawiki/2014/0/07/Dblbluebar.jpg" width="1365" height="463" /></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="apDiv6"><img src="https://static.igem.org/mediawiki/2014/6/6e/Lzulogo.png" width="220" height="221" /></div>
 +
<div id="apDiv8">
 +
  <p>&nbsp;</p>
 +
  <table width="100%" border="0">
 +
    <tr>
 +
      <td ><div>
 +
        <table width="100%" border="0">
 +
          <tr>
 +
            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dxdsx%白%</td>
 +
          </tr>
 +
        </table>
 +
      </div></td>
 +
    </tr>
 +
  </table>
 +
  <table width="100%" border="0">
 +
    <tr>
 +
      <td  width="30%">&nbsp;</td>
 +
      <td  ><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;        </p>
 +
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We found that the part BBa_K381001 by  iGEM10_BCCS-Bristol is a sensor which can detect the appearance of nitrate and  nitrite. So we perfomed an experience by this part to see if this part can  detect PNP(p-Nitrophenol).
 +
          We got a good result.You can see the PNP  can also induce the green fluorescence.</p>
 +
      <p>&nbsp;</p>
 +
                  <p>&nbsp;</p>
 +
<div><img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Figure-1  The pathway of PNP sensor</p>
 +
                        <p>&nbsp;</p>
 +
<div><img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Figure-1  The pathway of PNP sensor</p>
 +
                        <p>&nbsp;</p>
 +
<div><img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
            <p>&nbsp;</p>
 +
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Figure-1  The pathway of PNP sensor</p>
 +
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
 +
<p>&nbsp;</p></td>
 +
      <td  width="13%">&nbsp;</td>
 +
    </tr>
 +
  </table>
 +
  <p>&nbsp;</p>
 +
</div>
 +
<div id="apDiv9">
 +
  <p>&nbsp;</p>
 +
  <table width="100%" border="0" >
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"><p>&nbsp;</p>
 +
      <p>&nbsp;</p></td>
 +
    </tr>
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" ><div>
 +
        <table width="100%" border="0">
 +
          <tr>
 +
            <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dgfb%黑色%</td>
 +
          </tr>
 +
        </table>
 +
        <p>&nbsp;</p>
 +
        <p>&nbsp;</p>
 +
      </div></td>
 +
    </tr>
 +
  </table>
 +
  <div></div>
 +
  <table width="100%" border="0" >
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="30%">&nbsp;</td>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="57%"><p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
 +
        <p align="left">&nbsp;</p>
 +
        <p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We found  four genes to reduce the Cr(VI) to Cr(III). They are<em> nahG, nahR, nahE, chrR</em> and <em>yieF. </em>We didn&rsquo;t do the deep research about them because of time  limitation. They can be used in the general plasmids such as pBR322. We just  made them to be the formation of Biobrick. More uses and functions need to be  demonstrated and found.</p>
 +
        <p align="left"><strong><em>nahG</em></strong>: We got the sequence from <em>Pseudomonas putida</em> </p>
 +
        <p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Primer:sense:5&rsquo;---CCGGAATTCGCGGCCGCTTCTAGATGAAAAACAATAAACCTGGCTTGCGC---3&rsquo;;<br />
 +
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;anti-sense:5&rsquo;---AAAATACTAGTAGCGGCCGCTGCAGTCACCCTTGACGTAGCACACC---3&rsquo;)<br />
 +
  <strong><em>nahE: </em></strong>We got the sequence from <em>Pseudomonas putida<strong> </strong></em><br />
 +
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Primer:sense:5&rsquo;---CCGGAATTCGCGGCCGCTTCTAGATGTCGAATAAAATTATGAAAACGTCGCG---3&rsquo;;<br />
 +
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;anti-sense:5&rsquo;---AAAATACTAGTAGCGGCCGCTGCAGCTACTTCAATTCATTACTGTATTTAGCGTG---3&rsquo;)<br />
 +
  <strong><em>nahR: </em></strong>We got the sequence from <em>Pseudomonas putida<strong> </strong></em><br />
 +
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Primer:sense:5&rsquo;---  CCGGAATTCGCGGCCGCTTCTAGATGAAAAACAATAAACCTGGCTTGCGC---3&rsquo;;<br />
 +
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;anti-sense:5&rsquo;---AAAATACTAGTAGCGGCCGCTGCAGTCACCCTTGACGTAGCACACC---3&rsquo;)<br />
 +
  <strong><em>chrR: </em></strong>We got the sequence from <em>Escherichia coli str.  K-12<strong> </strong></em><br />
 +
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Primer:sense:5&rsquo;---  CCGGAATTCGCGGCCGCTTCTAGATGAAAAAAATAGTCCAGTCGGAAGG---3&rsquo;;<br />
 +
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;anti-sense:5&rsquo;---AAAATACTAGTAGCGGCCGCTGCAGTCAGGCCTTTTTGTGCTGTTCAAC---3&rsquo;)<br />
 +
  <strong><em>yieF: </em></strong>We got the sequence from <em>Escherichia coli str.  K-12<strong> </strong></em><br />
 +
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Primer:sense:5&rsquo;---  GAATTCGGATCCATGTCTGAAAAATTGCAGGTGG---3&rsquo;;<br />
 +
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;anti-sense:5&rsquo;---GAATTCTCTAGATTAGATCTTAACTCGCTGAATAAA---3&rsquo;)</p>
 +
        <div>&nbsp;<img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
        <p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Primer:sense:5&rsquo;---  CCGGAATTCGCGGCCGCTTCTAGATGAAAAAAATAGTCCAGTCGGAAGG---3&rsquo;;<br />
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;anti-sense:5&rsquo;---AAAATACTAGTAGCGGCCGCTGCAGTCAGGCCTTTTTGTGCTGTTCAAC---3&rsquo;)<br />
 +
<strong><em>yieF: </em></strong>We got the sequence from <em>Escherichia coli str.  K-12<strong> </strong></em><br />
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Primer:sense:5&rsquo;---  GAATTCGGATCCATGTCTGAAAAATTGCAGGTGG---3&rsquo;;<br />
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;anti-sense:5&rsquo;---GAATTCTCTAGATTAGATCTTAACTCGCTGAATAAA---3&rsquo;)</p>
 +
<div>&nbsp;<img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Primer:sense:5&rsquo;---  CCGGAATTCGCGGCCGCTTCTAGATGAAAAAAATAGTCCAGTCGGAAGG---3&rsquo;;<br />
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;anti-sense:5&rsquo;---AAAATACTAGTAGCGGCCGCTGCAGTCAGGCCTTTTTGTGCTGTTCAAC---3&rsquo;)<br />
 +
<strong><em>yieF: </em></strong>We got the sequence from <em>Escherichia coli str.  K-12<strong> </strong></em><br />
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Primer:sense:5&rsquo;---  GAATTCGGATCCATGTCTGAAAAATTGCAGGTGG---3&rsquo;;<br />
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;anti-sense:5&rsquo;---GAATTCTCTAGATTAGATCTTAACTCGCTGAATAAA---3&rsquo;)</p>
 +
<div>&nbsp;<img src="https://static.igem.org/mediawiki/2014/3/3c/Image005.png" alt="" width="455" height="340" /></div>
 +
<p align="left">&nbsp;</p>
 +
<p align="left"></p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://2014.igem.org/Team:LZU-China/wetlab2"><img src="https://static.igem.org/mediawiki/2014/e/e2/Mfcdb.png" width="349" height="81" /></a></p>
 +
<div></div>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p>
 +
<p align="left">&nbsp;</p></td>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="13%">&nbsp;</td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div >
 +
  <div style=" height:890px;"> </div>
 +
<div id="menu">
 +
<script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".def-nav,.info-i").hover(function(){
 +
$(this).find(".pulldown-nav").addClass("hover");
 +
$(this).find(".pulldown").show();
 +
},function(){
 +
$(this).find(".pulldown").hide();
 +
$(this).find(".pulldown-nav").removeClass("hover");
 +
});
 +
});
 +
</script>
 +
<div class="hd-main clearfix" id="header">
 +
<a class="logo" href="https://2014.igem.org/Team:LZU-China"></a>
 +
<div class="navs">
 +
<a class="def-nav" href="https://2014.igem.org/Team:LZU-China">Home</a>
 +
<span class="separate"></span>
 +
<div class="def-nav current has-pulldown-special">
 +
<a class="pulldown-nav" href=""><em class="f-icon"></em>Project</a>
 +
<div class="pulldown app-url">
 +
<div class="content">
 +
<a class="li disk" href="https://2014.igem.org/Team:LZU-China/background">
 +
<span class="icon"></span>
 +
<span class="text">Background</span>
 +
</a>
 +
<a class="li tongxunlu" href="https://2014.igem.org/Team:LZU-China/wetlab">
 +
<span class="icon"></span>
 +
<span class="text">Wet Lab</span>
 +
</a>
 +
<a class="li xiangce" href="https://2014.igem.org/Team:LZU-China/drylab">
 +
<span class="icon"></span>
 +
<span class="text">Dry Lab</span>
 +
</a>
 +
<a class="li note" href="https://2014.igem.org/Team:LZU-China/Parts">
 +
<span class="icon"></span>
 +
<span class="text">Parts</span>
 +
</a>
 +
                    <a class="li duanxin" href="https://2014.igem.org/Team:LZU-China/interlab">
 +
<span class="icon"></span>
 +
<span class="text">Interlab</span>
 +
</a>
 +
<a class="li zhaohui" href="https://2014.igem.org/Team:LZU-China/future">
 +
<span class="icon"></span>
 +
<span class="text">Future Work</span>
 +
</a>
 +
</div>
 +
  </div>
 +
</div>
 +
    <span class="separate"></span>
 +
<a class="def-nav" href="https://2014.igem.org/Team:LZU-China/Notebook">Note Book</a>
 +
        <span class="separate"></span>
 +
<a class="def-nav" href="https://2014.igem.org/Team:LZU-China/Safety">Safety</a>
 +
        <span class="separate"></span>
 +
<a class="def-nav" href="https://2014.igem.org/Team:LZU-China/hp">H. Practice</a>
 +
</div>
 +
<div class="info">
 +
<ul>
 +
<li class="info-i user-name has-pulldown">
 +
<em class="f-icon pull-arrow"></em>
 +
<a class="f-icon identity" href="https://2014.igem.org/Team:LZU-China/Team" title="Our team"></a>
 +
<span class="name top-username">Our Team</span>
 +
<div class="pulldown user-info">
 +
<em class="arrow"></em>
 +
<div class="content">
 +
<span class="li"><a href="https://2014.igem.org/Team:LZU-China/Team">Team Members</a></span>
 +
<span class="li"><a href="https://2014.igem.org/Team:LZU-China/Instructors">Advisors</a></span>
 +
<span class="li"><a href="https://2014.igem.org/Team:LZU-China/Instructors">Instructors</a></span>
 +
                        <span class="separate-li no-height"></span>
 +
<span class="li"><a href="https://2014.igem.org/Team:LZU-China/Attribution">Attribution</a></span>
 +
<span class="li"><a href="https://2014.igem.org/Team:LZU-China/acknowledgement">Acknowledgement</a></span>
 +
<span class="separate-li no-height"></span>
 +
</div>
 +
</div>
</li>
</li>
-
<li><a href="#"><span class="iconic mail"></span> Contact</a>
+
<li class="info-i no-separate default-text has-pulldown">
-
<ul>
+
<em class="f-icon pull-arrow"></em>
-
<li><a href="#">Contact Us</a></li>
+
<span class="more" hideFocus="hideFocus">More</span>
-
<li><a href="#">Directions</a></li>
+
<div class="pulldown more-info">
-
</ul>
+
<em class="arrow"></em>
 +
<div class="content">
 +
<span class="separate-li no-height"></span>
 +
<span class="li"><a href="">Team Profile</a></span>
 +
<span class="li"><a href="http://en.lzu.edu.cn/">Lanzhou University</a></span>
 +
<span class="li"><a href="https://2013.igem.org/Team:LZU-China">LZU-CHINA 2013</a></span>
 +
</div>
 +
</div>
</li>
</li>
</ul>
</ul>
-
<div class="clearfix"></div>
 
-
</nav>
 
</div>
</div>
-
<div style="text-align:center;clear:both">
+
</div>
 +
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</div>
</div>
</div>
</body>
</body>
-
</html>
+
 
 +
 
 +
 
 +
 
 +
 
 +
<script type="text/javascript">
 +
function MM_showHideLayers() { //v9.0
 +
  var i,p,v,obj,args=MM_showHideLayers.arguments;
 +
  for (i=0; i<(args.length-2); i+=3)
 +
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
 +
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
 +
    obj.visibility=v; }
 +
}
 +
</script>

Latest revision as of 14:02, 17 October 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> LZU-China 2014

 
 

 

 

          In wet lab, we designed a novel MFC device containing genetic engineered bacteria. For anode strain, we’ve cloned a PNP sensor sequence and a riboflavin into Escherichia coli. The recombinants is able to detect PNP and produce riboflavin to boost electrical generation when co-cultured with Shewanella oneidensis.

 

 

 

 

 

 

        GENETIC ENGINEERED BACTERIA%黑%

 

            

          We designed this pathway for our purpose. As you can see, the NsrR is constitutive expressed in almost all E. coli orgnisms and it can repress the promoter PyeaR. In our project we found that this sensitive system is also adjusted to the PNP(p-nitrophenol). So we constructed this sensor pathway.

          The sensor will cause the expression of riboflavin, a kind of mediator which can induce the generation of current in MFCs, to show the appearance of PNP. We can estimate the concentration of PNP.

 

          

                                                              Figure-1 The pathway of PNP sensor

 

 

                                                              Figure-1 The pathway of PNP sensor

 

 

                                                              Figure-1 The pathway of PNP sensor

 

 

                                                              Figure-1 The pathway of PNP sensor

 

 

                                                              Figure-1 The pathway of PNP sensor

 

 

                                                             Figure-2 The pathway of the Cr ion reductase(yieF as an example)

 

 

 

 

             dxdsx%白%
 

          

          We found that the part BBa_K381001 by iGEM10_BCCS-Bristol is a sensor which can detect the appearance of nitrate and nitrite. So we perfomed an experience by this part to see if this part can detect PNP(p-Nitrophenol). We got a good result.You can see the PNP can also induce the green fluorescence.

 

 

 

                                                              Figure-1 The pathway of PNP sensor

 

 

                                                              Figure-1 The pathway of PNP sensor

 

 

                                                              Figure-1 The pathway of PNP sensor

                              

 

 

 

 

 

 

         dgfb%黑色%

 

 

 

         

 

          We found four genes to reduce the Cr(VI) to Cr(III). They are nahG, nahR, nahE, chrR and yieF. We didn’t do the deep research about them because of time limitation. They can be used in the general plasmids such as pBR322. We just made them to be the formation of Biobrick. More uses and functions need to be demonstrated and found.

nahG: We got the sequence from Pseudomonas putida

          (Primer:sense:5’---CCGGAATTCGCGGCCGCTTCTAGATGAAAAACAATAAACCTGGCTTGCGC---3’;
          anti-sense:5’---AAAATACTAGTAGCGGCCGCTGCAGTCACCCTTGACGTAGCACACC---3’)
nahE: We got the sequence from Pseudomonas putida
          (Primer:sense:5’---CCGGAATTCGCGGCCGCTTCTAGATGTCGAATAAAATTATGAAAACGTCGCG---3’;
          anti-sense:5’---AAAATACTAGTAGCGGCCGCTGCAGCTACTTCAATTCATTACTGTATTTAGCGTG---3’)
nahR: We got the sequence from Pseudomonas putida
          (Primer:sense:5’--- CCGGAATTCGCGGCCGCTTCTAGATGAAAAACAATAAACCTGGCTTGCGC---3’;
          anti-sense:5’---AAAATACTAGTAGCGGCCGCTGCAGTCACCCTTGACGTAGCACACC---3’)
chrR: We got the sequence from Escherichia coli str. K-12
          (Primer:sense:5’--- CCGGAATTCGCGGCCGCTTCTAGATGAAAAAAATAGTCCAGTCGGAAGG---3’;
          anti-sense:5’---AAAATACTAGTAGCGGCCGCTGCAGTCAGGCCTTTTTGTGCTGTTCAAC---3’)
yieF: We got the sequence from Escherichia coli str. K-12
          (Primer:sense:5’--- GAATTCGGATCCATGTCTGAAAAATTGCAGGTGG---3’;
          anti-sense:5’---GAATTCTCTAGATTAGATCTTAACTCGCTGAATAAA---3’)

 

 

     (Primer:sense:5’--- CCGGAATTCGCGGCCGCTTCTAGATGAAAAAAATAGTCCAGTCGGAAGG---3’;
          anti-sense:5’---AAAATACTAGTAGCGGCCGCTGCAGTCAGGCCTTTTTGTGCTGTTCAAC---3’)
yieF: We got the sequence from Escherichia coli str. K-12
          (Primer:sense:5’--- GAATTCGGATCCATGTCTGAAAAATTGCAGGTGG---3’;
          anti-sense:5’---GAATTCTCTAGATTAGATCTTAACTCGCTGAATAAA---3’)

 

 

     (Primer:sense:5’--- CCGGAATTCGCGGCCGCTTCTAGATGAAAAAAATAGTCCAGTCGGAAGG---3’;
          anti-sense:5’---AAAATACTAGTAGCGGCCGCTGCAGTCAGGCCTTTTTGTGCTGTTCAAC---3’)
yieF: We got the sequence from Escherichia coli str. K-12
          (Primer:sense:5’--- GAATTCGGATCCATGTCTGAAAAATTGCAGGTGG---3’;
          anti-sense:5’---GAATTCTCTAGATTAGATCTTAACTCGCTGAATAAA---3’)