Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <meta charset="UTF-8"> | ||
<head> | <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; | |
+ | padding: 0px; | ||
+ | top: 0px; | ||
+ | right: 100px; | ||
+ | list-style: none; | ||
+ | z-index: 999999; | ||
+ | width: 824px; | ||
} | } | ||
− | # | + | ul#HZAU-navigation li { |
− | + | width: 103px; | |
− | + | display: inline; | |
− | + | float: left; | |
− | + | ||
− | + | ||
} | } | ||
− | # | + | ul#HZAU-navigation li a { |
− | display: none | + | 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(); | ||
+ | } | ||
− | + | ul#HZAU-navigation .Team a { | |
− | + | background-image: url(); | |
− | + | } | |
− | + | ||
− | + | ul#HZAU-navigation .Project a { | |
− | + | background-image: url(); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ul#HZAU-navigation .Parts a { | |
− | + | background-image: url(); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ul#HZAU-navigation .Safety a { | |
− | + | background-image: url(); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ul#HZAU-navigation .HP a { | |
− | + | background-image: url(); | |
− | + | } | |
− | + | ||
− | + | ul#HZAU-navigation .Award a { | |
− | + | background-image: url(); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ul#HZAU-navigation .JudgingForm a { | |
− | + | background-image: url(); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | 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"> | |
− | + | a.GoTop { | |
− | text | + | position: fixed; |
− | + | bottom: 20px; | |
− | + | right: 20px; | |
− | + | z-index: 999; | |
− | + | } | |
− | + | </style> | |
− | + | <!-- content of body'style --> | |
− | + | <style type="text/css"> | |
− | + | .maindiv { | |
− | + | position: relative; | |
− | + | top: 16px; | |
− | + | margin: 0 auto; | |
− | + | width: 1366px; | |
− | + | height: 1000px; | |
− | + | background-color: #fff; | |
− | + | background-color: #60ACD8; | |
− | + | } | |
− | + | 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"> | ||
+ | #sideMenu, | ||
+ | #top_title, | ||
+ | #team_submenu { | ||
+ | display: none; | ||
+ | } | ||
− | + | #bodyContent h1, | |
− | + | #bodyContent h2, | |
− | + | #bodyContent h3, | |
− | + | #bodyContent h4, | |
− | + | #bodyContent h5 { | |
− | + | margin-bottom: 0px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | #team_name { | |
− | + | display: none | |
− | + | } | |
− | + | ||
− | + | .global_wrapper { | |
− | + | padding: 0px 0px 0px 0px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #top_menu_14 { | |
− | + | height: 16px; | |
− | + | } | |
− | + | </style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</head> | </head> | ||
<body> | <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> | |
− | <a href="https://2017.igem.org/Team:HZAU-China" class="HZAU-logo" title="logo"><img src="https://static.igem.org/mediawiki/2017/ | + | |
− | < | + | <div class="maindiv"> |
− | + | <a href="#" class="GoTop" title="GoTop"><img src="https://static.igem.org/mediawiki/2015/2/2a/Igemlogo_banner.jpg" width="100px" height="100px"></a> | |
− | + | <ul id="HZAU-navigation"> | |
− | + | <li class="Home"><a href="https://2017.igem.org/Team:HZAU-China"></a></li> | |
− | <ul | + | <li class="Team"><a href=""></a></li> |
− | + | <li class="Project"><a href=""></a></li> | |
− | + | <li class="Parts"><a href=""></a></li> | |
− | + | <li class="Safety"><a href=""></a></li> | |
− | + | <li class="HP"><a href=""></a></li> | |
− | + | <li class="Award"><a href=""></a></li> | |
− | + | <li class="JudgingForm"><a href=""></a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
− | + | <script type="text/javascript"> | |
− | + | $(function () { | |
− | <ul class=" | + | 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> | ||
+ | <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> | </ul> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 04:29, 19 October 2017
Discription
- This year our project is about using light to control the reproduction of E.coli.
- We decide to block the replication of E.coli by using dCas9 targeting at OriC.
- By splitting dCas9 into two parts, each separately fused with a light inducible dimer.
- nder the irradiation of light, the dimer will dimerize, promoting the function of dCas9.
- Then the dCas9 will block the OriC, the replication origin of E.coli.
- After turning off the light, the dCas9 will split again, which causes the E.coli to reproduce again.