Team:Tianjin
From 2013.igem.org
(152 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | |||
- | |||
</div> | </div> | ||
- | |||
- | |||
</div> | </div> | ||
+ | <!--main style--> | ||
+ | <style type="text/css"> | ||
+ | *{margin:0;padding:0;font-family:"微软雅黑","Times New Roman";} | ||
+ | body{position:absolute; top:0px; width:100%; height:auto;background-color:#fff;} | ||
+ | p {margin:0.5em 0 !important;text-decoration:none;font-family:Times New Roman, Helvetica, sans-serif;font-size:12px;} | ||
+ | h1,h2,h3,h4,h5,h6{border:none;} | ||
+ | .note{width:960px;height:200px;float:left;margin-top:10px;position:relative;/*background-color:#e1e6e9*/;padding:0;left:50%; margin:450px 0 0 -480px; position:absolute;} | ||
+ | .note2{width:960px;height:400px;float:left;position:absolute;/*background-color:#e1e6e9;*/padding:0;left:50%; margin:700px 0 0 -480px; position:absolute;} | ||
+ | .link-section{width:100%;height:350px;float:left;position:relative;background-color:#404548;padding:0;margin:1060px 0 0 0; position:absolute;color:#FFF;padding-top:0px;text-decoration: none;} | ||
+ | #footer{width:100%;height:60px; text-align:center; color:#FFF;float:left; margin:1120px 0 0 0; position:absolute;background-color:#303437;padding-top:10px;} | ||
+ | #goTopBtn {POSITION: fixed;TEXT-ALIGN: center;LINE-HEIGHT: 30px;WIDTH: 100px;BOTTOM: 30px;HEIGHT: 100px;FONT-SIZE: 12px;RIGHT: 30px;} | ||
+ | |||
+ | <!--hidden section--> | ||
+ | #globalWrapper{margin-bottom:0px;} | ||
+ | .hidden {display:none;} | ||
+ | #p-logo,#footer-box {display:none;} | ||
+ | #top-section {border:none;height:15px;} | ||
+ | .firstHeading {display:none;} | ||
+ | #bodyContent{display:none;} | ||
+ | #menubar a:hover{text-decoration:none;color:#FFF;list-style: none;} | ||
+ | #search-controls{display:none;} | ||
+ | .printfooter{display:none;} | ||
+ | #catlinks{display:none;} | ||
+ | #content{background:none;padding:0px;margin-top:0px;border:none;} | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <!--content section--> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .sddm{z-index: 30;width: 960px;height:65px;position:relative;float:left;background-color:#FFF;margin-top:0px;left:50%; margin:-5px 0 0 -480px; position:absolute;} | ||
+ | .sddm ul{margin-left:0px;} | ||
+ | .sddm li{margin: 0;list-style: none;float: left;font: bold 14px arial;height:25px;background-color:#FFF;} | ||
+ | .sddm li a{display: block;margin:0;padding: 15px 0px 15px 0px;width: 96px;background: #FFF;color: #000;text-align: center;text-decoration: none;border-top:#ececec 5px solid;} | ||
+ | .sddm li a:hover{background:#FCFCFC;color:#0babe7;border-top:#0babe7 5px solid;} | ||
+ | .sddm div{position: absolute;width:96px;z-index:999;visibility: hidden;margin: 0;padding: 0;} | ||
+ | .sddm div a{position: relative;display: block;margin: 0;padding: 5px 5px;width: auto;white-space: nowrap;text-align:center;text-decoration: none;color: #000;font: 12px arial} | ||
+ | .sddm div a:hover{background:#FAFAFA;color: #0babe7;} | ||
+ | </style> | ||
+ | |||
+ | <div class="cont1"> | ||
+ | <ul class="sddm"> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .A-C{font-size:12px !important;padding-top:0 !important;text-align:center;line-height:100%} | ||
+ | .HP{font-size:14px !important;padding-top:0 !important;text-align:center;} | ||
+ | </style> | ||
+ | |||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin" style="padding:20px 0px 15px 0px;height:30px;">Home</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Project" style="padding:20px 0px 15px 0px;height:30px;">Project</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Safety " style="padding:20px 0px 15px 0px;height:30px;">Safety</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Modeling" style="padding:20px 0px 15px 0px;height:30px;">Modeling</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Protocol" style="padding:20px 0px 15px 0px;height:30px;">Protocol</a> | ||
+ | </li> | ||
+ | <li class="HP"><a href="https://2013.igem.org/Team:Tianjin/Human Practice" style="padding:14px 0px 13px 0px;">Human Practice</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Data" style="padding:20px 0px 15px 0px;height:30px;">Data</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Notebook" style="padding:20px 0px 15px 0px;height:30px;">Notebook</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Team" style="padding:20px 0px 15px 0px;height:30px;">Team</a> | ||
+ | </li> | ||
+ | <li class="A-C"><a href="https://2013.igem.org/Team:Tianjin/Attributions" style="padding:7px 0px 7px 0px;">Attributions<br/>&<br/>Contributions</a> | ||
+ | </li> | ||
+ | </ul> | ||
</div> | </div> | ||
- | |||
- | <!-- | + | <!--picture banner--> |
+ | <style type="text/css"> | ||
+ | img { border: 0px; } | ||
+ | #banner { margin: 70px auto 0px auto; padding: 0px; width: 100%; height: 360px; float:left;} | ||
+ | .slides { margin: 0px auto; width: 100%; height: 360px; overflow: hidden; position: relative; } | ||
+ | .slide-pic { margin: 0px; padding: 0px; width: 100%; overflow: hidden; list-style: none; } | ||
+ | .slide-pic img { width: 100%; height: 360px; } | ||
+ | .slide-pic li { display: none; } | ||
+ | .slide-pic li.cur { display: block; } | ||
+ | .slide-li {padding: 0px; right: 50px; bottom: 0px; position: absolute;float:left;} | ||
+ | .slide-li li { margin: 0px; padding: 0px; width: 30px; height:20px ;float:left;overflow: hidden;} | ||
+ | .slide-li a { width: 30px; height: 20px; color: #000; font-size: 26px; display: block; text-align:center;text-decoration:none;margin-bottom:5px;} | ||
+ | .slide-li a:hover { color: #ccc; text-decoration: none; } | ||
+ | .slide-txt span { display: none; } | ||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(function ($) { | ||
+ | if ($(".slide-pic").length > 0) { | ||
+ | var defaultOpts = { interval: 5000, fadeInTime: 300, fadeOutTime: 200 }; | ||
+ | var _titles = $("ul.slide-txt li"); | ||
+ | var _titles_bg = $("ul.op li"); | ||
+ | var _bodies = $("ul.slide-pic li"); | ||
+ | var _count = _titles.length; | ||
+ | var _current = 0; | ||
+ | var _intervalID = null; | ||
+ | var stop = function () { window.clearInterval(_intervalID); }; | ||
+ | var slide = function (opts) { | ||
+ | if (opts) { | ||
+ | _current = opts.current || 0; | ||
+ | } else { | ||
+ | _current = (_current >= (_count - 1)) ? 0 : (++_current); | ||
+ | }; | ||
+ | _bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime, function () { | ||
+ | _bodies.eq(_current).fadeIn(defaultOpts.fadeInTime); | ||
+ | _bodies.removeClass("cur").eq(_current).addClass("cur"); | ||
+ | }); | ||
+ | _titles.removeClass("cur").eq(_current).addClass("cur"); | ||
+ | _titles_bg.removeClass("cur").eq(_current).addClass("cur"); | ||
+ | }; | ||
+ | var go = function () { | ||
+ | stop(); | ||
+ | _intervalID = window.setInterval(function () { slide(); }, defaultOpts.interval); | ||
+ | }; | ||
+ | var itemMouseOver = function (target, items) { | ||
+ | stop(); | ||
+ | var i = $.inArray(target, items); | ||
+ | slide({ current: i }); | ||
+ | }; | ||
+ | _titles.hover(function () { if ($(this).attr('class') != 'cur') { itemMouseOver(this, _titles); } else { stop(); } }, go); | ||
+ | _bodies.hover(stop, go); | ||
+ | go(); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | <!-- START --> | ||
+ | <div id="banner"> | ||
+ | <div class="slides"> | ||
+ | <ul class="slide-pic"> | ||
+ | <li class="cur"> | ||
+ | <img alt="" src="https://static.igem.org/mediawiki/2013/5/52/Tju-1banner.jpg" /></li> | ||
+ | <li> | ||
+ | <img alt="" src="https://static.igem.org/mediawiki/2013/d/dc/Tju-2banner.jpg" /></li> | ||
+ | <li> | ||
+ | <img alt="" src="https://static.igem.org/mediawiki/2013/9/9a/03banner.jpg" /></li> | ||
+ | <li> | ||
+ | <img alt="" src="https://static.igem.org/mediawiki/2013/3/3f/Tju-4banner.JPG" /></li> | ||
+ | <li> | ||
+ | <img alt="" src="https://static.igem.org/mediawiki/2013/e/e8/Tju-5banner.jpg" /></li> | ||
+ | |||
+ | </ul> | ||
+ | <ul class="slide-li op"> | ||
+ | <li class="cur"></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | </ul> | ||
+ | <ul class="slide-li slide-txt"> | ||
+ | <li><a href="#">●</a></li> | ||
+ | <li><a href="#">●</a></li> | ||
+ | <li><a href="#">●</a></li> | ||
+ | <li><a href="#">●</a></li> | ||
+ | <li><a href="#">●</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END OF THE BANNER --> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <div class="note"> |
+ | <div style="height:200px;"> | ||
+ | <p style="font-size:30px;font-family:Arial, Helvetica, sans-serif;text-align:center;color:#a7a7a7;letter-spacing:0.2em;">Abstract</p> | ||
+ | <hr /> | ||
+ | <p style="font-size:16px;font-family:Arial, Helvetica, sans-serif;line-height:150%; word-spacing:0.2em;"> | ||
+ | Among all kinds of biofuels, alkanes stand out because of its excellent properties. Due to the inconspicuous property of alkanes, the current alkane detection or sensing methods can hardly meet the demands. Our project offers a novel solution to the problem. In our project we constructed a sensor that could respond to certain alkanes. We developed a mathematical model to find ways to optimize and regulate the sensor. After construction, we performed an in vivo alkane sensing test. The qualitative test showed AlkSensor could function as we expected. Besides, we characterized AlkSensor with different inducers and obtained the quantitative response relationship of AlkSensor. What is more, we designed an selection strategy based on AlkSensor to select out the strains with high productivity of alkanes. A preliminary test was performed and the result verified the feasibility of this design. | ||
+ | </p> | ||
+ | </div> | ||
- | + | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <!--icon section--> | |
- | + | ||
- | + | <div class="note2"> | |
- | + | ||
- | + | <style type="text/css"> | |
- | + | .icon{float:left;} | |
+ | .icon img{width:190px;height:190px;} | ||
+ | </style> | ||
+ | |||
+ | <div class="icon"><a href="https://2013.igem.org/Team:Tianjin/Project"><img src="https://static.igem.org/mediawiki/2013/7/70/Icon-6.jpg" border="0" style="cursor:hand" onmouseOver="this.src='https://static.igem.org/mediawiki/2013/8/87/Icon-6-1.jpg'" onmouseOut="this.src='https://static.igem.org/mediawiki/2013/7/70/Icon-6.jpg'"/></a></div> | ||
+ | |||
+ | <div class="icon"><a href="https://2013.igem.org/Team:Tianjin/Safety"><img src="https://static.igem.org/mediawiki/2013/0/04/Icon-8.jpg" border="0" style="cursor:hand" onmouseOver="this.src='https://static.igem.org/mediawiki/2013/9/9d/Icon-8-1.jpg'" onmouseOut="this.src='https://static.igem.org/mediawiki/2013/0/04/Icon-8.jpg'"/></a></div> | ||
+ | |||
+ | <div class="icon"><a href="https://2013.igem.org/Team:Tianjin/Modeling"><img src="https://static.igem.org/mediawiki/2013/b/be/Icon-4.jpg" border="0" style="cursor:hand" onmouseOver="this.src='https://static.igem.org/mediawiki/2013/9/95/Icon-4-1.jpg'" onmouseOut="this.src='https://static.igem.org/mediawiki/2013/b/be/Icon-4.jpg'"/></a></div> | ||
+ | |||
+ | <div class="icon"><a href="https://2013.igem.org/Team:Tianjin/Protocol"><img src="https://static.igem.org/mediawiki/2013/a/a3/Icon-7.jpg" border="0" style="cursor:hand" onmouseOver="this.src='https://static.igem.org/mediawiki/2013/3/3a/Icon-7-1.jpg'" onmouseOut="this.src='https://static.igem.org/mediawiki/2013/a/a3/Icon-7.jpg'"/></a></div> | ||
+ | |||
+ | <div class="icon"><a href="https://2013.igem.org/Team:Tianjin/Human_Practice"><img src="https://static.igem.org/mediawiki/2013/5/5d/Icon-3.JPG" border="0" style="cursor:hand" onmouseOver="this.src='https://static.igem.org/mediawiki/2013/0/06/Icon-3-1.jpg'" onmouseOut="this.src='https://static.igem.org/mediawiki/2013/5/5d/Icon-3.JPG'"/></a></div> | ||
+ | |||
+ | <div class="icon" style="margin-left:95px;"><a href="https://2013.igem.org/Team:Tianjin/Data"><img src="https://static.igem.org/mediawiki/2013/8/8f/Icon-2.jpg" border="0" style="cursor:hand" onmouseOver="this.src='https://static.igem.org/mediawiki/2013/b/b0/Icon-2-1.jpg'" onmouseOut="this.src='https://static.igem.org/mediawiki/2013/8/8f/Icon-2.jpg'"/></a></div> | ||
+ | |||
+ | <div class="icon"><a href="https://2013.igem.org/Team:Tianjin/Notebook"><img src="https://static.igem.org/mediawiki/2013/0/08/Icon-5.jpg" border="0" style="cursor:hand" onmouseOver="this.src='https://static.igem.org/mediawiki/2013/3/32/Icon-5-1.jpg'" onmouseOut="this.src='https://static.igem.org/mediawiki/2013/0/08/Icon-5.jpg'"/></a></div> | ||
+ | |||
+ | <div class="icon"><a href="https://2013.igem.org/Team:Tianjin/Team"><img src="https://static.igem.org/mediawiki/2013/9/91/Icon-9.jpg" border="0" style="cursor:hand" onmouseOver="this.src='https://static.igem.org/mediawiki/2013/0/03/Icon-9-1.jpg'" onmouseOut="this.src='https://static.igem.org/mediawiki/2013/9/91/Icon-9.jpg'"/></a></div> | ||
+ | |||
+ | <div class="icon"><a href="https://2013.igem.org/Team:Tianjin/Attributions"><img src="https://static.igem.org/mediawiki/2013/4/43/Icon-1.jpg" border="0" style="cursor:hand" onmouseOver="this.src='https://static.igem.org/mediawiki/2013/e/e6/Icon-1-1.jpg'" onmouseOut="this.src='https://static.igem.org/mediawiki/2013/4/43/Icon-1.jpg'"/></a></div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | #back a{color:#0babe7;text-decoration:none;} | ||
+ | #back a:hover{color:#0babe7;text-decoration:none;} | ||
+ | </style> | ||
+ | <div id="back" style="left:50%; margin:1095px 0 0 -480px; position:absolute;width:960px;height:50px;text-align:right;font-size:16px;color:#0babe7;"><span><a href="https://2013.igem.org/Main_Page" title="Main Page" color="#0babe7"><b>Back To Main Page →</b></a><span></div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div id="footer"> | ||
+ | <p> | ||
+ | E-mail:austinamens@gmail.com | Address:Building No.20, No.92 Weijin Road, Tianjin, China | Zip-code:300072 | ||
+ | <br />Copyright 2013 © Tianjin University iGEM Team | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <!--top button section--> | ||
+ | <div style="display: block" id="goTopBtn"> | ||
+ | <a href="#top" title="Top"><img border=0 src="https://static.igem.org/mediawiki/2013/0/0b/Top-1.png"></a> | ||
+ | </div> | ||
+ | |||
+ | </html> |
Latest revision as of 05:41, 13 October 2013