|
|
(62 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html xmlns="http://www.w3.org/1999/xhtml"> | | <html xmlns="http://www.w3.org/1999/xhtml"> |
- | <link rel="stylesheet" type="text/css" href="http://igem.3vfree.us/css/style1.css" /> | + | <head> |
| + | <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> |
| + | <title>main</title> |
| <script src="http://igem.3vfree.us/js/FancyZoom_zzjs_net.js" language="JavaScript" type="text/javascript"></script> | | <script src="http://igem.3vfree.us/js/FancyZoom_zzjs_net.js" language="JavaScript" type="text/javascript"></script> |
| <script src="http://igem.3vfree.us/js/FancyZoomHTML.js" language="JavaScript" type="text/javascript"></script> | | <script src="http://igem.3vfree.us/js/FancyZoomHTML.js" language="JavaScript" type="text/javascript"></script> |
| <style type="text/css"> | | <style type="text/css"> |
- | /* hiding the top section*/
| |
- | body{position:absolute; top:0px; width:100%; height:1380px;}
| |
| #top-section{ | | #top-section{ |
| height:0px; | | height:0px; |
Line 47: |
Line 47: |
| } | | } |
| /* global setting*/ | | /* global setting*/ |
- | #globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;} | + | #globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%; z-index=0;} |
| #content{ | | #content{ |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | font-size: 12px;
| + | |
| background-color:transparent; | | background-color:transparent; |
| border:none; | | border:none; |
Line 72: |
Line 72: |
| } | | } |
| /* end of global setting*/ | | /* end of global setting*/ |
- | <script type="text/javascript">
| + | #cover{ |
- | Cufon.replace('h1',{ textShadow: '1px 1px #000'});
| + | position:relative; |
- | Cufon.replace('h2',{ textShadow: '1px 1px #000'});
| + | width:100%; |
- | Cufon.replace('.footer',{ textShadow: '1px 1px #000'});
| + | height:100%; |
- | Cufon.replace('.pxs_loading',{ textShadow: '1px 1px #000'});
| + | top:-18px; |
- | </script>
| + | |
- | <style>
| + | |
- | body{
| + | |
- | font-family:Arial;
| + | |
- | }
| + | |
- | .header
| + | |
- | {
| + | |
- | width:600px;
| + | |
- | height:56px;
| + | |
- | position:absolute;
| + | |
- | top:50%;
| + | |
- | left:10px;
| + | |
- | background:#fff url(title.png) no-repeat top left;
| + | |
- | }
| + | |
- | a.back{
| + | |
- | width:256px;
| + | |
- | height:73px;
| + | |
- | position:absolute;
| + | |
- | bottom:15px;
| + | |
- | right:15px;
| + | |
- | background:#fff url(codrops_back.png) no-repeat top left;
| + | |
- | }
| + | |
- | a.dry{
| + | |
- | position:absolute;
| + | |
- | bottom:15px;
| + | |
- | left:15px;
| + | |
- | text-align:left;
| + | |
- | font-size:12px;
| + | |
- | color:#ccc;
| + | |
- | text-transform:uppercase;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | .aa {height:105px; overflow:hidden;}
| + | |
- | .bb {}
| + | |
- | </style>
| + | |
- | <style>
| + | |
- | *{
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
| | | |
- | body {
| + | z-index:0; |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | background:url(http://igem.3vfree.us/images/bg1.jpg) repeat-x top left;
| + | |
- | color: #787878;
| + | |
| } | | } |
- | | + | #cover img{ |
- | h1, h2, h3 {
| + | width:100%; |
- | margin: 0;
| + | height:100%; |
- | padding: 0;
| + | |
- | font-family: Georgia, "Times New Roman", Times, serif;
| + | |
- | font-weight: normal;
| + | |
- | color: #181818;
| + | |
| } | | } |
- | | + | #guide0 |
- | h1 {
| + | { |
- | font-size: 2em;
| + | position:absolute; |
| + | width:11%; |
| + | height:16%; |
| + | left:60%; |
| + | top:1%; |
| + | z-index:10; |
| } | | } |
- | | + | #guide1 |
- | h2 {
| + | { |
- | font-size: 1.8em;
| + | position:absolute; |
- | font-family:Verdana, Geneva, sans-serif;
| + | width:11%; |
| + | height:16%; |
| + | left:71%; |
| + | top:0.5%; |
| + | z-index:10; |
| } | | } |
- | | + | #guide2 |
- | h3 {
| + | { |
- | font-size: 1.6em;
| + | position:absolute; |
| + | width:11%; |
| + | height:16%; |
| + | left:81%; |
| + | top:0.5%; |
| + | z-index:10; |
| } | | } |
- | | + | #guide3 |
- | p, ul, ol {
| + | { |
- | margin-top: 0;
| + | position:absolute; |
- | line-height: 180%;
| + | width:14%; |
| + | height:15%; |
| + | left:80%; |
| + | top:17%; |
| + | z-index:10; |
| } | | } |
- | | + | #guide4 |
- | ul, ol {
| + | { |
| + | position:absolute; |
| + | width:14%; |
| + | height:16%; |
| + | left:80%; |
| + | top:32%; |
| + | z-index:10; |
| } | | } |
- | | + | #guide5 |
- | a {
| + | { |
- | text-decoration: none;
| + | position:absolute; |
- | color: #B94E0E;
| + | width:13.5%; |
| + | height:16%; |
| + | left:80%; |
| + | top:47%; |
| + | z-index:10; |
| } | | } |
- | | + | #guide6 |
- | a:hover {
| + | { |
- | }
| + | position:absolute; |
- | | + | width:13.5%; |
- | #wrapper {
| + | height:16%; |
- | margin: 0 auto;
| + | left:80%; |
- | padding: 0;
| + | top:61%; |
- | background:url(http://igem.3vfree.us/images/img05.jpg) repeat-x top left;
| + | |
- | }
| + | |
- | | + | |
- | /* Header */
| + | |
- | | + | |
- | #header-wrapper {
| + | |
| z-index:10; | | z-index:10; |
| } | | } |
- | | + | #mycontent{ |
- | | + | width:63.9%;;/*63.9%*/ |
- | #header { | + | height:60.6%; |
- | position: absolute;
| + | position:absolute; |
- | left:197px;
| + | top:22.8%; |
- | list-style: none;
| + | left:13.1%; |
- | z-index:10;
| + | z-index:15; |
- | width: 960px;
| + | overflow-y:scroll; |
- | height: 240px;
| + | font-family: 'MS Sans Serif', Geneva, sans-serif; |
- | margin: 0 auto;
| + | font-size: 15px; |
- | background: url(http://igem.3vfree.us/images/logo2.jpg) no-repeat left top;
| + | |
- | top: 1px;
| + | |
| } | | } |
- | | + | <style type="text/css"> |
- | /* Logo */ | + | #content2 |
- | | + | { |
- | #logo { | + | position:relative; |
- | float: left;
| + | left:5%; |
- | height: 240px;
| + | width:90%; |
- | margin: 0;
| + | height:auto; |
- | padding: 0px;
| + | border: 0px solid #333; |
- | color: #FFFFFF;
| + | font-family: 'MS Sans Serif', Geneva, sans-serif; |
| + | font-size: 15px; |
| + | color:#000000; |
| + | } |
| + | </style> |
| + | <style> |
| + | /*---滚动条默认显示样式--*/ |
| + | ::-webkit-scrollbar-thumb{ |
| + | background-color:#999900; |
| + | height:50px; |
| + | outline-offset:-2px; |
| + | outline:0px solid #fff; |
| + | -webkit-border-radius:4px; |
| + | border: 0px solid #fff; |
| + | } |
| + | /*---鼠标点击滚动条显示样式--*/ |
| + | ::-webkit-scrollbar-thumb:hover{ |
| + | background-color:#993300; |
| + | height:50px; |
| + | -webkit-border-radius:4px; |
| + | } |
| + | /*---滚动条大小--*/ |
| + | ::-webkit-scrollbar{ |
| + | width:12px; |
| + | height:8px; |
| + | } |
| + | /*---滚动框背景样式--*/ |
| + | ::-webkit-scrollbar-track-piece{ |
| + | background-color:#CC9900; |
| + | -webkit-border-radius:0; |
| } | | } |
- | | + | </style> |
- | #logo h1, #logo p {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | #logo h1 {
| + | |
- | float: left;
| + | |
- | padding-left: 25px;
| + | |
- | letter-spacing: -1px;
| + | |
- | font-size: 2.6em;
| + | |
- | }
| + | |
- | | + | |
- | #logo p {
| + | |
- | float: left;
| + | |
- | margin: 0;
| + | |
- | padding: 12px 0 0 10px;
| + | |
- | font: normal 14px Georgia, "Times New Roman", Times, serif;
| + | |
- | font-style: italic;
| + | |
- | }
| + | |
- | | + | |
- | #logo a {
| + | |
- | position: relative;
| + | |
- | left: 350px;
| + | |
- | border: none;
| + | |
- | background: none;
| + | |
- | text-decoration: none;
| + | |
- | color: #000000;
| + | |
- | }
| + | |
- | #page {
| + | |
- | position: absolute;
| + | |
- | top:705px;
| + | |
- | left:194px;
| + | |
- | width: 960px;
| + | |
- | margin: 0 auto;
| + | |
- | padding: 0;
| + | |
- | background: url(http://igem.3vfree.us/images/img04.jpg) repeat-y left top;
| + | |
- | }
| + | |
- | | + | |
- | #page-bgtop {
| + | |
- | }
| + | |
- | | + | |
- | #page-bgbtm {
| + | |
- | padding: 30px 20px 0px 20px;
| + | |
- | }
| + | |
- | | + | |
- | /* Content */
| + | |
- | | + | |
- | #content {
| + | |
- | float: left;
| + | |
- | width: 600px;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | .post {
| + | |
- | }
| + | |
- | | + | |
- | .post .title {
| + | |
- | height: 38px;
| + | |
- | padding: 12px 0 0 20px;
| + | |
- | letter-spacing: -.5px;
| + | |
- | | + | |
- | color: #181818;
| + | |
- | }
| + | |
- | | + | |
- | .post .title a {
| + | |
- | color: #181818;
| + | |
- | font-family:Verdana, Geneva, sans-serif;
| + | |
- | border: none;
| + | |
- | }
| + | |
- | | + | |
- | .post .meta {
| + | |
- | margin-top: -10px;
| + | |
- | padding-bottom: 5px;
| + | |
- | padding-left: 20px;
| + | |
- | text-align: left;
| + | |
- | }
| + | |
- | | + | |
- | .post .meta a {
| + | |
- | }
| + | |
- | | + | |
- | .post .entry {
| + | |
- | text-align: justify;
| + | |
- | margin-bottom: 25px;
| + | |
- | padding: 30px 20px 10px 20px;
| + | |
- | }
| + | |
- | | + | |
- | .links {
| + | |
- | display: block;
| + | |
- | width: 130px;
| + | |
- | margin: 20px 0px;
| + | |
- | padding: 5px;
| + | |
- | background:#669;
| + | |
- | border-left: 20px solid #666;
| + | |
- | text-align: center;
| + | |
- | text-transform: uppercase;
| + | |
- | font-size: 10px;
| + | |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | | + | |
- | /* Sidebar */
| + | |
- | | + | |
- | #sidebar {
| + | |
- | position:absolute;
| + | |
- | left:678px;
| + | |
- | top:24px;
| + | |
- | float: right;
| + | |
- | width: 272px;
| + | |
- | padding: 10px 0px 0px 0px;
| + | |
- | color: #787878;
| + | |
- | height: 665px;
| + | |
- | }
| + | |
- | | + | |
- | #sidebar ul {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | | + | |
- | #sidebar li {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | #sidebar li ul {
| + | |
- | margin: 0px 15px;
| + | |
- | padding-bottom: 30px;
| + | |
- | }
| + | |
- | | + | |
- | #sidebar li li {
| + | |
- | line-height: 35px;
| + | |
- | border-bottom: 1px dashed #D1D1D1;
| + | |
- | padding-left: 15px;
| + | |
- | }
| + | |
- | | + | |
- | #sidebar li li span {
| + | |
- | display: block;
| + | |
- | margin-top: -20px;
| + | |
- | padding: 0;
| + | |
- | font-size: 11px;
| + | |
- | font-style: italic;
| + | |
- | }
| + | |
- | | + | |
- | #sidebar h2 {
| + | |
- | height: 38px;
| + | |
- | padding: 12px 0 0 15px;
| + | |
- | letter-spacing: -.5px;
| + | |
- | color: #181818;
| + | |
- | }
| + | |
- | | + | |
- | #sidebar p {
| + | |
- | margin: 0 0px;
| + | |
- | padding: 0px 20px 20px 20px;
| + | |
- | text-align: justify;
| + | |
- | }
| + | |
- | | + | |
- | #sidebar a {
| + | |
- | border: none;
| + | |
- | color: #B94E0E;
| + | |
- | }
| + | |
- | | + | |
- | #sidebar a:hover {
| + | |
- | text-decoration: underline;
| + | |
- | }
| + | |
- | | + | |
- | /* Calendar */
| + | |
- | | + | |
- | #calendar {
| + | |
- | }
| + | |
- | | + | |
- | #calendar_wrap {
| + | |
- | padding: 20px;
| + | |
- | }
| + | |
- | | + | |
- | #calendar table {
| + | |
- | width: 100%;
| + | |
- | }
| + | |
- | #calendar tbody td {
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | #calendar #next {
| + | |
- | text-align: right;
| + | |
- | }
| + | |
- | /* Footer */
| + | |
- | | + | |
- | #footer-wrapper {
| + | |
- | position:absolute;
| + | |
- | bottom:-1286px;
| + | |
- | width: 100%;
| + | |
- | background: #231202;
| + | |
- | left: 193px;
| + | |
- | }
| + | |
- | | + | |
- | #myfooter {
| + | |
- | position:absolute;
| + | |
- | width: 960px;
| + | |
- | height: 100px;
| + | |
- | margin: 0 auto;
| + | |
- | padding: 0px 0 15px 0;
| + | |
- | background: url(http://igem.3vfree.us/images/img01.jpg) repeat-x left top;
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | left: 0px;
| + | |
- | }
| + | |
- | | + | |
- | #myfooter p {
| + | |
- | margin: 0;
| + | |
- | padding-top: 40px;
| + | |
- | line-height: normal;
| + | |
- | font-size: 9px;
| + | |
- | text-transform: uppercase;
| + | |
- | text-align: center;
| + | |
- | color: #D78983;
| + | |
- | }
| + | |
- | | + | |
- | #myfooter a {
| + | |
- | color: #FFDBD9;
| + | |
- | }
| + | |
- | </style>
| + | |
| </head> | | </head> |
- | <body onLoad="setupZoom();"> | + | <body onload="setupZoom()";> |
- | <div id="wrapper"> | + | <div id="cover"> |
- | <div id="header">
| + | <img src="https://static.igem.org/mediawiki/igem.org/6/61/NJU_NJUT_CHINA_Projectb.jpg" /> |
- | <div id="logo">
| + | </div> |
- | </div>
| + | <div id="guide0"> |
- | </div> | + | <a href="https://2013.igem.org/Team:NJU_NJUT_China" > <img src="https://static.igem.org/mediawiki/igem.org/2/26/NJU_NJUT_CHINA_Home.jpg" /></a> |
- | </div> | + | |
| </div> | | </div> |
- | <!-- end #header --> | + | <div id="guide1"> |
- | <ul id="navigation">
| + | <a href="https://2013.igem.org/Team:NJU_NJUT_China/team" target="team" ><img src="https://static.igem.org/mediawiki/igem.org/3/31/NJU_NJUT_CHINA_Teamb.jpg" target="team"/></a> |
- | <li class="home" style="width: 100px;"><a href="https://2013.igem.org/Team:NJU_NJUT_China"><span>Home</span></a></li>
| + | </div> |
- | <li class="about" style="width: 115px;"><a href="https://2013.igem.org/Team:NJU_NJUT_China/team" style="width:115px;"><span>TEAM</span></a></li>
| + | <div id="guide2"> |
- | <li class="search" style="width: 135px;"><a href="https://2013.igem.org/Team:NJU_NJUT_China/project" style="width:135px;"<span>PROJECT</span></a></li>
| + | <a href="https://2013.igem.org/Team:NJU_NJUT_China/project" target="team"><img src="https://static.igem.org/mediawiki/igem.org/3/32/NJU_NJUT_CHINA_Project.jpg" border="0" > </a></div> |
- | <li class="photos" style="width: 150px;"><a href="" style="width:150px;"><span>MODELING</span></a></li>
| + | <div id="guide3"> |
- | <li class="rssfeed" style="width: 115px;"><a href="" style="width:115px;"><span>DATA</span></a></li>
| + | <a href="https://2013.igem.org/Team:NJU_NJUT_China/modeling" ><img src="https://static.igem.org/mediawiki/igem.org/5/59/NJU_NJUT_CHINA_Model.jpg"/> </a> |
- | <li class="podcasts" style="width: 125px;"><a href=""style="width:125px;"><span>SFATY</span></a></li>
| + | </div> |
- | <li class="contact" style="width: 205px;"><a href=""style="width:205px;"><span>HUMANPRACTICE</span></a></li>
| + | <div id="guide4"> |
- | </ul>
| + | <a href="https://2013.igem.org/Team:NJU_NJUT_China/data"><img src="https://static.igem.org/mediawiki/igem.org/8/80/NJU_NJUT_CHINA_Data.jpg"/></a> |
- | | + | </div> |
- | <div style="clear: both;"> </div> | + | <div id="guide5"> |
- | <!-- end #menu -->
| + | <a href="https://2013.igem.org/Team:NJU_NJUT_China/safety"><img src="https://static.igem.org/mediawiki/igem.org/1/16/NJU_NJUT_CHINA_Safety.jpg"/></a> |
- | <div id="page" style=" position:absolute;top:270px"> | + | </div> |
- | <div id="page-bgtop"> | + | <div id="guide6"> |
- | <div id="page-bgbtm">
| + | <a href="https://2013.igem.org/Team:NJU_NJUT_China/humanpractice"><img src="https://static.igem.org/mediawiki/igem.org/4/44/NJU_NJUT_CHINA_Hump.jpg"/></a> |
- | <div id="content">
| + | </div> |
- |
| + | <div id="mycontent"> |
- |
| + | <div id="content2"> |
| <div class="post"> | | <div class="post"> |
| <h2 class="title"><a href="#" >Poject Introduction</a></h2> | | <h2 class="title"><a href="#" >Poject Introduction</a></h2> |
| <p class="meta"> basic information</p> | | <p class="meta"> basic information</p> |
| <div class="entry"> | | <div class="entry"> |
- | <p> Most of the bacteria and archaea acquire virus resistance by integrating short viral nucleotide acid fragments into the clusters of regularly interspaced short palindromic repeats (CRISPRs). And CRISPR-based defense system can also protects them against the invading DNA and/or RNA elements. It is believed that the integrated CRISPR sequences have the ability to form a genetic memory which prevents the host from being infected. The CRISPRs and Cas (CRISPR-associated) interact and form this prokaryotic adaptive immune system.</p> | + | <p> All cellular systems evolve ways to combat predators and genomic parasites. In bacteria and archaea, numerous resistance mechanisms have been developed against phage. Clustered regularly interspaced short palindromic repeats (CRISPR)/CRISPR-associated (Cas) adaptive immune systems are found in bacteria and archaea to protect the hosts against the invasion of viruses and plasmids. Most of the bacteria and archaea acquire virus resistance by integrating short viral nucleotide acid fragments into the CRISPR sequences. It is believed that the integrated CRISPR sequences have the ability to form a genetic memory which prevents the host from being infected. The CRISPRs and Cas (CRISPR-associated) interact and form this prokaryotic adaptive immune system. A CRISPR array consists of the palindromic repeating sequences of typically 30bp that are interspaced by similar-sized acquired spacer sequences. The CRISPR loci are generally flanked by an AT-rich leader sequence which contains promoter and the binding sites for regulatory proteins. Highly-variable CRISPR loci provide insights into the phage and host population dynamics, and new avenues for enhanced phage resistance and genetic typing and tagging of industrial strains.</p> |
- | <a href="http://igem.3vfree.us/images/pro1.jpg" title="the E.coli CRISPR loci"><img src="http://igem.3vfree.us/images/pro1min.jpg" width="161" height="123" border="0" alt="" id="img-mwsf-2" class="photo" /></a> | + | <center><a href="http://igem.3vfree.us/images/pro1.jpg" title="img1"><img src="http://igem.3vfree.us/images/pro1min.jpg" style="width:200px" ;height:125px" border="0" alt="" id="img-mwsf-2" class="photo" /></a></center> |
- | <p>; A CRISPR array consists of the palindromic repeating sequences of typically 30bp that are interspaced by similar-sized acquired spacer sequences. The CRISPR loci are generally flanked bu an AT-rich leader sequence which contains promoter and the binding sites for regulatory proteins.</p> | + | <p> The CRISPR/Cas immune system encompasses a multistep process by which DNA-encoded spacers lead to sequence-specific interference of invasive nucleic acids, mediated by a ribonucleoproteic complex. There are two main processes characteristic of CRISPR-based immunity, namely spacer acquisition (immunization) and crRNA-mediated interference (immunity). Thus far, most of the molecular basis for the CRISPR/Cas mechanism of action has focused on the interference step, with notable focus on the biochemical details of crRNA biogenesis and target nucleic acid interaction.</p> |
- | <p>There three highly diverse CRISPR/Ca types exist, and major structural and functional differences are displayed in their mode of generating resistance against the invading DNA and/or RNA elements.</p> | + | <p> There are three highly diverse CRISPR/Cas types exist, and major structural and functional differences are displayed in their mode of generating resistance against the invading DNA and/or RNA elements. The CRISPR-associated protein Cas9 that belongs to the type II CRISPR/Cas system has attracted much attention due to its potential use in genomic engineering. The cas9 signature gene encodes a large multifunctional protein with the ability to generate crRNA and targets phage and plasmid DNA for degradation. Cas9 contains a RuvC-like nuclease domain and a McrA-like HNH nuclease domain. The functional S. thermophilus CRISPR model is a Type II system that has been shown to provide defense against bacteriophage and plasmid DNA. </p> |
- | <p>We focus on the type I-E CRISPR/Cas system from the model bacterium Escberichia coli k12 w3110 whose CRISPR loci has been identified so that we can download the essential sequence from NCBI(http://www.ncbi.nlm.nih.gov/nuccore/85674274?report=graph). </p>
| + | <center><a href="http://igem.3vfree.us/images/pro4.jpg" title="img1"><img src="http://igem.3vfree.us/images/pro4min.jpg" style="width:200px" ;height:125px" border="0" alt="" id="img-mwsf-2" class="photo" /></a></center> |
- | <a href="http://igem.3vfree.us/images/pro2.jpg" title="the maturation of crRNA"><img src="http://igem.3vfree.us/images/pro2min.jpg" width="575" height="123" border="0" alt="" id="img-mwsf-2" class="photo" /></a> | + | <p> In the spacer acquisition process, small fragments of invasive nucleic acid are incorporated into the host genome between CRISPR repeats at the leader end of the locus. The polarized integration of novel repeat-spacer units at the leader end provides a chronological time line of spacer acquisition events. The sequence on the viral genome that corresponds to a spacer is termed proto-spacer. In most cases, a very short stretch of nucleotides is conserved in the immediate vicinity of the proto-spacer, the CRISPR motif, or the proto-spacer-associated motif (PAM). The ability to acquire novel spacers in vivo has been experimentally documented in S. thermophilus and Streptococcus mutans, in which trans-encoded small CRISPR RNA (tracrRNA) is involved in the processing of pre-CRISPR RNA (pre-crRNA) into crRNA. Subsequent recruitment of a housekeeping RNase III catalyzes, together with Cas9, cleavage of the pre-crRNA in the repeat; this yields 66-nt crRNA molecules that are further trimmed at the 5’end to produce 39–42-nt mature crRNA containing a 20-nt spacer sequence. During Type II CRISPR interference, target DNA is cleaved in the proto-spacer sequence by the CRISPR/Cas complex. </p> |
- | <p>The mechanism of all CRISPR/Cas systems is divided into three stages: adaption, expression, and interference. At the adaption stage, the host cell acquires the resistance by integration of a new spacer sequence into a CRISPR loci. During the expression stage, cas genes are transcribed and translated. At the same time, CRISPRs are transcribed into pre-crRNAs (precursor CRISPR RNAs), and a Cas6 homolog in</p> | + | <center><a href="http://igem.3vfree.us/images/pro2.jpg" title="img2"><img src="http://igem.3vfree.us/images/pro2min.jpg"style="width:200px" ;height:225px" border="0" alt="" id="img-mwsf-2" class="photo" /></a></center> |
- | <a href="http://igem.3vfree.us/images/pro3.jpg" title=" Schematic diagram of the CRISPR/Cas gene cluster of Escberichia coli k12 w3110"><img src="http://igem.3vfree.us/images/pro3min.jpg" width="232" height="123" border="0" alt="" id="img-mwsf-2" class="photo" /></a> | + | <p> All organisms need to continuously adapt to changes in their environment. Horizontal gene transfer (HGT), a dominant evolutionary process, at least, in prokaryotes, appears to be a form of Lamarckian inheritance. Obviously, the CRISPR system is a much more impressive example. Now, genome-editing by Cas9 is so efficient that it creates a popular method to knock out one gene from the host genome. However, people met lots of problems during attempts to specifically-targeting and cleavage-facilitating. As the best result of natural selection, we are sure that the CRISPR/Cas systems have their specification and high-efficiency when choosing the spacer. Based on the CRISPR library of S. thermophiles, E. Coli, Lactobacillus and Salmonella, we design one model to simulate the selection of spacer with the help of PAM (proto-spacer associated motifs), and then develop a theory to guide the choosing target-sites. </p> |
- | <p>Type I cleave it subsequently. </p>
| + | <center><a href="http://igem.3vfree.us/images/pro3.jpg" title=" img3"><img src="http://igem.3vfree.us/images/pro3min.jpg" style="width:200px" ;height:125px" border="0" alt="" id="img-mwsf-2" class="photo" /></a></center> |
- | <p>At the interference stage, the complex formed by the Cas proteins and the mature<a href="http://igem.3vfree.us/images/pro4.jpg" title=" the overall model of the immune system against the virus"><img src="http://igem.3vfree.us/images/pro4min.jpg" width="204" height="145" border="0" alt="" id="img-mwsf-2" class="photo" /></a>crRNA cleave the complementary invading nucleic acids.</p> | + | <p> As the imaginary result of our model, we choose the CRISPR sequence from E.coli K12, which is the most usual bacteria with the CRISPR/Cas system, to be our genetic memory loaded into the vector plasmid1 has been well designed. This plasmid is taken to generate the guiding-RNA (crRNA & tracrRNA) and interact with the Cas9 protein produced by the Cas9 plasmid2. We also design a set of target plasmids3 which have the linear structure of eGFP-target sequence. The target sequence is one existing spacer in the CRISPR of E.coli K12, which can pair with crRNA produced by the plasmid1. This linear structure will be destroyed, theoretically, when the Cas9/gRNA complex recognize the target-site, which is a 30nt sequence, and then cleavage the GFP gene, which is adjacent to the 30-nt target site. </p> |
| + | <p> In some sense, our experiments is significant. Firstly, our model give us an efficient and novel method to design the DNA sequence which can be transcribed into the crRNA, which works with the core protein Cas9 to recognize the target site. With the help of our model, we can import this system into the superbugs, which can produce the well-selected guiding-RNA specifically paired with the resistance genes. Meanwhile, it is believed that the chance that this kind of crRNAs pair with other sites is very low. Subsequently, Cas9 interacts with gRNA and then forms the protein-nucleic acid complex. This complex can theoretically destroy any chosen resistance genes, and its carrier, or rather the common plasmids, can exist in the bacteria steady and continuously. Secondly, we can use this system into several fields, such as fermentation, antiviral field, improving the plants and any other bioindustrial works. At the same time, the mechanism of heredity and genome evolution embodied in the CRISPR-Cas system seems to be bona fide Lamarckian we can also learn the co-evolution of bacteria and virus from these systems.</p> |
| <hr /> | | <hr /> |
| </div> | | </div> |
| </div> | | </div> |
- | <div class="post">
| + | </div> |
- | <h2 class="title">Project ...</h2> | + | <div class="post"> |
- | <p>This is <strong>IGEM_TEST </strong>参考文献</p> | + | <h2 class="title">Reference.</h2> |
| + | <p>1. Zhang J, Rouillon C, Kerou M, et al. Structure and mechanism of the CMR complex for CRISPR-mediated antiviral immunity[J]. Molecular cell, 2012, 45(3): 303-313.</p> |
| + | <p>2. Brouns S J J, Jore M M, Lundgren M, et al. Small CRISPR RNAs guide antiviral defense in prokaryotes[J]. Science, 2008, 321(5891): 960-964. |
| + | <p>3. Díez-Villaseñor C, Almendros C, García-Martínez J, et al. Diversity of CRISPR loci in Escherichia coli[J]. Microbiology, 2010, 156(5): 1351-1361. |
| + | <p>4. Marraffini L A, Sontheimer E J. CRISPR interference limits horizontal gene transfer in staphylococci by targeting DNA[J]. science, 2008, 322(5909): 1843-1845. |
| + | <p>5. Shen B, Zhang J, Wu H, et al. Generation of gene-modified mice via Cas9/RNA-mediated gene targeting[J]. Cell research, 2013. |
| + | <p>6. Westra E R, Swarts D C, Staals R H J, et al. The CRISPRs, they are a-Changin': how prokaryotes generate adaptive immunity[J]. Annual review of genetics, 2012, 46: 311-339. |
| + | <p>7. Cong L, Ran F A, Cox D, et al. Multiplex genome engineering using CRISPR/Cas systems[J]. Science, 2013, 339(6121): 819-823. |
| + | <p>8. Karginov F V, Hannon G J. The CRISPR system: small RNA-guided defense in bacteria and archaea[J]. Molecular cell, 2010, 37(1): 7-19. |
| + | <p>9. Mali P, Yang L, Esvelt K M, et al. RNA-guided human genome engineering via Cas9[J]. Science, 2013, 339(6121): 823-826. |
| + | <p>10. Barrangou R, Horvath P. CRISPR: new horizons in phage resistance and strain identification[J]. Annual review of food science and technology, 2012, 3: 143-162. |
| + | <p>11. Hale C R, Majumdar S, Elmore J, et al. Essential features and rational design of CRISPR RNAs that function with the Cas RAMP module complex to cleave RNAs[J]. Molecular cell, 2012, 45(3): 292-302. |
| + | <p>12. Semenova E, Jore M M, Datsenko K A, et al. Interference by clustered regularly interspaced short palindromic repeat (CRISPR) RNA is governed by a seed sequence[J]. Proceedings of the National Academy of Sciences, 2011, 108(25): 10098-10103. |
| <div style="clear: both;"></div> | | <div style="clear: both;"></div> |
| <br /> | | <br /> |
| </div> | | </div> |
- | </div>
| |
- | </div>
| |
- |
| |
- | <div style="clear: both;"> </div>
| |
- | </div>
| |
- | <!-- end #content -->
| |
- | <div id="sidebar">
| |
- | <ul>
| |
- | <li>
| |
- | <h2>Project</h2>
| |
- | <p><strong>project</strong>
| |
- | </p>
| |
- | </li>
| |
- | <li> </li>
| |
- | <li>
| |
- | <h2>project</h2>
| |
- | <ul>
| |
- | <li><a href="#">project</a></li>
| |
- | <li><a href="#">project</a></li>
| |
- | <li><a href="#">project</a></li>
| |
- | <li><a href="#">project</a></li>
| |
- | <li><a href="#">project</a></li>
| |
- | <li><a href="#">project</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
- | <!-- end #sidebar -->
| |
- | <div style="clear: both;"></div>
| |
- | <div id="myfooter">
| |
- | <p><a href="#">NJU_NJUT_CHINA</a>.</p>
| |
- | </div>
| |
- | <!-- end #footer -->
| |
| </div> | | </div> |
- | </div>
| |
- | </div>
| |
| </div> | | </div> |
- | <!-- end #page -->
| |
- | </div>
| |
- | <!-- The JavaScript -->
| |
- | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
| |
- | <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
| |
- | <script type="text/javascript">
| |
- | (function($) {
| |
- | $.fn.parallaxSlider = function(options) {
| |
- | var opts = $.extend({}, $.fn.parallaxSlider.defaults, options);
| |
- | return this.each(function() {
| |
- | var $pxs_container = $(this),
| |
- | o = $.meta ? $.extend({}, opts, $pxs_container.data()) : opts;
| |
- |
| |
- | //the main slider
| |
- | var $pxs_slider = $('.pxs_slider',$pxs_container),
| |
- | //the elements in the slider
| |
- | $elems = $pxs_slider.children(),
| |
- | //total number of elements
| |
- | total_elems = $elems.length,
| |
- | //the navigation buttons
| |
- | $pxs_next = $('.pxs_next',$pxs_container),
| |
- | $pxs_prev = $('.pxs_prev',$pxs_container),
| |
- | //the bg images
| |
- | $pxs_bg1 = $('.pxs_bg1',$pxs_container),
| |
- | $pxs_bg2 = $('.pxs_bg2',$pxs_container),
| |
- | $pxs_bg3 = $('.pxs_bg3',$pxs_container),
| |
- | //current image
| |
- | current = 0,
| |
- | //the thumbs container
| |
- | $pxs_thumbnails = $('.pxs_thumbnails',$pxs_container),
| |
- | //the thumbs
| |
- | $thumbs = $pxs_thumbnails.children(),
| |
- | //the interval for the autoplay mode
| |
- | slideshow,
| |
- | //the loading image
| |
- | $pxs_loading = $('.pxs_loading',$pxs_container),
| |
- | $pxs_slider_wrapper = $('.pxs_slider_wrapper',$pxs_container);
| |
- |
| |
- | //first preload all the images
| |
- | var loaded = 0,
| |
- | $images = $pxs_slider_wrapper.find('img');
| |
- |
| |
- | $images.each(function(){
| |
- | var $img = $(this);
| |
- | $('<img/>').load(function(){
| |
- | ++loaded;
| |
- | if(loaded == total_elems*2){
| |
- | $pxs_loading.hide();
| |
- | $pxs_slider_wrapper.show();
| |
- |
| |
- | //one images width (assuming all images have the same sizes)
| |
- | var one_image_w = $pxs_slider.find('img:first').width();
| |
- | setWidths($pxs_slider,
| |
- | $elems,
| |
- | total_elems,
| |
- | $pxs_bg1,
| |
- | $pxs_bg2,
| |
- | $pxs_bg3,
| |
- | one_image_w,
| |
- | $pxs_next,
| |
- | $pxs_prev);
| |
- | $pxs_thumbnails.css({
| |
- | 'width' : one_image_w + 'px',
| |
- | 'margin-left' : -one_image_w/2 + 'px'
| |
- | });
| |
- | var spaces = one_image_w/(total_elems+1);
| |
- | $thumbs.each(function(i){
| |
- | var $this = $(this);
| |
- | var left = spaces*(i+1) - $this.width()/2;
| |
- | $this.css('left',left+'px');
| |
- |
| |
- | if(o.thumbRotation){
| |
- | var angle = Math.floor(Math.random()*41)-20;
| |
- | $this.css({
| |
- | '-moz-transform' : 'rotate('+ angle +'deg)',
| |
- | '-webkit-transform' : 'rotate('+ angle +'deg)',
| |
- | 'transform' : 'rotate('+ angle +'deg)'
| |
- | });
| |
- | }
| |
- | $this.bind('mouseenter',function(){
| |
- | $(this).stop().animate({top:'-10px'},100);
| |
- | }).bind('mouseleave',function(){
| |
- | $(this).stop().animate({top:'0px'},100);
| |
- | });
| |
- | });
| |
- |
| |
- | //make the first thumb be selected
| |
- | highlight($thumbs.eq(0));
| |
- |
| |
- | //slide when clicking the navigation buttons
| |
- | $pxs_next.bind('click',function(){
| |
- | ++current;
| |
- | if(current >= total_elems)
| |
- | if(o.circular)
| |
- | current = 0;
| |
- | else{
| |
- | --current;
| |
- | return false;
| |
- | }
| |
- | highlight($thumbs.eq(current));
| |
- | slide(current,
| |
- | $pxs_slider,
| |
- | $pxs_bg3,
| |
- | $pxs_bg2,
| |
- | $pxs_bg1,
| |
- | o.speed,
| |
- | o.easing,
| |
- | o.easingBg);
| |
- | });
| |
- | $pxs_prev.bind('click',function(){
| |
- | --current;
| |
- | if(current < 0)
| |
- | if(o.circular)
| |
- | current = total_elems - 1;
| |
- | else{
| |
- | ++current;
| |
- | return false;
| |
- | }
| |
- | highlight($thumbs.eq(current));
| |
- | slide(current,
| |
- | $pxs_slider,
| |
- | $pxs_bg3,
| |
- | $pxs_bg2,
| |
- | $pxs_bg1,
| |
- | o.speed,
| |
- | o.easing,
| |
- | o.easingBg);
| |
- | });
| |
- | $thumbs.bind('click',function(){
| |
- | var $thumb = $(this);
| |
- | highlight($thumb);
| |
- | if(o.auto)
| |
- | clearInterval(slideshow);
| |
- | current = $thumb.index();
| |
- | slide(current,
| |
- | $pxs_slider,
| |
- | $pxs_bg3,
| |
- | $pxs_bg2,
| |
- | $pxs_bg1,
| |
- | o.speed,
| |
- | o.easing,
| |
- | o.easingBg);
| |
- | });
| |
- | if(o.auto != 0){
| |
- | o.circular = true;
| |
- | slideshow = setInterval(function(){
| |
- | $pxs_next.trigger('click');
| |
- | },o.auto);
| |
- | }
| |
- | $(window).resize(function(){
| |
- | w_w = $(window).width();
| |
- | setWidths($pxs_slider,$elems,total_elems,$pxs_bg1,$pxs_bg2,$pxs_bg3,one_image_w,$pxs_next,$pxs_prev);
| |
- | slide(current,
| |
- | $pxs_slider,
| |
- | $pxs_bg3,
| |
- | $pxs_bg2,
| |
- | $pxs_bg1,
| |
- | 1,
| |
- | o.easing,
| |
- | o.easingBg);
| |
- | });
| |
- |
| |
- | }
| |
- | }).error(function(){
| |
- | alert('here')
| |
- | }).attr('src',$img.attr('src'));
| |
- | });
| |
- |
| |
- |
| |
- |
| |
- | });
| |
- | };
| |
- |
| |
- | //the current windows width
| |
- | var w_w = $(window).width();
| |
- |
| |
- | var slide = function(current,
| |
- | $pxs_slider,
| |
- | $pxs_bg3,
| |
- | $pxs_bg2,
| |
- | $pxs_bg1,
| |
- | speed,
| |
- | easing,
| |
- | easingBg){
| |
- | var slide_to = parseInt(-w_w * current);
| |
- | $pxs_slider.stop().animate({
| |
- | left : slide_to + 'px'
| |
- | },speed, easing);
| |
- | $pxs_bg3.stop().animate({
| |
- | left : slide_to/2 + 'px'
| |
- | },speed, easingBg);
| |
- | $pxs_bg2.stop().animate({
| |
- | left : slide_to/4 + 'px'
| |
- | },speed, easingBg);
| |
- | $pxs_bg1.stop().animate({
| |
- | left : slide_to/8 + 'px'
| |
- | },speed, easingBg);
| |
- | }
| |
- |
| |
- | var highlight = function($elem){
| |
- | $elem.siblings().removeClass('selected');
| |
- | $elem.addClass('selected');
| |
- | }
| |
- |
| |
- | var setWidths = function($pxs_slider,
| |
- | $elems,
| |
- | total_elems,
| |
- | $pxs_bg1,
| |
- | $pxs_bg2,
| |
- | $pxs_bg3,
| |
- | one_image_w,
| |
- | $pxs_next,
| |
- | $pxs_prev){
| |
- | var pxs_slider_w = w_w * total_elems;
| |
- | $pxs_slider.width(pxs_slider_w + 'px');
| |
- |
| |
- | $elems.width(w_w + 'px');
| |
- | $pxs_bg1.width(pxs_slider_w + 'px');
| |
- | $pxs_bg2.width(pxs_slider_w + 'px');
| |
- | $pxs_bg3.width(pxs_slider_w + 'px');
| |
- | var position_nav = w_w/2 - one_image_w/2 + 3;
| |
- | $pxs_next.css('right', position_nav + 'px');
| |
- | $pxs_prev.css('left', position_nav + 'px');
| |
- | }
| |
- |
| |
- | $.fn.parallaxSlider.defaults = {
| |
- | auto : 0, //how many seconds to periodically slide the content.
| |
- | //If set to 0 then autoplay is turned off.
| |
- | speed : 1000,//speed of each slide animation
| |
- | easing : 'jswing',//easing effect for the slide animation
| |
- | easingBg : 'jswing',//easing effect for the background animation
| |
- | circular : true,//circular slider
| |
- | thumbRotation : true//the thumbs will be randomly rotated
| |
- | };
| |
- | //easeInOutExpo,easeInBack
| |
- | })(jQuery);
| |
- | </script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | $(function() {
| |
- | var $pxs_container = $('#pxs_container');
| |
- | $pxs_container.parallaxSlider();
| |
- | });
| |
- | </script>
| |
- | <script type="text/javascript">
| |
- | $(function() {
| |
- | var d=300;
| |
- | $('#navigation a').each(function(){
| |
- | $(this).stop().animate({
| |
- | 'marginTop':'-80px'
| |
- | },d+=150);
| |
- | });
| |
- |
| |
- | $('#navigation > li').hover(
| |
- | function () {
| |
- | $('a',$(this)).stop().animate({
| |
- | 'marginTop':'-2px'
| |
- | },200);
| |
- | },
| |
- | function () {
| |
- | $('a',$(this)).stop().animate({
| |
- | 'marginTop':'-80px'
| |
- | },200);
| |
- | }
| |
- | );
| |
- | });
| |
- | function $aa(obj)
| |
- | {
| |
- | if(obj.className == "aa")
| |
- | {
| |
- | obj.className = "bb";
| |
- | }
| |
- | else
| |
- | obj.className = "aa";
| |
- | }
| |
- | function unfold(element){
| |
- | var temp=document.getElementById(element);
| |
- | $aa(temp);
| |
- | }
| |
- | </script>
| |
- |
| |
| </body> | | </body> |
| </html> | | </html> |