Team:LZU-China

From 2014.igem.org

(Difference between revisions)
 
(56 intermediate revisions not shown)
Line 1: Line 1:
-
f{{CSS/Main}}
+
<!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">
-
<html>
 
-
<!--main content -->
 
-
<table width="70%" align="center">
 
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
-
<!--welcome box -->
+
.firstHeading {
-
<tr>
+
width: 975px;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#AFEEEE>
+
margin: 0px auto;
-
<h1 >WELCOME TO LZU-iGEM 2014! </h1>
+
padding-top: 100px;
-
<p>How many roads must a man walk down
+
margin-bottom: 20px;
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world!
+
font-family: Georgia, Times, "Times New Roman", serif;
-
<br style="color:#E7E7E7">寂寞男人柳万翔... </br>
+
}
-
</p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:LZU-China&action=edit"style="color:#FFFFFE"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
-
<!-- end welcome box -->
+
-
<tr>
+
-
<!--navigation menu -->
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
<td align="center" colspan="3">
+
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
-
<table  width="100%">
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
<tr heigth="15px"></tr>
+
background-color: #383838;
-
<tr heigth="75px">
+
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;
 +
}
-
<td style="border:1px solid black;" align="50px" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
body {
-
<a href="https://2014.igem.org/Team:LZU-China"style="color:#000000">Home </a> </td>
+
background-color: #fff;
 +
}
-
<td style="border:1px solid blue;" align="50px" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
<a href="https://2014.igem.org/Team:LZU-China/Team"style="color:#000000"> Team </a> </td>
+
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
-
<td style="border:1px solid yellow;" align="50px"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=LZU-China"style="color:#000000"> Profile </a></td>
+
width: 100%;  
 +
height: 100%;
 +
background-color: transparent;
 +
}
-
<td style="border:1px solid red;" align="50px"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#contentcontainer { /*-- creates container for all content on page --*/
-
<a href="https://2014.igem.org/Team:LZU-China/Project"style="color:#000000"> Project</a></td>
+
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;
 +
}
-
<td style="border:1px solid green;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.sidemenu, .sidemenu li {
-
<a href="https://2014.igem.org/Team:LZU-China/Parts"style="color:#000000"> Parts</a></td>
+
list-style-type: none;  
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
 +
}
-
<td style="border:1px solid blue;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.sidemenu li {display: block;}
-
<a href="https://2014.igem.org/Team:LZU-China/Modeling"style="color:#000000"> Modeling</a></td>
+
-
<td style="border:1px solid pink;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.sidemenu a {
-
<a href="https://2014.igem.org/Team:LZU-China/Notebook"style="color:#000000"> Notebook</a></td>
+
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;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.sidemenu a.greyout { color: #909090; }
-
<a href="https://2014.igem.org/Team:LZU-China/Safety"style=" color:#000000"> Safety </a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.sidemenu a:hover {
-
<a href="https://2014.igem.org/Team:LZU-China/Attributions"style="color:#000000"> Attributions </a></td>
+
color:#666;
 +
background-color: #d9f5aa;
 +
}
 +
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 +
.sub-sidemenu a {color: #666;}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
div.underconst
-
</tr>
+
{
-
</table>
+
padding:10px;
 +
border-radius:5px;
 +
background-color:pink;
 +
text-align:center;
 +
}
-
<!--end navigation menu -->
+
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
-
</tr>
+
 +
.contentpara {margin-bottom: 30px;}
-
</tr>
+
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;}
-
</td>
+
.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;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
.newsItem {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
border-bottom: 1px solid #ccc;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
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;
 +
}
-
<!--requirements section -->
+
.newsItem img {
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
float: right;
-
<tr>
+
clear: right;
-
<td width="45%"  valign="top">
+
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
 +
}
-
<!-- Links to other team pages -->
+
.newsItem p, .newsItem ul, .newsItem li {
-
<ul>
+
padding: 0px;
-
<li><a href="https://2014.igem.org/Team:LZU-China">Home</a> </li>
+
margin-left: 20px;
-
<li><a href="https://2014.igem.org/Team:LZU-China/Team">Team</a> </li>
+
font-size: 12px;
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=LZU-China">Official Team Profile</a> </li>
+
line-height: 1.2;
-
<li><a href="https://2014.igem.org/Team:LZU-China/Project">Project</a> </li>
+
}
-
<li><a href="https://2014.igem.org/Team:LZU-China/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:LZU-China/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:LZU-China/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:LZU-China/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:LZU-China/Attributions">Attributions</a> </li>
+
-
</ul>
+
.newsItem p {margin-top: 10px;}
-
</td>
+
.annItem {
 +
border: 2px solid #49b677;
 +
display: block;
 +
padding: 0px 15px 10px 10px;
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
 +
}
-
<td > </td>
+
.annItem .annCentered {
-
<td width="45%">
+
display: table-cell;
 +
vertical-align: middle;
 +
height: 160px;
 +
}
-
<p>There are a few wiki requirements teams must follow:</p>
+
.annCentered h3 {
-
<ul>
+
padding: 0px;
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
display: block;
-
<li>All pages must be created under the team’s name space.</li>
+
margin-left: auto;
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
margin-right: auto;
-
<li>Do not use flash in wiki code. </li>
+
text-align: center;
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
}
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
</td>
+
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
-
</tr>
+
.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}
 +
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;}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
#apDiv2 {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
position:absolute;
 +
