|
|
Line 1: |
Line 1: |
− | <html>
| |
− | <meta charset="UTF-8">
| |
− | <head>
| |
− | <title>Team:HZAU-China</title>
| |
− | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
| |
− | <!-- HZAU-navigation's style -->
| |
− | <style type="text/css">
| |
− | ul#HZAU-navigation {
| |
− | position: fixed;
| |
− | margin: 0px;
| |
− | padding: 0px;
| |
− | top: 0px;
| |
− | right: 22px;
| |
− | list-style: none;
| |
− | z-index:999999;
| |
− | width:824px;
| |
− | }
| |
− | ul#HZAU-navigation li {
| |
− | width: 103px;
| |
− | display:inline;
| |
− | float:left;
| |
− | }
| |
− | ul#HZAU-navigation li a {
| |
− | display: block;
| |
− | float:left;
| |
− | margin-top: -2px;
| |
− | width: 100px;
| |
− | height: 25px;
| |
− | background-color:#E7F2F9;
| |
− | background-repeat:no-repeat;
| |
− | background-position:50% 10px;
| |
− | background-size:100px 100px;
| |
− | border:1px solid #BDDCEF;
| |
− | -moz-border-radius:0px 0px 10px 10px;
| |
− | -webkit-border-bottom-right-radius: 10px;
| |
− | -webkit-border-bottom-left-radius: 10px;
| |
− | -khtml-border-bottom-right-radius: 10px;
| |
− | -khtml-border-bottom-left-radius: 10px;
| |
− | text-decoration:none;
| |
− | text-align:center;
| |
− | padding-top:80px;
| |
− | opacity: 0.7;
| |
− | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
| |
− | }
| |
− | ul#HZAU-navigation li a:hover{
| |
− | background-color:#CAE3F2;
| |
− | }
| |
− | ul#HZAU-navigation li a span{
| |
− | letter-spacing:2px;
| |
− | font-size:11px;
| |
− | color:#60ACD8;
| |
− | text-shadow: 0 -1px 1px #fff;
| |
− | }
| |
− | ul#HZAU-navigation .Home a{
| |
− | background-image: url(https://static.igem.org/mediawiki/2016/8/8b/T--HZAU-China--home.png);
| |
− | }
| |
− | ul#HZAU-navigation .Project a{
| |
− | background-image: url(https://static.igem.org/mediawiki/2016/c/c9/T--HZAU-China--project.png);
| |
− | }
| |
− | ul#HZAU-navigation .Wetlab a {
| |
− | background-image: url(https://static.igem.org/mediawiki/2016/1/10/T--HZAU-China--wetlab.png);
| |
− | }
| |
− | ul#HZAU-navigation .Drylab a {
| |
− | background-image: url(https://static.igem.org/mediawiki/2016/a/ac/T--HZAU-China--drylab.png);
| |
− | }
| |
− | ul#HZAU-navigation .HP a {
| |
− | background-image: url(https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--hp.png);
| |
− | }
| |
− | ul#HZAU-navigation .Parts a {
| |
− | background-image: url(https://static.igem.org/mediawiki/2016/1/1c/T--HZAU-China--parts.png);
| |
− | }
| |
− | ul#HZAU-navigation .Safety a {
| |
− | background-image: url(https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--safety.png);
| |
− | }
| |
− | ul#HZAU-navigation .Team a {
| |
− | background-image: url(https://static.igem.org/mediawiki/2016/6/6d/T--HZAU-China--team.png);
| |
− | }
| |
− | a.dry{
| |
− | position:absolute;
| |
− | bottom:15px;
| |
− | left:15px;
| |
− | text-align:left;
| |
− | font-size:12px;
| |
− | color:#ccc;
| |
− | text-transform:uppercase;
| |
− | text-decoration:none;
| |
− | }
| |
− | </style>
| |
− | <!-- go to top'style -->
| |
− | <style type="text/css">
| |
− | .Go_Top {
| |
− | position:fixed;
| |
− | bottom: 20px;
| |
− | right: 20px;
| |
− | z-index: 999;
| |
− | }
| |
− | </style>
| |
− | <!-- content of body'style -->
| |
− | <style type="text/css">
| |
− | .maindiv{
| |
− | position:absolute;
| |
− | top:16px;
| |
− | width: 1366px;
| |
− | height:1000px;
| |
− | background-color: #fff;
| |
− | z-index: 20;
| |
− | }
| |
− | a.HZAU-logo{
| |
− | position:fixed;
| |
− | top:20px;
| |
− | left:5px;
| |
− | z-index: 30;
| |
− | }
| |
− | h1{
| |
− | font-size: 200%;
| |
− | color:#3399ff;
| |
− | position:absolute;
| |
− | top:50px;
| |
− | left:140px;
| |
− | }
| |
| | | |
− | ul.content li{
| |
− | list-style:none;
| |
− | }
| |
− | ul.content{
| |
− | position:absolute;
| |
− | top:100px;
| |
− | left:100px;
| |
− | }
| |
− | </style>
| |
− | <!--hide some useless element-->
| |
− | <style type="text/css">
| |
− | #home_logo, #sideMenu { display:none; }
| |
− | #sideMenu, #top_title, .patrollink {display:none;}
| |
− | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
| |
− | body {background-color:white; }
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
− | </style>
| |
− | </head>
| |
− |
| |
− | <body>
| |
− | <a href="https://2017.igem.org/Team:HZAU-China" class="HZAU-logo" title="logo"><img src="https://static.igem.org/mediawiki/2017/3/3d/HZAU-logo.png" width="10%"></a>
| |
− | <ul id="HZAU-navigation">
| |
− | <li class="Home"><a href="https://2017.igem.org/Team:HZAU-China"><span></span></a></li>
| |
− | <li class="Project"><a href=""><span></span></a></li>
| |
− | <li class="Wetlab"><a href=""><span></span></a></li>
| |
− | <li class="Drylab"><a href=""><span></span></a></li>
| |
− | <li class="Safety"><a href=""><span></span></a></li>
| |
− | <li class="Parts"><a href=""><span></span></a></li>
| |
− | <li class="HP"><a href=""><span></span></a></li>
| |
− | <li class="Team"><a href=""><span></span></a></li>
| |
− | </ul>
| |
− | <script type="text/javascript" src="http://www.jq22.com/demo/jQuery-nav-141209195314/js/jquery-1.3.2.js"></script>
| |
− | <script type="text/javascript">
| |
− | $(function() {
| |
− | var d=300;
| |
− | $('#HZAU-navigation a').each(function(){
| |
− | $(this).stop().animate({
| |
− | 'marginTop':'-62px'
| |
− | },d+=150);
| |
− | });
| |
− | $('#HZAU-navigation > li').hover(
| |
− | function () {
| |
− | $('a',$(this)).stop().animate({
| |
− | 'marginTop':'-2px'
| |
− | },200);
| |
− | },
| |
− | function () {
| |
− | $('a',$(this)).stop().animate({
| |
− | 'marginTop':'-62px'
| |
− | },200);
| |
− | }
| |
− | );
| |
− | });
| |
− | </script>
| |
− | <div class="maindiv">
| |
− | <a href="#" class="Go_Top" title="Go_Top"><img src="https://static.igem.org/mediawiki/2015/2/2a/Igemlogo_banner.jpg" width="100px" height="100px"></a>
| |
− | <h1>Discription</h1>
| |
− | <ul class="content">
| |
− | <li>This year our project is about using light to control the reproduction of E.coli.</li>
| |
− | <li>We decide to block the replication of E.coli by using dCas9 targeting at OriC.</li>
| |
− | <li>By splitting dCas9 into two parts, each separately fused with a light inducible dimer.</li>
| |
− | <li>nder the irradiation of light, the dimer will dimerize, promoting the function of dCas9.</li>
| |
− | <li>Then the dCas9 will block the OriC, the replication origin of E.coli.</li>
| |
− | <li>After turning off the light, the dCas9 will split again, which causes the E.coli to reproduce again.</li>
| |
− | </ul>
| |
− | </div>
| |
− | </body>
| |
− | </html>
| |