Team:LZU-China
From 2014.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> | <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> | ||
- | <title> | + | <title>LZU-China 2014</title> |
<style type="text/css"> | <style type="text/css"> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
Line 275: | Line 215: | ||
.annItem li {list-style: none; margin: 5px} | .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; | position:absolute; | ||
- | left: | + | left:3px; |
- | top: | + | top:4px; |
- | width: | + | width:100%; |
- | height: | + | height:900px; |
- | z-index: | + | 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 { | #apDiv2 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:0; |
- | top: | + | top:22px; |
- | width: | + | width:100%; |
- | height: | + | height:541px; |
- | z-index: | + | z-index:0; |
- | color: # | + | background-color: #187BDB; |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #apDiv2b{ |
position:absolute; | position:absolute; | ||
- | left: | + | left:0; |
- | top: | + | top:2000px; |
- | width: | + | width:100%; |
- | height: | + | height:1024px; |
- | z-index: | + | z-index:0; |
- | + | background-color: #187BDB; | |
} | } | ||
- | # | + | #apDiv3 { |
position:absolute; | position:absolute; | ||
left:1px; | left:1px; | ||
- | top: | + | top:570px; |
- | width: | + | width:100%; |
- | height: | + | height:150px; |
- | z-index: | + | z-index:0; |
- | + | ||
- | + | ||
} | } | ||
- | # | + | #apDiv3 table tr td p { |
- | + | font-size: 15px; | |
- | + | text-align: center; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #apDiv4 { |
position:absolute; | position:absolute; | ||
left:0; | left:0; | ||
- | top: | + | top:1304px; |
- | width: | + | width:100%; |
- | height: | + | height:56px; |
z-index:0; | z-index:0; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | # | + | #apDiv5 { |
position:absolute; | position:absolute; | ||
- | left: | + | left:0; |
- | top: | + | top:2588px; |
- | width: | + | width:100%; |
- | height: | + | height:25; |
- | z-index: | + | z-index:1; |
- | + | background-color: #5FC1C5; | |
} | } | ||
- | # | + | #apDiv3 div { |
+ | font-size: 46px; | ||
text-align: center; | 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; | |
- | + | ||
- | + | ||
- | height: | + | |
- | + | ||
} | } | ||
- | + | body,td,th { | |
- | + | color: #333; | |
- | color: # | + | |
} | } | ||
- | # | + | #apDiv6 { |
- | + | position:absolute; | |
+ | left:575px; | ||
+ | top:2477px; | ||
+ | width:220px; | ||
+ | height:221px; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #apDiv3 table tr td div { | ||
+ | font-size: 19px; | ||
+ | color: #666; | ||
+ | font-weight: bold; | ||
} | } | ||
</style> | </style> | ||
- | </ | + | </head> |
- | < | + | <body id="" class=""> |
- | <div id=" | + | <div id="apDiv2"> |
- | < | + | <p><img src="lzuchianmfctt.jpg" width="1366" height="541" /></p> |
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | </div> | ||
+ | |||
+ | <body id="" class=""> | ||
+ | <div id="apDiv2b"> | ||
+ | <p><img src="lzumfctt2.jpg" width="1366" height="542" /></p> | ||
+ | <p><img src="bkcolorind.jpg" width="1366" height="482" /></p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | </div> | ||
+ | <div id="apDiv2"> | ||
+ | <p><img src="lzuchianmfctt.jpg" width="1366" height="541" /></p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="apDiv3"> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <div>CONTENTS</div> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <table width="100%" border="0" align="center"> | ||
<tr> | <tr> | ||
- | <td | + | <td width="20%"><p> </p> |
+ | <p> </p></td> | ||
+ | <td width="12%"><p><img src="icon_mini/1backgroud.png" width="100" height="100" /></p> | ||
+ | <p>Background</p></td> | ||
+ | <td width="12%"><p><img src="icon_mini/2wetlab.png" width="100" height="100" /></p> | ||
+ | <p>Wet Lab</p></td> | ||
+ | <td width="12%"><p><img src="icon_mini/3drylab.png" width="100" height="100" /></p> | ||
+ | <p>Dry Lab</p></td> | ||
+ | <td width="12%"><p><img src="icon_mini/4parts.png" width="100" height="100" /></p> | ||
+ | <p>Parts</p></td> | ||
+ | <td width="12%"><p><img src="icon_mini/5humanpractics.png" width="100" height="100" /></p> | ||
+ | <p>Human Practice</p></td> | ||
+ | <td width="20%"> </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td>< | + | <td width="20%"> </td> |
- | <td>< | + | <td width="12%"><p> </p> |
- | <td><img src=" | + | <p> </p> |
- | <td><img src=" | + | <p> </p></td> |
- | <td><img src=" | + | <td width="12%"> </td> |
- | <td><img src=" | + | <td width="12%"> </td> |
+ | <td width="12%"><p> </p></td> | ||
+ | <td width="12%"> </td> | ||
+ | <td width="20%"> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td width="20%"> </td> | ||
+ | <td width="12%"><p><img src="icon_mini/6members.png" width="100" height="100" /></p> | ||
+ | <p>Our team</p></td> | ||
+ | <td width="12%"><p><img src="icon_mini/7interlab.png" width="100" height="100" /></p> | ||
+ | <p>Interlab</p></td> | ||
+ | <td width="12%"><p><img src="icon_mini/8safety.png" width="100" height="100" /></p> | ||
+ | <p>Safety</p></td> | ||
+ | <td width="12%"><p><img src="icon_mini/9notebook.png" width="100" height="100" /></p> | ||
+ | <p>Notebook</p></td> | ||
+ | <td width="12%"><p><img src="icon_mini/10future.png" width="100" height="100" /></p> | ||
+ | <p>Future Work</p></td> | ||
+ | <td width="20%"> </td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
- | |||
- | |||
- | |||
<p> </p> | <p> </p> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
<p> </p> | <p> </p> | ||
- | <p> | + | <p> </p> |
- | + | <table width="100%" border="0"> | |
- | <table width=" | + | |
<tr> | <tr> | ||
- | <td | + | <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> | </tr> | ||
</table> | </table> | ||
<p> </p> | <p> </p> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="apDiv4" > |
- | + | ||
<p> </p> | <p> </p> | ||
- | <p> </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> </p> | |
+ | <p> </p> | ||
+ | <div> ABSTRACT</div> | ||
+ | <table width="100%" border="0"> | ||
+ | <tr> | ||
+ | <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="30%"> </td> | ||
+ | <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="57%"> 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. <br /> | ||
+ | In our study, we found that the electricity produced by MFCs was somewhat related to the substrates concentrations such as P-nitrophenol (PNP) in anode or Chromium (VI) in cathode. 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. <br /> | ||
+ | In this study, we've designed a novel MFC system. For anode strain, we've cloned a PNP sensor sequence and a riboflavin into Escherichia coli. The recombinants is able to detect PNP and produce riboflavin to boost electrical generation when co-cultured with Shewanella oneidensis. 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 to correlated with the substrates. Moreover, based on this correlation, we've designed a program which is able to monitor the contaminants concentrations in MFCs. <br /></td> | ||
+ | <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="13%"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p></td> | ||
+ | </tr> | ||
+ | </table> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="apDiv5"> |
- | <table width=" | + | <table width="1365" border="0""> |
<tr> | <tr> | ||
- | <td | + | <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> | </tr> | ||
</table> | </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"> | <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> | </script> | ||
- | </ | + | <div class="hd-main clearfix" id="header"> |
+ | <a class="logo" href=""></a> | ||
+ | <div class="navs"> | ||
+ | <a class="def-nav" href="">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=""> | ||
+ | <span class="icon"></span> | ||
+ | <span class="text">Background</span> | ||
+ | </a> | ||
+ | <a class="li tongxunlu" href=""> | ||
+ | <span class="icon"></span> | ||
+ | <span class="text">Wet Lab</span> | ||
+ | </a> | ||
+ | <a class="li xiangce" href=""> | ||
+ | <span class="icon"></span> | ||
+ | <span class="text">Dry Lab</span> | ||
+ | </a> | ||
+ | <a class="li note" href=""> | ||
+ | <span class="icon"></span> | ||
+ | <span class="text">Parts</span> | ||
+ | </a> | ||
+ | <a class="li duanxin" href=""> | ||
+ | <span class="icon"></span> | ||
+ | <span class="text">Interlab</span> | ||
+ | </a> | ||
+ | <a class="li zhaohui" href=""> | ||
+ | <span class="icon"></span> | ||
+ | <span class="text">Future Work</span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <span class="separate"></span> | ||
+ | <a class="def-nav" href="">Note Book</a> | ||
+ | <span class="separate"></span> | ||
+ | <a class="def-nav" href="">Safety</a> | ||
+ | <span class="separate"></span> | ||
+ | <a class="def-nav" href="">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="" 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="">Team Members</a></span> | ||
+ | <span class="li"><a href="">Advisors</a></span> | ||
+ | <span class="li"><a href="">Instructors</a></span> | ||
+ | <span class="separate-li no-height"></span> | ||
+ | <span class="li"><a href="">Attribution</a></span> | ||
+ | <span class="li"><a href="">Acknowledgement</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="">Team Profile</a></span> | ||
+ | <span class="li"><a href="">Lanzhou University</a></span> | ||
+ | <span class="li"><a href="">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> | ||
- | </ | + | </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> |
Revision as of 23:18, 16 October 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
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
|