left:0;
 +
top:22px;
 +
width:100%;
 +
height:541px;
 +
z-index:0;
 +
background-color: #187BDB;
 +
}
 +
#apDiv2b{
 +
position:absolute;
 +
left:0;
 +
top:2400px;
 +
width:100%;
 +
height:1024px;
 +
z-index:1;
 +
background-color: #187BDB;
 +
}
 +
#apDiv3 {
 +
position:absolute;
 +
left:1px;
 +
top:570px;
 +
width:100%;
 +
height:150px;
 +
z-index:0;
 +
}
 +
#apDiv3 table tr td p {
 +
font-size: 15px;
 +
text-align: center;
 +
}
 +
#apDiv4 {
 +
position:absolute;
 +
left:0;
 +
top:1224px;
 +
width:100%;
 +
height:56px;
 +
z-index:0;
 +
}
 +
#apDiv5 {
 +
position:absolute;
 +
left:0;
 +
top:3118px;
 +
width:100%;
 +
height:25;
 +
z-index:2;
 +
background-color: #5FC1C5;
 +
}
 +
#apDiv3 div {
 +
font-size: 46px;
 +
text-align: center;
 +
}
 +
#apDiv4 table tr td div {
 +
font-size: 45px;
 +
color: #000;
 +
text-align: left;
 +
}
 +
#apDiv4 table tr td table tr td {
 +
font-size: 16px;
 +
line-height: 30px;
 +
text-align: left;
 +
}
 +
body,td,th {
 +
color: #333;
 +
}
 +
#apDiv6 {
 +
position:absolute;
 +
left:575px;
 +
top:3007px;
 +
width:220px;
 +
height:221px;
 +
z-index:3;
 +
}
 +
#apDiv3 table tr td div {
 +
font-size: 19px;
 +
color: #666;
 +
font-weight: bold;
 +
}
 +
#apDiv4 table tr td table tr td table tr td {
 +
text-align: center;
 +
}
 +
#apDiv4 table tr td table tr td p {
 +
font-size: 16px;
 +
line-height: 31px;
 +
}
 +
</style>
 +
</head>
 +
<body id="" class="">
 +
<div id="apDiv2">
 +
  <p><img src="lzuchianmfctt.jpg" width="1366" height="541" /></p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
</div>
-
<!--tips  -->
+
<body id="" class="">
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
<div id="apDiv2b">
 +
  <p><img src="https://static.igem.org/mediawiki/2014/b/bc/Lzumfctt2.jpg" width="1366" height="542" /></p>
 +
  <p><img src="https://static.igem.org/mediawiki/2014/4/42/Bkcolorind.jpg" width="1366" height="482" /></p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
<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>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
</div>
 +
<div id="apDiv2">
 +
  <p><img src="https://static.igem.org/mediawiki/2014/c/c6/Lzuchianmfctt.jpg" width="1366" height="541" /></p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
</div>
-
<tr>
 
-
<td width="45%" valign="top">
 
-
<p>We are currently working on providing teams with some easy to use design templates.
 
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
 
-
<ul>
 
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
 
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
 
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
 
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
 
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
 
