Team:UESTC-China/Protocol
From 2014.igem.org
(Difference between revisions)
(31 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | ||
+ | |||
<head> | <head> | ||
- | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | + | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> |
- | <title>UESTC-China</title> | + | <title>UESTC-China</title> |
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
<style> | <style> | ||
#content { | #content { | ||
Line 17: | Line 23: | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
+ | |||
- | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol, | + | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} |
body{ | body{ | ||
Line 75: | Line 82: | ||
background-color: #394264; | background-color: #394264; | ||
width: 1195px; | width: 1195px; | ||
- | height:63px; | + | height: 63px; |
+ | |||
} | } | ||
@font-face { | @font-face { | ||
Line 126: | Line 134: | ||
.top-menu-sub{ | .top-menu-sub{ | ||
position: absolute; | position: absolute; | ||
- | margin-top: | + | margin-top: 63px; |
- | + | z-index: 10; | |
- | z-index: 10; | + | min-width: 215px; |
- | min-width: 215px; | + | |
} | } | ||
.top-menu-sub li{ | .top-menu-sub li{ | ||
Line 305: | Line 312: | ||
} | } | ||
#top{ | #top{ | ||
- | + | background-image: url('https://static.igem.org/mediawiki/2014/8/89/Uestc_top2.png'); | |
- | width: | + | width: 65px; |
- | height: | + | height: 138px; |
- | + | position: fixed; | |
- | + | top: 70%; | |
- | + | margin-left: 1200px; | |
- | + | cursor: pointer; | |
+ | z-index: 999; | ||
} | } | ||
#logo{ | #logo{ | ||
Line 334: | Line 342: | ||
color:white; | color:white; | ||
} | } | ||
+ | |||
+ | /*rocket-to-top*/ | ||
+ | *{list-style:none;border:0;} | ||
+ | |||
+ | #rocket-to-top div { | ||
+ | left: 0; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 149px; | ||
+ | } | ||
+ | #rocket-to-top .level-2 { | ||
+ | background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent; | ||
+ | display: none; | ||
+ | height: 250px; | ||
+ | opacity: 0; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | #rocket-to-top .level-3 { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | height: 150px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | #rocket-to-top { | ||
+ | background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll 0 0 transparent; | ||
+ | cursor: default; | ||
+ | display: block; | ||
+ | height: 250px; | ||
+ | margin: -125px 0 0; | ||
+ | overflow: hidden; | ||
+ | padding: 0; | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | top: 80%; | ||
+ | width: 149px; | ||
+ | z-index: 11; | ||
+ | } | ||
+ | /*rocket-to-top end*/ | ||
+ | |||
+ | |||
+ | |||
+ | |||
Line 340: | Line 394: | ||
- | .SensorEditingAreaClass p{position:relative;left:0px; width: | + | .SensorEditingAreaClass p{position:relative;left:0px; width:1090px; font-size:23px; font-family: calibri, arial, helvetica, sans-serif; } |
.SensorEditingAreaClass a{color:#1f8a70;} | .SensorEditingAreaClass a{color:#1f8a70;} | ||
#underTitle{ | #underTitle{ | ||
color: #000; | color: #000; | ||
position: absolute; | position: absolute; | ||
- | left: | + | left: 25px; |
margin-top: 5px; | margin-top: 5px; | ||
margin_bottom: 5px; | margin_bottom: 5px; | ||
top: 39px; | top: 39px; | ||
- | width: | + | width:800px; |
} | } | ||
#fusionArea{ | #fusionArea{ | ||
Line 379: | Line 433: | ||
position:relative; | position:relative; | ||
left:30px; | left:30px; | ||
- | top: | + | top: 670px; |
background-color:#1f8a70; | background-color:#1f8a70; | ||
padding:0 10px; | padding:0 10px; | ||
Line 389: | Line 443: | ||
#SectionTitles4{ | #SectionTitles4{ | ||
position:relative; | position:relative; | ||
- | top: | + | top: 1020px; |
left:30px; | left:30px; | ||
background-color:#1f8a70; | background-color:#1f8a70; | ||
Line 400: | Line 454: | ||
#SectionTitles5{ | #SectionTitles5{ | ||
position:relative; | position:relative; | ||
- | top: | + | top: 1400px; |
left:30px; | left:30px; | ||
padding:0 10px; | padding:0 10px; | ||
Line 410: | Line 464: | ||
#SectionTitles6{ | #SectionTitles6{ | ||
position:relative; | position:relative; | ||
- | top: | + | top: 1720px; |
left:30px; | left:30px; | ||
background-color:#1f8a70; | background-color:#1f8a70; | ||
Line 420: | Line 474: | ||
#SectionTitles7{ | #SectionTitles7{ | ||
- | top: | + | top: 2190px; |
position:relative; | position:relative; | ||
left:30px; | left:30px; | ||
Line 430: | Line 484: | ||
#SectionTitles8{ | #SectionTitles8{ | ||
- | top: | + | top: 2505px; |
position:relative; | position:relative; | ||
left:30px; | left:30px; | ||
Line 441: | Line 495: | ||
#SectionTitles9{ | #SectionTitles9{ | ||
- | top: | + | top: 2840px; |
position:relative; | position:relative; | ||
left:30px; | left:30px; | ||
Line 458: | Line 512: | ||
.textEditingArea{ | .textEditingArea{ | ||
- | top: | + | top:3600px; |
position:absolute; | position:absolute; | ||
left:30px; | left:30px; | ||
Line 487: | Line 541: | ||
text-align:justify; width:1140px; } | text-align:justify; width:1140px; } | ||
#references{ | #references{ | ||
- | + | margin-top: 700px; | |
- | position: | + | position:relative; |
font-size: large; | font-size: large; | ||
left:30px; | left:30px; | ||
Line 502: | Line 556: | ||
.lastmid{background: #FFFFCC;color: #797268; | .lastmid{background: #FFFFCC;color: #797268; | ||
padding:20px;} | padding:20px;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
Line 596: | Line 655: | ||
- | + | ||
+ | <div id="middle-photo"> | ||
+ | <div class="middle-photo-each"> | ||
+ | |||
+ | |||
<div id="SensorEditingArea" class="SensorEditingAreaClass"> | <div id="SensorEditingArea" class="SensorEditingAreaClass"> | ||
<div class="tableEditing"> | <div class="tableEditing"> | ||
+ | <h1 style="color:#1b1b1b; position:relative; left:25px; padding:15 5px; font-size:40px; font-family: calibri, arial, helvetica, sans-serif; font-weight: bold;font-style: Italic; text-align:center; width:1140px;">Protocol</h1> | ||
<div id="SectionTitles1" style="width:1100px;">Fragments Ligation | <div id="SectionTitles1" style="width:1100px;">Fragments Ligation | ||
</h1> | </h1> | ||
Line 693: | Line 757: | ||
<tr> | <tr> | ||
<td class="mid">DNA</td> | <td class="mid">DNA</td> | ||
- | <td class="mid">1- | + | <td class="mid">1-2µg</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
Line 726: | Line 790: | ||
<tr> | <tr> | ||
<td class="mid">10mM dNTPs</td> | <td class="mid">10mM dNTPs</td> | ||
- | <td class="mid"> | + | <td class="mid">5µg</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td class="mid"> | + | <td class="mid">10µM forward primer</td> |
<td class="mid">1µl</td> | <td class="mid">1µl</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td class="mid"> | + | <td class="mid">10µM reverse primer</td> |
<td class="mid">1µl</td> | <td class="mid">1µl</td> | ||
</tr> | </tr> | ||
Line 818: | Line 882: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td class="mid"> | + | <td class="mid">10µM forward primer</td> |
<td class="mid">1µl</td> | <td class="mid">1µl</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td class="mid"> | + | <td class="mid">10µM reverse primer</td> |
<td class="mid">1µl</td> | <td class="mid">1µl</td> | ||
</tr> | </tr> | ||
Line 906: | Line 970: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td class="mid"> | + | <td class="mid">10µM forward primer</td> |
<td class="mid">0.5µl</td> | <td class="mid">0.5µl</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td class="mid"> | + | <td class="mid">10µM reverse primer</td> |
<td class="mid">0.5µl</td> | <td class="mid">0.5µl</td> | ||
</tr> | </tr> | ||
Line 971: | Line 1,035: | ||
</div> | </div> | ||
<div class="textEditingArea" > | <div class="textEditingArea" > | ||
+ | |||
<h1 class="textEditingTitle" style="width: 1100px">E. coli Transformation</br> | <h1 class="textEditingTitle" style="width: 1100px">E. coli Transformation</br> | ||
- | </h1><p class="textEditingstyle">1)Streak E.coli cells (DH5α) on an LB plate, (BL21 (DE3) LysS cells on LB plate + 25 mg/ml chloramphenicol);<br> | + | </h1><p class="textEditingstyle">1)Streak <i>E.coli</i> cells (DH5α) on an LB plate, (BL21 (DE3) LysS cells on LB plate + 25 mg/ml chloramphenicol);<br> |
2) Allow cells to grow at 37℃ overnight;<br> | 2) Allow cells to grow at 37℃ overnight;<br> | ||
3)Place one colony in 10 ml LB media (+ antibiotic selection if necessary), grow overnight at 37℃;<br> | 3)Place one colony in 10 ml LB media (+ antibiotic selection if necessary), grow overnight at 37℃;<br> | ||
Line 988: | Line 1,053: | ||
15) Incubate on ice for 2 minutes;<br> | 15) Incubate on ice for 2 minutes;<br> | ||
16) Spread the appropriate quantity of cells (50 to 100 ml) on selective media. Store the remaining cells at 4℃.<br> | 16) Spread the appropriate quantity of cells (50 to 100 ml) on selective media. Store the remaining cells at 4℃.<br> | ||
- | (A) E. coli cells from the control tube without DNA in step 12 above are plated on selective medium and nonselective medium. The first plating ensures that the selective medium is working properly since no growth should be observed. The second plating provides the number of viable cells in the absence of selective medium. <br> | + | (A) <i>E. coli</i> cells from the control tube without DNA in step 12 above are plated on selective medium and nonselective medium. The first plating ensures that the selective medium is working properly since no growth should be observed. The second plating provides the number of viable cells in the absence of selective medium. <br> |
- | (B) E. coli cells being tested for competency are plated on LB agar containing ampicillin (50 mg/ml final concentration) to ensure that the transformation efficiency has not decreased over time due to storage.<br> | + | (B) <i>E. coli</i> cells being tested for competency are plated on LB agar containing ampicillin (50 mg/ml final concentration) to ensure that the transformation efficiency has not decreased over time due to storage.<br> |
17) Incubate all plates overnight at 37℃.<br> | 17) Incubate all plates overnight at 37℃.<br> | ||
18) Count the number of colonies.<br> | 18) Count the number of colonies.<br> | ||
Line 1,022: | Line 1,087: | ||
<tr> | <tr> | ||
<td class="lastmid">Qualitative detection</td> | <td class="lastmid">Qualitative detection</td> | ||
- | <td class="lastmid">Have 6 positive | + | <td class="lastmid">Have 6 positive plants from every transgenic line (about 8 leaves age) , and 6 wild-type seedings with the same growth equally distributed into three 650ml culture bottles. Treat with 10µl 37% formaldehyde for two weeks. </td> |
<td class="mid"></td> | <td class="mid"></td> | ||
Line 1,028: | Line 1,093: | ||
<tr> | <tr> | ||
<td class="lastmid"><br>Quantitative detection</td> | <td class="lastmid"><br>Quantitative detection</td> | ||
- | <td class="lastmid"><br> Have 4 positive | + | <td class="lastmid"><br> Have 4 positive plants from every transgenic line (about 8 leaves age) in a 650ml culture bottle. Treat with 10µl 37% formaldehyde for 3 weeks. Using a formaldehyde detector (Gastec Passive Dositube, 91D, Ayase, Kanagawa, Japan) was set in the hole to detect gaseous formaldehyde. Three and a half hours later, the measurement was stopped and the results were photographed <i>(Chen et al., 2010)</i>.</td> |
- | <td class="lastmid"><br>Put 4 wild -type seedlings with the same growth of seedlings in experimental group into 650ml culture | + | <td class="lastmid"><br>Put 4 wild -type seedlings with the same growth of seedlings in experimental group into 650ml culture bottle,with same processing as the case of the experimental group.</td> |
</tr> | </tr> | ||
Line 1,040: | Line 1,105: | ||
</p> | </p> | ||
- | + | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | </div> | |
- | </div> | + | </div> |
- | </div> | + | |
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 1,066: | Line 1,136: | ||
data3.head="Our Team"; | data3.head="Our Team"; | ||
data3.content="Keep moving"; | data3.content="Keep moving"; | ||
- | |||
var imageintro=new Array(data1,data2,data3); | var imageintro=new Array(data1,data2,data3); | ||
var imagecount=0; | var imagecount=0; | ||
Line 1,172: | Line 1,241: | ||
</script> | </script> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:29, 18 October 2014