Team:TU Darmstadt/protocols/Heat Shock Transformation
From 2013.igem.org
(Difference between revisions)
(6 intermediate revisions not shown) | |||
Line 15: | Line 15: | ||
{ | { | ||
background-color: white; | background-color: white; | ||
- | background-image: url("/wiki/images/ | + | background-image: url("/wiki/images/5/5c/Hintergrund_Grün(ohne_Header%2C_Logo_und_Schlagschatten).jpg"); |
background-attachment: scroll; | background-attachment: scroll; | ||
background-position: 50% 0; | background-position: 50% 0; | ||
Line 26: | Line 26: | ||
{ | { | ||
background: white; | background: white; | ||
- | background-image: url( | + | background-image: url("/wiki/images/2/2f/Header_%28mit_Logo%29.jpg"); |
margin: 0 auto; | margin: 0 auto; | ||
height:250px ; | height:250px ; | ||
Line 35: | Line 35: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: 100% 100% ; | background-size: 100% 100% ; | ||
- | border-style: none; | + | border-style: none;;} |
- | } | + | |
#p-logo { display:none;} | #p-logo { display:none;} | ||
Line 43: | Line 42: | ||
h1 {font-size:1.8em; font-weight:400; margin:0 0 12px;} | h1 {font-size:1.8em; font-weight:400; margin:0 0 12px;} | ||
- | |||
- | |||
- | + | #mm_icon1 | |
- | + | { | |
- | { | + | position: absolute; |
- | + | top: 150px; | |
- | + | left: 30px; | |
- | + | } | |
- | + | ||
- | + | ||
+ | #mm_icon2 | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 150px; | ||
+ | left: 350px; | ||
+ | } | ||
- | + | #mm_icon3 | |
- | + | ||
{ | { | ||
- | + | position: absolute; | |
- | + | top: 150px; | |
- | + | left: 670px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #abstracticon1 | |
- | # | + | |
{ | { | ||
- | + | position: absolute; | |
- | + | top: 150px; | |
- | + | left: 30px; | |
- | + | background:white; | |
- | + | filter:alpha(opacity=83); opacity:0.83; | |
- | + | border:1px solid #aaaaaa; | |
- | + | -moz-border-radius:15px; | |
+ | -khtml-border-radius:15px; | ||
+ | border-radius:15px; | ||
} | } | ||
- | + | #abstracticon2 | |
- | # | + | |
{ | { | ||
- | + | position: absolute; | |
- | + | top: 150px; | |
- | + | left: 350px; | |
- | + | background:white; | |
- | + | filter:alpha(opacity=83); opacity:0.83; | |
- | + | border:1px solid #aaaaaa; | |
- | + | -moz-border-radius:15px; | |
- | + | -khtml-border-radius:15px; | |
- | + | border-radius:15px; | |
- | + | } | |
- | + | ||
- | |||
- | + | ||
- | + | #abstracticon3 | |
+ | { | ||
+ | position: absolute; | ||
+ | top: 150px; | ||
+ | left: 670px; | ||
+ | background:white; | ||
+ | filter:alpha(opacity=83); opacity:0.83; | ||
+ | border:1px solid #aaaaaa; | ||
+ | -moz-border-radius:5px; | ||
+ | -khtml-border-radius:15px; | ||
+ | border-radius:15px; | ||
+ | } | ||
#taskbar | #taskbar | ||
Line 102: | Line 109: | ||
position:absolute; | position:absolute; | ||
top:10px; | top:10px; | ||
- | left: | + | left:500px; |
z-index: 5; | z-index: 5; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | dl.igemTUD2013gelpicture | ||
+ | { | ||
+ | border: 1px solid #000; | ||
+ | background-color: #109f71; | ||
+ | width: 110px; | ||
+ | text-align: center; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | float: right; | ||
+ | margin: 0 0 0 0; | ||
+ | margin-left:15px | ||
+ | } | ||
+ | |||
+ | .igemTUD2013gelpicture dt | ||
+ | { | ||
+ | font-weight: bold; | ||
+ | background-color: #131210; | ||
+ | color: #959289; | ||
+ | padding: 0 0; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .igemTUD2013gelpicture dd img | ||
+ | { | ||
+ | border: 1px solid #000; | ||
+ | width: 100px; | ||
+ | height: 200px; | ||
+ | } | ||
+ | |||
+ | .igemTUD2013gelpicture dd | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | font-size: 100%; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | dl.igemTUD2013gelpicture2 | ||
+ | { | ||
+ | border: 1px solid #000; | ||
+ | background-color: #109f71; | ||
+ | width: 210px; | ||
+ | text-align: center; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | float: right; | ||
+ | margin: 0 0 0 0; | ||
+ | margin-left:15px | ||
+ | } | ||
+ | |||
+ | .igemTUD2013gelpicture2 dt | ||
+ | { | ||
+ | font-weight: bold; | ||
+ | background-color: #131210; | ||
+ | color: #959289; | ||
+ | padding: 0 0; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .igemTUD2013gelpicture2 dd img | ||
+ | { | ||
+ | border: 1px solid #000; | ||
+ | width: 200px; | ||
+ | height: 200px; | ||
+ | } | ||
+ | |||
+ | .igemTUD2013gelpicture2 dd | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | LI.list1 {list-style: none; color:white;} | ||
+ | .blacktext {color:black} | ||
+ | p, ul { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
</style> | </style> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <center> | ||
+ | <!-- central main menu --> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
<!-- Taskbar --> | <!-- Taskbar --> | ||
<div id="taskbar"> | <div id="taskbar"> | ||
Line 116: | Line 214: | ||
<img alt="Problem" src="/wiki/images/6/66/Darmstadt_green_Problem.jpg" width="100" height="30"></a> | <img alt="Problem" src="/wiki/images/6/66/Darmstadt_green_Problem.jpg" width="100" height="30"></a> | ||
- | |||
- | |||
<a href="https://2013.igem.org/Team:TU_Darmstadt/result"> | <a href="https://2013.igem.org/Team:TU_Darmstadt/result"> | ||
Line 139: | Line 235: | ||
<a href="https://2013.igem.org/Team:TU_Darmstadt/labbook"> | <a href="https://2013.igem.org/Team:TU_Darmstadt/labbook"> | ||
- | <img alt="team" src="/wiki/images/ | + | <img alt="team" src="/wiki/images/4/4c/10._Labbook_(angewählt).jpg" width="90" height="30"></a> |
+ | </div> | ||
- | </ | + | <br><br><br><br> |
+ | <center> | ||
+ | <a href="https://2013.igem.org/Team:TU_Darmstadt/labbook"> | ||
+ | <font size="8" color="#F0F8FF" face="Arial regular">Lab book |</font> | ||
+ | </a> | ||
+ | <a href="https://2013.igem.org/Team:TU_Darmstadt/materials"> | ||
+ | <font size="8" color="#F0F8FF" face="Arial regular">Materials |</font> | ||
+ | </a> | ||
+ | <a href="https://2013.igem.org/Team:TU_Darmstadt/protocols"> | ||
+ | <font size="8" color="#F0F8FF" face="Arial regular">Protocols</font> | ||
+ | </a> | ||
+ | </center> | ||
<!-- Heat Shock Transformation --> | <!-- Heat Shock Transformation --> | ||
<center> | <center> | ||
<br> | <br> | ||
- | + | ||
- | + | ||
- | + | ||
<h2><font size="6" color="#F0F8FF" face="Arial regular"> Heat Shock Transformation </font></h2> | <h2><font size="6" color="#F0F8FF" face="Arial regular"> Heat Shock Transformation </font></h2> | ||
<div id="all"> | <div id="all"> | ||
<body> | <body> | ||
- | + | <p text-aligne:left style="margin-left:50px; margin-right:50px"><font size="4.5" color="#F0F8FF" face="Arial regular"> | |
- | <p text-aligne:left style="margin-left:50px; margin-right:50px"> | + | <B> Materials<br></B></font></p> |
- | <B> Materials<br></B> | + | |
- | + | <p text-aligne:left style="margin-left:60px; margin-right:50px"><font size="3" color="#F0F8FF" face="Arial regular"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<br> | <br> | ||
- | <B> | + | <B>Equipment<br></B> |
- | + | <div align="left" style="margin-left:60px; margin-right:50px"> | |
- | + | <ul> | |
- | + | <li class=list1>- Heating bath</li> | |
- | + | <li class=list1>- Incubator</li> | |
- | + | </ul> | |
+ | </div> | ||
+ | </font> | ||
+ | </p> | ||
+ | |||
+ | <p text-aligne:left style="margin-left:60px; margin-right:50px"><font size="3" color="#F0F8FF" face="Arial regular"> | ||
+ | <br> | ||
+ | <B>Chemicals & consumables<br></B> | ||
+ | <div align="left" style="margin-left:60px; margin-right:50px"> | ||
+ | <ul> | ||
+ | <li class=list1>- Ice</li> | ||
+ | <li class=list1>- Pipets + steril tips</li> | ||
+ | <li class=list1>- <a href="https://2013.igem.org/Team:TU_Darmstadt/materials/Media"> dYT Medium</a></li> | ||
+ | <li class=list1>- LB-Agar-Plates + antibiotics</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </font> | ||
+ | </p> | ||
+ | <br> | ||
+ | |||
+ | <p text-aligne:left style="margin-left:50px; margin-right:50px"><font size="4.5" color="#F0F8FF" face="Arial regular"> | ||
+ | <B> Procedure<br></B></font></p><br> | ||
+ | <p text-aligne:left style="margin-left:60px; margin-right:60px"><font size="3" color="#F0F8FF" face="Arial regular"> | ||
+ | <div align="left" style="margin-left:30px; margin-right:50px"> | ||
+ | <ol> | ||
+ | <li>Defrost stocks of competent cells (100 µL in 1.5 ml Eppendorf tube) on ice.</li> | ||
+ | <li>Add the DNA and incubate the suspension for 5 minutes on ice.</li> | ||
+ | <li>Heat shock is done by incubating the cells for 1 minute at 42°C.</li> | ||
+ | <li>Add 1 mL of DYT medium and incubate for 1 hour at 37°C in order to obtain antibiotic resistance.</li> | ||
+ | <li>Finally the cells are ready to be crossed out.</li> | ||
+ | </ol> | ||
+ | </div> | ||
+ | </font></p> | ||
<br> | <br> |
Latest revision as of 00:32, 5 October 2013
Heat Shock Transformation
Materials
Equipment
Chemicals & consumables
Procedure