-
</ul>
 
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
<div id="apDiv3">
-
</td>
+
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <div>CONTENTS</div>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <table width="100%" border="0" align="center">
 +
    <tr>
 +
      <td width="20%"><p>&nbsp;</p>
 +
      <p>&nbsp;</p></td>
 +
      <td width="12%"><p><a href="https://2014.igem.org/Team:LZU-China/background"><img src="https://static.igem.org/mediawiki/2014/8/83/1backgroud.png" width="100" height="100" /></a></p>
 +
      <p>Background</p></td>
 +
      <td width="12%"><p><a href="https://2014.igem.org/Team:LZU-China/wetlab"><img src="https://static.igem.org/mediawiki/2014/d/d5/2wetlab.png" width="100" height="100" /></a></p>
 +
      <p>Wet Lab</p></td>
 +
      <td width="12%"><p><a href="https://2014.igem.org/Team:LZU-China/drylab"><img src="https://static.igem.org/mediawiki/2014/c/c6/3drylab.png" width="100" height="100" /></a></p>
 +
      <p>Dry Lab</p></td>
 +
      <td width="12%"><p><a href="https://2014.igem.org/Team:LZU-China/Parts"><img src="https://static.igem.org/mediawiki/2014/1/14/4parts.png" width="100" height="100" /></a></p>
 +
      <p>Parts</p></td>
 +
      <td width="12%"><p><a href="https://2014.igem.org/Team:LZU-China/hp"><img src="https://static.igem.org/mediawiki/2014/5/5f/5humanpractics.png" width="100" height="100" /></a></p>
 +
      <p>Human Practice</p></td>
 +
      <td width="20%">&nbsp;</td>
 +
    </tr>
 +
    <tr>
 +
      <td width="20%">&nbsp;</td>
 +
      <td width="12%"><p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p></td>
 +
      <td width="12%">&nbsp;</td>
 +
      <td width="12%">&nbsp;</td>
 +
      <td width="12%"><p>&nbsp;</p></td>
 +
      <td width="12%">&nbsp;</td>
 +
      <td width="20%">&nbsp;</td>
 +
    </tr>
 +
    <tr>
 +
      <td width="20%">&nbsp;</td>
 +
      <td width="12%"><p><a href="https://2014.igem.org/Team:LZU-China/Team"><img src="https://static.igem.org/mediawiki/2014/a/a2/6members.png" width="100" height="100" /></a></p>
 +
      <p>Our team</p></td>
 +
      <td width="12%"><p><a href="https://2014.igem.org/Team:LZU-China/interlab"><img src="https://static.igem.org/mediawiki/2014/c/cc/7interlab.png" width="100" height="100" /></a></p>
 +
      <p>Interlab</p></td>
 +
      <td width="12%"><p><a href="https://2014.igem.org/Team:LZU-China/Safety"><img src="https://static.igem.org/mediawiki/2014/e/ee/8safety.png" width="100" height="100" /></a></p>
 +
      <p>Safety</p></td>
 +
      <td width="12%"><p><a href="https://2014.igem.org/Team:LZU-China/Notebook"><img src="https://static.igem.org/mediawiki/2014/0/00/9notebook.png" width="100" height="100" /></a></p>
 +
      <p>Notebook</p></td>
 +
      <td width="12%"><p><a href="https://2014.igem.org/Team:LZU-China/future"><img src="https://static.igem.org/mediawiki/2014/0/04/10future.png" width="100" height="100" /></a></p>
 +
      <p>Future Work</p></td>
 +
      <td width="20%">&nbsp;</td>
 +
    </tr>
 +
  </table>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <table width="100%" border="0">
 +
    <tr>
 +
      <td><div> *In order to get better user experience, we recommend the Internet Explorer 10 (or higher version). And the <span id="tran_1_0" data-aligning="#src_1_0,#tran_1_0" jquery171013312911573948127="19">best</span> <span id="tran_1_1" data-aligning="#src_1_1,#tran_1_1" jquery171013312911573948127="16">resolution</span> is 1366 X 768.</div>
 +
        .</td>
 +
    </tr>
 +
  </table>
 +
  <p>&nbsp;</p>
 +
</div>
 +
