Team:LZU-China

From 2014.igem.org

(Difference between revisions)
 
(37 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">
-
<title>无标题文档</title>
+
<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">
<style type="text/css">
-
#nav ul{
 
-
  list-style-type:none;
 
-
  float:left;
 
-
        }
 
-
#nav a{
 
-
display:block;
 
-
width:80px;
 
-
}
 
-
#nav{
 
-
margin:0;
 
-
padding:0;}
 
-
#nav li{
+
 
-
float:left;
+
 
-
text-align:center;
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
-
background:#FFFF00;
+
 
-
}
+
.firstHeading {
-
+
width: 975px;
-
#nav li a{
+
margin: 0px auto;
-
color:#000099
+
padding-top: 100px;
-
background:#990000;
+
margin-bottom: 20px;
-
height:25px;
+
font-family: Georgia, Times, "Times New Roman", serif;
-
}
+
}
-
#nav li a:hover{
+
 
-
color:#FF0000;
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
-
background:#FFFF00;
+
 
-
}  
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
#nav li ul{
+
background-color: #383838;
-
  list-style-type:none;
+
border: 0 none;
-
margin:0px;
+
height: 14px;
-
padding:0px;
+
z-index: 100;
-
display:none;
+
top: 0;
-
}
+
position: fixed;
-
#nav li ul li{
+
width: 975px;
-
float:none;
+
left: 50%;  
-
}  
+
margin-left: -487px;
-
#nav li ul li a{
+
}
-
width:80px;
+
 
-
height:25px;
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
background:#00FF00;
+
background-color: #383838;
-
color:#00FFFF;
+
height: 14px;
-
}
+
display: block;
-
#nav li ul li a:hover{
+
z-index: 10;
-
background:#00FF00
+
position: fixed;
-
  color:#CCFF00
+
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}
 +
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: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>
</style>
</head>
</head>
-
<body>
+
<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>
 +
 
 +
<body id="" class="">
 +
<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>
 +
 
 +
 
 +
 
 +
<div id="apDiv3">
 +
  <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>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
</body>
 +
 
 +
 
 +
 
-
<ul id="nav">
 
-
<li onmouseover="show('nav_1');" onmouseout="hide('nav_1')" ><a href="#">壹</a>
 
-
    <ul id="nav_1">
 
-
        <li><a href="#">1-1</a></li>
 
-
            <li><a href="#">1-2</a></li>
 
-
            <li><a href="#">1-3</a></li>
 
-
        </ul>
 
-
    </li>
 
-
<li onmouseover="show('nav_2');" onmouseout="hide('nav_2')" ><a href="#">贰</a>
 
-
    <ul id="nav_2">
 
-
        <li><a href="#">2-1</a></li>
 
-
            <li><a href="#">2-2</a></li>
 
-
            <li><a href="#">2-3</a></li>
 
-
        </ul>
 
-
    </li>
 
-
</ul>
 
<script type="text/javascript">
<script type="text/javascript">
-
function show(id){
+
function MM_showHideLayers() { //v9.0
-
        document.getElementById(id).style.display='block';
+
  var i,p,v,obj,args=MM_showHideLayers.arguments;
-
    }
+
  for (i=0; i<(args.length-2); i+=3)  
-
function hide(id){
+
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
-
        document.getElementById(id).style.display='none';
+
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
-
     }
+
     obj.visibility=v; }
 +
}
</script>
</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"