Team:INSA Toulouse/contenu/lab practice/notebook/protocols

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:INSA_Toulouse/template/header}} {{:Team:INSA_Toulouse/template/sidebar}} <!--Contenu*/ /**********/--> <html> <!--- →open Sans : fonnt Google: --> <link href='htt...")
 
(41 intermediate revisions not shown)
Line 26: Line 26:
   .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
   .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
-
   .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; }
+
   .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 0 0; line-height:24px; }
   .texteleft{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:left; width:340px; margin:0 30px 50px 0;}
   .texteleft{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:left; width:340px; margin:0 30px 50px 0;}
Line 34: Line 34:
   .spantitle{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px;}
   .spantitle{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px;}
-
   .list{float:left; width:225px; margin:0 15px 50px 0;}
+
   .list{float:left; width:400px; margin:0 0 10px 55px;}
-
   .list ul{color:#5a6060; font-family:'Open Sans'; font-size:14px;}
+
  .list2{float:left; width:400px; margin:0 0 5px 0;}
 +
 
 +
   .list ul{color:#a5b1b1; font-family:'Open Sans'; font-size:14px;}
 +
 
 +
  .list2 ul{color:#5a6060; font-family:'Open Sans'; font-size:14px;}
   .list .arrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/8/84/Insa-toulouse2013-listpuce1.png);}
   .list .arrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/8/84/Insa-toulouse2013-listpuce1.png);}
   .list .circlearrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/9/94/Insa-toulouse2013-listpuce2.png);}
   .list .circlearrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/9/94/Insa-toulouse2013-listpuce2.png);}
 +
 +
  .list2 .circlearrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/9/94/Insa-toulouse2013-listpuce2.png);}
   .imgcontent{margin: 0 0 45px 0; border: 1px solid #e5e6e6;}
   .imgcontent{margin: 0 0 45px 0; border: 1px solid #e5e6e6;}
 +
 +
  .iconMP {margin: 0 0 45px 0; float:left; }
   .tablecontent{
   .tablecontent{
Line 62: Line 70:
    
    
     .tablecontent td{padding:0 25px 0 20px;}  
     .tablecontent td{padding:0 25px 0 20px;}  
 +
 +
a:visited
 +
{
 +
    color: #5a6060;}
  </style>
  </style>
 +
 +
 +
 +
<script>
 +
 +
function blink(){
 +
    $('.iconPM').delay(400).fadeTo(100,0.5).delay(200).fadeTo(100,1, blink);
 +
}
 +
 +
$(document).ready(function() {
 +
    blink();
 +
});
 +
</script>
  <!--/* HTML Contenu*/-->
  <!--/* HTML Contenu*/-->
-
<div class="maincontent" style="width: 720px; margin: 25px 0 25px 0; float: right;">
+
<div class="maincontent" style="width: 700px; margin: 25px 0 25px 0; float: right;">
-
   <h1 class="title1">Project</h1>
+
   <h1 class="title1">Notebook</h1>
-
   <h2 class="title2">Abstract</h2>
+
   <h2 class="title2">Protocols</h2>
 +
<br>
-
  <p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor turpis. Suspendisse interdum, dolor eu  ultricies dignissim, arcu sapien placerat quam, ut bibendum lorem nibh id magna. Nunc condimentum lectus at diam tempus sodales. Nullam scelerisque auctor tellus, nec auctor ante elementum sit amet. Aenean venenatis velit eget porttitor laoreet. Aliquam aliquam libero in ante imperdiet vehicula. Donec nibh urna, tincidunt quis condimentum at, tempus sed sapien. Nunc elit dui, dignissim tincidunt mi non, ultrices ultricies erat.</p>
+
<img style="width:300px;" src="https://static.igem.org/mediawiki/2013/9/98/Best_proto_modifié-1.png" class="iconPM"/>
-
 
+
-
  <img src="https://static.igem.org/mediawiki/2013/b/b7/Insa-toulouse2013-phototestpage.jpg" class="imgcontent" />
+
-
  <p class="texteleft"><span class="spantitle">lorem ipsum</span></br>
+
<br>
-
<br>Mauris ac suscipit erat, sit amet blandit lectus. Fusce placerat, lectus at suscipit viverra, lorem lorem mattis turpis, id pharetra velit nunc vitae velit. Etiam ultrices aliquam ligula, sed ultrices nibh vulputate non. Ut dapibus arcu luctus, suscipit urna et, imperdiet magna. Curabitur tristique sed diam non elementum. Sed lectus urna, consequat quis porta eu, ultrices in nunc. Aenean vitae elit neque.<p>
+
-
  <p class="texteright"><span class="spantitle">lorem ipsum</span></br>
+
<div class="clear"></div>
-
<br>Mauris ac suscipit erat, sit amet blandit lectus. Fusce placerat, lectus at suscipit viverra, lorem lorem mattis turpis, id pharetra velit nunc vitae velit. Etiam ultrices aliquam ligula, sed ultrices nibh vulputate non. Ut dapibus arcu luctus, suscipit urna et, imperdiet magna. Curabitur tristique sed diam non elementum. Sed lectus urna, consequat quis porta eu, ultrices in nunc. Aenean vitae elit neque.</p>
+
 +
  <div class="list2">
 +
    <ul class="circlearrow">
 +
<li><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/charac_recomb"class="texte">In vitro recombinase characterization protocol</a></li>
 +
</ul>
 +
</div>
 +
<div class="clear"></div>
 +
 +
 +
 +
<br><br><br>
 +
 +
  <div class="list2">
 +
    <ul class="circlearrow">
 +
<li><a class="texte" href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/DNA_Kit">DNA Kit Plate Instructions (iGEM protocol)</a></li>
 +
<li><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/media"class="texte">Media:</a></li>
 +
</ul>
 +
</div>
<div class="clear"></div>
<div class="clear"></div>
   <div class="list">
   <div class="list">
-
   
 
     <ul class="arrow">
     <ul class="arrow">
-
       <li>Quisque at massa ipsum</li>
+
       <li>LB medium</li>
-
       <li>Maecenas a lorem augue, egestas </li>
+
       <li>SOB</li>
-
       <li>Cras vitae felis at lacus ele </li>
+
       <li>SOC</li>
-
      <li>Etiam auctor diam pellentesque </li>
+
-
      <li>Nulla ac massa at dolor </li>
+
     </ul>
     </ul>
-
 
   </div>
   </div>
 +
<div class="clear"></div>
-
  <div class="list">
+
  <div class="list2">
-
   
+
     <ul class="circlearrow">
     <ul class="circlearrow">
-
      <li>Quisque at massa ipsum</li>
+
<li><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/comp_cells"class="texte">Competent Cells (iGEM Protocol)</a></li>
-
      <li>Maecenas a lorem augue, egestas </li>
+
<li><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/miniprep"class="texte">DNA MINI Prep</a></li>
-
      <li>Cras vitae felis at lacus ele </li>
+
<li><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/midiprep"class="texte">DNA MIDI Prep</a></li>
-
      <li>Etiam auctor diam pellentesque </li>
+
<li><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/digest"class="texte">Digest Protocols:</a></li>
-
      <li>Nulla ac massa at dolor </li>
+
</ul>
-
    </ul>
+
</div>
-
 
+
<div class="clear"></div>
-
  </div>
+
   <div class="list">
   <div class="list">
-
   
 
     <ul class="arrow">
     <ul class="arrow">
-
       <li>Quisque at massa ipsum</li>
+
       <li>Our protocol</li>
-
       <li>Maecenas a lorem augue, egestas </li>
+
       <li>iGEM Restriction Digest Protocol</li>
-
      <li>Cras vitae felis at lacus ele </li>
+
-
      <li>Etiam auctor diam pellentesque </li>
+
-
      <li>Nulla ac massa at dolor </li>
+
     </ul>
     </ul>
-
 
   </div>
   </div>
-
 
 
<div class="clear"></div>
<div class="clear"></div>
-
  <h3 class="title3">TITRE 3 lorem ipsum</h3>
+
  <div class="list2">
 +
    <ul class="circlearrow">
 +
<li><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/ligation"class="texte">Ligation</a></li>
 +
<li><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/backbone"class="texte">Plasmid Backbones</a></li>
 +
<li><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/integration"class="texte">Integration protocols</a></li>
 +
 
 +
</ul>
 +
</div>
 +
<div class="clear"></div>
 +
 
-
  <p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor turpis. Suspendisse interdum, dolor eu  ultricies dignissim, arcu sapien placerat quam, ut bibendum lorem nibh id magna. Nunc condimentum lectus at diam tempus sodales. Nullam scelerisque auctor tellus, nec auctor ante elementum sit amet. Aenean venenatis velit eget porttitor laoreet. Aliquam aliquam libero in ante imperdiet vehicula. Donec nibh urna, tincidunt quis condimentum at, tempus sed sapien. Nunc elit dui, dignissim tincidunt mi non, ultrices ultricies erat.</p>
 
-
  <table class="tablecontent">
 
-
<tr style="background-color:#20a8da; height:50px; color:#ffffff;" >
 
-
<td style="border-bottom:4px solid #e5e6e6; border-top-left-radius:9px;">TR  Title</td>
 
-
<td style="border-bottom:4px solid #e5e6e6;">TR  Title</td>
 
-
<td style="border-bottom:4px solid #e5e6e6; border-top-right-radius:9px;">TR  Title</td>
 
-
</tr>
 
-
<tr>
 
-
<td style="border-right:1px solid #e5e6e6;">Quisque</td>
 
-
<td style="border-right:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
<td>Maecenas a lorem augue</td>
 
-
</tr>
 
-
<tr style="border-top:1px solid #e5e6e6">
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Quisque</td>
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
<td style="border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
</tr>
 
-
<tr>
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Quisque</td>
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
<td style="border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
</tr>
 
-
<tr>
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Quisque</td>
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
<td style="border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
</tr>
 
-
</table>
 

Latest revision as of 02:30, 5 October 2013

logo


Notebook

Protocols






  • LB medium
  • SOB
  • SOC
  • Our protocol
  • iGEM Restriction Digest Protocol

Retrieved from "http://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols"