|
|
(18 intermediate revisions not shown) |
Line 1: |
Line 1: |
| {{CSS/Main}} | | {{CSS/Main}} |
- | | + | {{CSS/hxstyle}} |
| + | {{:Team:SCAU-China/hxmenu}} |
| <html> | | <html> |
| <style> | | <style> |
- | *{padding:0;margin:0;}
| + | .hx-content .elementico3{display:block;} |
- | body { font-family: 微软雅黑; font-size: 12px; color: #333333; padding: 0px; margin: 0px; background: #eee;line-height:180%;}
| + | |
- | div, span, ul, li, p, h1, h2, h3, h4, h5, h6, img, p, dl, dd, dt { font-family: 微软雅黑; margin: 0px; padding: 0px; }
| + | |
- | ul,li,ol{ list-style: none; }
| + | |
- | a, a:link, a:visited, a:active {text-decoration: none}
| + | |
- | a { color: #333333; text-decoration: none; font-family: 微软雅黑; font-size: 12px; }
| + | |
- | a:hover{ text-decoration:none;}
| + | |
- | a img {border: 0;}
| + | |
- | | + | |
- | .hx-wrapper{background:#c3e4f5;font-size:12px;line-height:22px;}
| + | |
- | | + | |
- | .hx-wrapper .hd{background:url(https://static.igem.org/mediawiki/2014/9/9d/Hx-banner.jpg) no-repeat center top #c3e4f5;height:465px;}
| + | |
- | | + | |
- | .hx-content{width:1000px;position:relative;margin:0 auto;background:url(https://static.igem.org/mediawiki/2014/6/64/Hx-mainbg.jpg) no-repeat center top #fff;min-height:1300px;padding-bottom:30px;}
| + | |
- | .hx-content .element{position:absolute;z-index:9;}
| + | |
- | .hx-content .elementico1{background:url(https://static.igem.org/mediawiki/2014/b/bb/Hx-element1.png) no-repeat;left:-20px;top:34px;width:100px;height:639px;}
| + | |
- | .hx-content .elementico2{background:url(https://static.igem.org/mediawiki/2014/c/c7/Hx-element2.png) no-repeat;left: 19px;top: 693px;width:128px;height:375px;}
| + | |
- | .hx-content .elementico3{background:url(https://static.igem.org/mediawiki/2014/e/e0/Hx-element3.png) no-repeat;left: 22px;top: 1007px;width:642px;height:326px;} | + | |
- | .hx-content .wp{padding:40px 50px 40px 60px;height:1045px;}
| + | |
- | .hx-content .hx-side{position:relative;width:220px;padding-top:10px;float:left;}
| + | |
- | .hx-side li{background:#0c9ccc;margin-top:10px;}
| + | |
- | .hx-side h3{height:40px;padding:0 10px 0 25px;line-height:40px;position:relative;}
| + | |
- | .hx-side h3 a{display:block;font-size:18px;color:#a5e8fa;}
| + | |
- | .hx-side h3 i{position:absolute;right:10px;top:0;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
| + | |
- | .hx-side h3 b{display:none;position:absolute;right: 12px;top: -7px;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
| + | |
- | .hx-side .twolevel{margin:0 10px;border-top:1px solid #86cee6;padding:10px 0;display:none;}
| + | |
- | .hx-side .twolevel a{display:block;line-height:30px;color:#a5e8fa;font-size:14px;padding-left:30px;}
| + | |
- | .hx-side li.on,.hx-side li.active{background:#faad55;}
| + | |
- | .hx-side li.on a{color:#fff;}
| + | |
- | .hx-side li.active a{color:#fff;}
| + | |
- | .hx-side li.active .twolevel{display:block;border-top:1px solid #fff;}
| + | |
- | .hx-side li.active i{display:none;}
| + | |
- | .hx-side li.active b{display:block;}
| + | |
- | | + | |
- | .hx-main{width:620px;float:right;position:relative;}
| + | |
- | .hx-main .hx-box{padding-bottom:25px;}
| + | |
- | .hx-main .ti{height:40px;line-height:40px;margin-bottom:10px;}
| + | |
- | .hx-main .ti a{font-size:18px;color:#fff;opacity:0.8;display:block;padding:0 20px;}
| + | |
- | .hx-main .con{position:relative;overflow:hidden;}
| + | |
- | .hx-main .con a{color:#0c9ccc;margin:0 3px;}
| + | |
- | .hx-main .hx-box1 .ti{background:#39accb;}
| + | |
- | .hx-main .hx-box2 .ti{background:#bb416a;}
| + | |
- | .hx-main .hx-box3 .ti{background:#1e677b;}
| + | |
- | .hx-main .hx-box4 .ti{background:#ff659a;}
| + | |
- | .hx-main .hx-boxd .ti{background:#0c9ccc;}
| + | |
- | .hx-box2{float:left;width:300px;overflow:hidden;}
| + | |
- | .hx-box3{float:left;width:300px;margin-left:20px;overflow:hidden;}
| + | |
- | .hx-box4{clear:both;}
| + | |
- | | + | |
- | .hx-gbox{text-align:center;}
| + | |
- | | + | |
| </style> | | </style> |
| <script> | | <script> |
| $(function(){ | | $(function(){ |
- | $(".hx-menu h3").click(function(){ | + | $(".hx-menu li:eq(0)").addClass("active"); |
- | $(this).parent().find(".twolevel").toggle();
| + | |
- | $(this).find("i").toggle();
| + | |
- | $(this).find("b").toggle();
| + | |
- | return false();
| + | |
- | })
| + | |
| }) | | }) |
| </script> | | </script> |
| <!--main content --> | | <!--main content --> |
- | <div class="hx-wrapper">
| + | <div class="r hx-main"> |
- | <div class="hd"></div>
| + | |
- | <div class="hx-content">
| + | |
- | <div class="element elementico1"></div>
| + | |
- | <div class="element elementico2"></div>
| + | |
- | <div class="element elementico3"></div>
| + | |
- | <div class="wp cl">
| + | |
- | <div class="l hx-side hx-menu">
| + | |
- | <ul>
| + | |
- | <li class="on"><h3><a href="https://2014.igem.org/Team:SCAU-China">Home</a></h3></li>
| + | |
- | <li>
| + | |
- | <h3><a href="javascript:void(0)">Team</a><i>+</i><b>_</b></h3>
| + | |
- | <div class="twolevel">
| + | |
- | <a href="https://2014.igem.org/Team:SCAU-China/Team#Members">- Members</a>
| + | |
- | <a href="https://2014.igem.org/Team:SCAU-China/Team#Advisors">- Advisors</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <h3><a href="javascript:void(0)">Project</a><i>+</i><b>_</b></h3>
| + | |
- | <div class="twolevel">
| + | |
- | <a href="https://2014.igem.org/Team:SCAU-China/Project">- Overview</a>
| + | |
- | <a href="https://2014.igem.org/Team:SCAU-China/Project">- arcA knock out</a>
| + | |
- | <a href="https://2014.igem.org/Team:SCAU-China/Project">- nadE overexpression</a>
| + | |
- | <a href="https://2014.igem.org/Team:SCAU-China/Project">- ppsA promoter</a>
| + | |
- | <a href="https://2014.igem.org/Team:SCAU-China/Project">- MDC device</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <h3><a href="javascript:void(0)">Omega-PCR</a></h3>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <h3><a href="javascript:void(0)">Results</a><i>+</i><b>_</b></h3>
| + | |
- | <div class="twolevel">
| + | |
- | <a href="#">- Parts</a>
| + | |
- | <a href="#">- Electrisity out put</a>
| + | |
- | <a href="#">- desalinization ratio</a>
| + | |
- | <a href="#">- Modelling</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <h3><a href="javascript:void(0)">Human practices</a><i>+</i><b>_</b></h3>
| + | |
- | <div class="twolevel">
| + | |
- | <a href="#">- Project consult</a>
| + | |
- | <a href="#">- Safety</a>
| + | |
- | <a href="#">- Outreach</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <h3><a href="javascript:void(0)">Notebook</a><i>+</i><b>_</b></h3>
| + | |
- | <div class="twolevel">
| + | |
- | <a href="#">- Protocools</a>
| + | |
- | <a href="#">- Constructions</a>
| + | |
- | <a href="#">- Photo Gallary</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <h3><a href="javascript:void(0)">Attributions</a><i>+</i><b>_</b></h3>
| + | |
- | <div class="twolevel">
| + | |
- | <a href="#">- Ourteam</a>
| + | |
- | <a href="#">- Partners </a>
| + | |
- | <a href="#">- acknowledgments</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div class="r hx-main">
| + | |
| | | |
| <div class="hx-box hx-box1"> | | <div class="hx-box hx-box1"> |
- | <div class="ti"><a href="#">Projects</a></div> | + | <div class="ti"><a href="#">Abstract</a></div> |
| <div class="con"> | | <div class="con"> |
- | <img style="float:left;margin-right:10px;" src="https://static.igem.org/mediawiki/2014/f/f3/Hx-pic1.jpg" /> | + | <img style="float:left;margin:10px 10px 10px 0" src="https://static.igem.org/mediawiki/2014/f/f3/Hx-pic1.jpg" width="380" /> |
- | <p>Abstact:In view of rapid depletion of traditinonal energy resources and increasing demand of microbial cells(MFC) by genetically | + | <p style="margin-left:390px">In view of rapid depletion of traditional energy resources and increasing demand of desalination of seawater for fresh water, we aimed to enhance the electrogenic capacity of microbial fuel cells (MFC) by genetically modified bacteria and optimize the traditional microbial desalination cells (MDC) device.</p> |
- | modified bacteria and optimize the traditional microbial desalination cells(MDC) deivce.</p> | + | |
| </div> | | </div> |
| </div> | | </div> |
Line 156: |
Line 36: |
| <div class="ti"><a href="#">Meet Our Team</a></div> | | <div class="ti"><a href="#">Meet Our Team</a></div> |
| <div class="con"> | | <div class="con"> |
- | <p>Although members of SCAU-China come from different grades and majors with diverse specialties and interests, we all contribute to accomplish our project. iGEM competition gives us a great opportunity to develop our scientific skills and achieve specific goals in a limited time. We enjoy the ... <a href="https://2014.igem.org/Team:SCAU-China/Team">[more>>]</a></p> | + | <p>Although members of SCAU-China come from different grades and majors with diverse specialties and interests, we all contribute to accomplish our project. IGEM competition gives us a great opportunity to develop our scientific skills and achieve specific goals in a limited time. We enjoy the ... <a href="https://2014.igem.org/Team:SCAU-China/Team">[more>>]</a></p> |
| <p><br /></p> | | <p><br /></p> |
| <p><img src="https://static.igem.org/mediawiki/2014/a/ae/Hx-pic4.jpg" /></p> | | <p><img src="https://static.igem.org/mediawiki/2014/a/ae/Hx-pic4.jpg" /></p> |