Team:LZU-China/wetlab
From 2014.igem.org
(Created page with "- →This page is wetlab: ") |
|||
(13 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | /* | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
+ | <html xmlns=" http://www.w3.org/1999/xhtml"> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> | ||
+ | <title>LZU-China 2014</title> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | |||
+ | .firstHeading { | ||
+ | width: 975px; | ||
+ | margin: 0px auto; | ||
+ | padding-top: 100px; | ||
+ | margin-bottom: 20px; | ||
+ | font-family: Georgia, Times, "Times New Roman", serif; | ||
+ | } | ||
+ | |||
+ | 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; | ||
+ | z-index: 10; | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | html, body, .wrapper { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .sidemenu, .sidemenu li { | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | font-family: verdana; | ||
+ | text-decoration: none; | ||
+ | color:#000; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;} | ||
+ | .sub-sidemenu a {color: #666;} | ||
+ | |||
+ | div.underconst | ||
+ | { | ||
+ | padding:10px; | ||
+ | border-radius:5px; | ||
+ | background-color:pink; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;} | ||
+ | |||
+ | .contentpara {margin-bottom: 30px;} | ||
+ | |||
+ | span.email{font-family: monospace; font-weight: normal;} | ||
+ | |||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .newsItem { | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | display: block; | ||
+ | padding: 5px 15px 0px 10px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | .newsItem h3 { | ||
+ | width: auto; | ||
+ | display: inline; | ||
+ | font-size: 14px; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .annItem .annCentered { | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | height: 160px; | ||
+ | } | ||
+ | |||
+ | .annCentered h3 { | ||
+ | padding: 0px; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | html{background-color:#e9ecec} | ||
+ | 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; | ||
+ | } | ||
+ | button,input,select,textarea{font-size:100%} | ||
+ | table{ | ||
+ | border-collapse:collapse; | ||
+ | border-spacing:0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | input:focus{outline:none} | ||
+ | .hd-main{height:60px;background:#fff;z-index:15;border-bottom:#b3b3b3 1px solid;box-shadow:0 0 5px #333} | ||
+ | .f-icon{background-image:url('http://www.codefans.net/jscss/demoimg/201403//frame-icon.png');background-repeat:no-repeat} | ||
+ | .hd-main{padding:0 5px;height:49px;min-width:800px;background:#252525;border-bottom:0} | ||
+ | .hd-main .has-pulldown{cursor:pointer;position:relative;*z-index:10000} | ||
+ | .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 | ||
+ | } | ||
+ | .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} | ||
+ | .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} | ||
+ | .hd-main .navs .current:hover{color:#ECECEC} | ||
+ | .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; | ||
+ | } | ||
+ | /*<![CDATA[*/ | ||
+ | body { | ||
+ | margin:0; | ||
+ | padding:0 10px 0 10px; | ||
+ | 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:604px; | ||
+ | width:100%; | ||
+ | height:1396px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | #apDiv5 { | ||
+ | position:absolute; | ||
+ | left:0; | ||
+ | top:2788px; | ||
+ | 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:2677px; | ||
+ | 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> | ||
+ | </head> | ||
+ | |||
+ | <body id="" class=""> | ||
+ | <div id="apDiv2"> | ||
+ | <table width="100%" border="0" > | ||
+ | <tr> | ||
+ | <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> | ||
+ | <td width="100%" height="199" bgcolor="#187ADB"> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td height="70"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div id="apDiv3"> | ||
+ | <p> </p> | ||
+ | <table width="100%" border="0"> | ||
+ | <tr> | ||
+ | <td width="15%"> </td> | ||
+ | <td width="75%"><p> </p> | ||
+ | <p> We constructed a pollutant substrate(PNP) bio-sensor coupling riboflavin synthetic gene cluster, the genetically modified E.coli can secrete riboflavin when added PNP in MFC anode medium.Riboflavin is a efficient redox mediator as well as a stimulator of MFC. We created a novel MFC devices and built a quantitative monitor system of PNP via measuring voltage increment.</p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2014/4/40/Dht1_%281%29.jpg" width="238" height="75" /><a href="https://2014.igem.org/Team:LZU-China/wetlab2"><img src="https://static.igem.org/mediawiki/2014/2/2c/Dht1_(2).jpg" width="229" height="75" /></a><a href="https://2014.igem.org/Team:LZU-China/wetlab3"><img src="https://static.igem.org/mediawiki/2014/e/e8/Dht1_(3).jpg" width="204" height="75" /></a><a href="https://2014.igem.org/Team:LZU-China/wetlab4"><img src="https://static.igem.org/mediawiki/2014/0/02/Dht1_(4).jpg" width="299" height="75" /></a></p></td> | ||
+ | <td width="10%"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <p> </p> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | <div id="apDiv4" > | ||
+ | <p> </p> | ||
+ | <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> </p> | ||
+ | <p> </p> | ||
+ | <table width="100%" border="0"> | ||
+ | <tr> | ||
+ | <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" height="50"> INTRODUCTION</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> </p></td> | ||
+ | <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="57%"> | ||
+ | <p> Why did we choose the MFC as our device? MFC is an abbreviation of microbial fuel cell.MFC is a bioreactor that can convert biomass energy into electricity through the metabolic activity of bacteria in the anode chamber.(<a href="#_ENREF_1" title="Du, 2007 #10">Du, Li, & Gu, 2007</a>) . Nowadays, MFC is a new energy source available for us to solve pollution problem and produce electricity energy simultaneously. </p> | ||
+ | <p> </p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2014/4/47/MFC_sketch.png" width="555" height="479" /></p> | ||
+ | <p><br /> | ||
+ | However, the main challenge of MFC is how to bring these technologies out of the laboratory and engineer practical systems for bioenergy production at larger scales. One of the most severe problems is the low efficiency of extracellular electron transfer without the help of redox mediators added manually into the reactor, such as neutral red, thionin (<a href="#_ENREF_5" title="Rabaey, 2005 #50">Rabaey & Verstraete, 2005</a>) . The addition of these mediators seemed to be another troublesome pollutant to deal with.<br /> | ||
+ | </p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2014/1/1c/Duxuejing_cartoon_Bhalf.png" alt="" width="627" height="304" align="middle" /></p> | ||
+ | <p> </p> | ||
+ | <p> In our study, we successfully constructed a power stimulating model to solve this puzzle. We use <em>Shewanella</em>, a well-known star of electricity-producing bacteria family, as our devices’ powerful engine, it can send forth bacterial <em>nanowires and reach the highest power output peak</em>. Furthermore, we construct an extraordinary “<em>Turbo Boost</em>” device—genetically modified E.coli system—to stimulate this process. The hero of this story is riboflavin, a natural redox mediator also known as Vitamin B2. Our E.coli system can produce a certain amount of riboflavin, which concentration is dependent on substrate’s quantity, using a pollutant substrate bio-sensor coupling riboflavin synthetic gene cluster. </p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2014/6/6e/Old_MFC_photo.png" alt="" width="455" height="340" /></p> | ||
+ | <p> </p> | ||
+ | <p> In that system, we can monitor pollutant concentration real-timely by measuring the voltage of MFC devices and demonstrate result via data processing center and mobile network application.</p> | ||
+ | <div></div> | ||
+ | <p align="left"> </p> | ||
+ | <p align="left"> <a href="https://2014.igem.org/Team:LZU-China/wetlab2"><img src="https://static.igem.org/mediawiki/2014/2/2c/L3.png" alt="" width="349" height="81" /></a></p> | ||
+ | <p> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"> </p> | ||
+ | <p align="center"><script type="text/javascript"> | ||
+ | var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); | ||
+ | document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F986011a32f84f432107ce07502765e79' type='text/javascript'%3E%3C/script%3E")); | ||
+ | </script> | ||
+ | </p></td> | ||
+ | <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="13%"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <p> </p> | ||
+ | <p> </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 > | ||
+ | <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">Acknowledgements</a></span> | ||
+ | <span class="separate-li no-height"></span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="info-i no-separate default-text has-pulldown"> | ||
+ | <em class="f-icon pull-arrow"></em> | ||
+ | <span class="more" hideFocus="hideFocus">More</span> | ||
+ | <div class="pulldown more-info"> | ||
+ | <em class="arrow"></em> | ||
+ | <div class="content"> | ||
+ | <span class="separate-li no-height"></span> | ||
+ | <span class="li"><a href="https://igem.org/Team.cgi?year=2014&team_name=LZU-China">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> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <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 21:46, 17 October 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
We constructed a pollutant substrate(PNP) bio-sensor coupling riboflavin synthetic gene cluster, the genetically modified E.coli can secrete riboflavin when added PNP in MFC anode medium.Riboflavin is a efficient redox mediator as well as a stimulator of MFC. We created a novel MFC devices and built a quantitative monitor system of PNP via measuring voltage increment.
|
|