<div id="apDiv4" >
 +
  <p>&nbsp;</p>
 +
  <table width="100%" height="627" border="0">
 +
    <tr>
 +
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" height="623" valign="top"><p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ABSTRACT</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%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Microbial Fuel Cells (MFCs) which can convert contaminants in wastewaters into energy is an ideal approach to solve both pollution problem and energy crisis. However, MFCs still have disadvantages such as hard to determine the contaminants concentrations which is a major drawback for MFCs applications. </p>
 +
            <p>&nbsp;</p>
 +
            <table width="100%" border="0">
 +
              <tr>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" ><img src="https://static.igem.org/mediawiki/2014/4/46/Bigabstract1.png" width="692" height="170" /></td>
 +
              </tr>
 +
            </table>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In our study, we found that the electricity produced by MFCs was weakly correlated to the substrates' concentrations such as P-nitrophenol (PNP) in anode or Chromium (VI) in cathode. But the electricity produced was not stable and so did the correlations. Therefore, we hypothesize that a) by using genetic engineered bacteria, the MFC's electricity will be more stable and correlated with substrates concentrations. b) By monitoring MFC's electricity, it will be possible to measure substrates' concentrations.</p>
 +
            <p>&nbsp;</p>
 +
            <table width="100%" border="0">
 +
              <tr>
 +
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" ><img src="https://static.igem.org/mediawiki/2014/5/5f/Bigabstract2.png" alt="" width="692" height="203" /></td>
 +
              </tr>
 +
            </table>
 +
            <p>&nbsp;</p>
 +
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In this study, we've designed a novel MFC system. For anode strain, we've cloned a NO3- sensor sequence and a riboflavin producing genes into Escherichia coli. The recombinants is able to detect PNP and produce riboflavin to boost electrical generation when co-cultured with Shewanella oneidensis. In the cathode, gene codes chromate (VI) reductase Yief was cloned into E.coli. The stability of MFCs has been improved and the electricity generated was correlated with the substrates. Moreover, based on this correlation, we've designed a cell phone program which is able to remotely monitor the contaminants concentrations in MFCs. </p>
 +
            <p><br />
 +
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
 +
          </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>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <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 >
 +
<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>
-
<td> </td>
 
-
<td width="45%">
 
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
 
-
<ul>
+
 
-
<li>你吃了吗</li>
+
 
-
<li>后市火锅粉贵了.</li>
+
</div>
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
</div>
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
 
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
 
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
 
-
<li>Have lots of fun! </li>
+
 
-
</ul>
+
</body>
-
</br>
+
 
-
</td>
+
 
-
</tr>
+
 
-
</table>
+
 
 +
 
 +
<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:45, 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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

CONTENTS

 

 

 

 

 

Background

Wet Lab

Dry Lab

Parts

Human Practice

  
 

 

 

 

    

 

    
 

Our team

Interlab

Safety

Notebook

Future Work

  

 

 

*In order to get better user experience, we recommend the Internet Explorer 10 (or higher version). And the best resolution is 1366 X 768.
.

 

 

 

 

        ABSTRACT
              

            Microbial Fuel Cells (MFCs) which can convert contaminants in wastewaters into energy is an ideal approach to solve both pollution problem and energy crisis. However, MFCs still have disadvantages such as hard to determine the contaminants concentrations which is a major drawback for MFCs applications.

 

 

            In our study, we found that the electricity produced by MFCs was weakly correlated to the substrates' concentrations such as P-nitrophenol (PNP) in anode or Chromium (VI) in cathode. But the electricity produced was not stable and so did the correlations. Therefore, we hypothesize that a) by using genetic engineered bacteria, the MFC's electricity will be more stable and correlated with substrates concentrations. b) By monitoring MFC's electricity, it will be possible to measure substrates' concentrations.

 

 

            In this study, we've designed a novel MFC system. For anode strain, we've cloned a NO3- sensor sequence and a riboflavin producing genes into Escherichia coli. The recombinants is able to detect PNP and produce riboflavin to boost electrical generation when co-cultured with Shewanella oneidensis. In the cathode, gene codes chromate (VI) reductase Yief was cloned into E.coli. The stability of MFCs has been improved and the electricity generated was correlated with the substrates. Moreover, based on this correlation, we've designed a cell phone program which is able to remotely monitor the contaminants concentrations in MFCs.


            

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Retrieved from "http://2014.igem.org/Team:LZU-China"