Team:INSA Toulouse/contenu/lab practice/results

From 2013.igem.org

(Difference between revisions)
 
(66 intermediate revisions not shown)
Line 33: Line 33:
    
    
   .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;}
 +
 +
  .spantitle2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:14px;}
   .list{float:left; width:225px; margin:0 15px 50px 0;}
   .list{float:left; width:225px; margin:0 15px 50px 0;}
Line 43: Line 45:
   .imgcontent{margin: 0 0 45px 0; border: 1px solid #e5e6e6;}
   .imgcontent{margin: 0 0 45px 0; border: 1px solid #e5e6e6;}
 +
 +
  .imgcontent2{margin: 0 10px 0 0; border: 1px solid #e5e6e6;}
 +
 +
  .imgcontentleft{margin: 0 0 45px 0; border: 1px solid #e5e6e6; float:left;}
 +
 +
  .imgcontentright{margin: 0 0 45px 0; border: 1px solid #e5e6e6; float:right;}
   .tablecontent{
   .tablecontent{
Line 62: Line 70:
    
    
     .tablecontent td{padding:0 25px 0 20px;}  
     .tablecontent td{padding:0 25px 0 20px;}  
 +
 +
 +
  .list2{float:left; width:650px; margin:0 15px 50px 0;}
 +
 +
  .list2 ul{color:#5a6060; font-family:'Open Sans'; font-size:14px; line-height:28px; }
 +
 +
  .list2 .arrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/8/84/Insa-toulouse2013-listpuce1.png);}
 +
 +
  .list2 .circlearrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/9/94/Insa-toulouse2013-listpuce2.png);}
 +
 +
  .list2 .arrow li ul {display:none;}
 +
 +
  .list2 .arrow li:hover ul {display:block;position:relative;top:0;left:35px; list-style-image : url(https://static.igem.org/mediawiki/2013/8/84/Insa-toulouse2013-listpuce1.png);}
 +
 +
  .list2 .circlearrow li ul {display:none;}
 +
 +
  .list2 .circlearrow li:hover ul {display:block;position:relative;top:0;left:35px; list-style-image : url(https://static.igem.org/mediawiki/2013/9/94/Insa-toulouse2013-listpuce2.png);}
 +
 +
 +
a:visited
 +
{
 +
    color: #5a6060;}
 +
 +
h2.faq {
 +
display:list-item;
 +
        list-style-image : url(https://static.igem.org/mediawiki/2013/8/84/Insa-toulouse2013-listpuce1.png);
 +
width:auto;
 +
height:27px;
 +
line-height:24px;
 +
background: no-repeat;
 +
        border:none;
 +
        color:#5a6060;
 +
padding:3px 0 0 0;
 +
        font-weight:400;
 +
        font-family:'Open Sans';
 +
        margin:0 0 50px 0;
 +
font-size:14px;
 +
}
 +
 +
.infos {width:680px; margin:0 15px 50px 0;}
 +
 +
.infos ul{color:#5a6060; font-family:'Open Sans'; font-size:14px; line-height:28px; }
 +
 +
.infos .circlearrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/9/94/Insa-toulouse2013-listpuce2.png);}
  </style>
  </style>
 +
 +
<script type="text/javascript" src="js/jquery.js"></script>
 +
<script type="text/javascript">
 +
<!--
 +
  $(document).ready(function(){
 +
    // On cache les sous-menus :
 +
    $('div.accordeon div.infos').hide();
 +
    // Curseur main sur les h2
 +
    $('div.accordeon > h2.faq').css('cursor','pointer');
 +
    $('div.accordeon > h2').click(function(){
 +
      //si ouvert -> referme
 +
      if($(this).next('div.infos:visible').length!=0){
 +
          $(this).next('div.infos').slideUp('normal');
 +
        }
 +
        //si cache, on ferme les autres et on affiche
 +
        else {
 +
          $('div.accordeon div.infos').slideUp('normal');
 +
          $(this).next('div.infos').slideDown('normal');
 +
        }
 +
        return false;
 +
    });
 +
  } ) ;
 +
// -->
 +
</script>
 +
 +
 +
 +
 +
</style>
  <!--/* HTML Contenu*/-->
  <!--/* HTML Contenu*/-->
Line 70: Line 151:
<div class="maincontent" style="width: 720px; margin: 25px 0 25px 0; float: right;">
<div class="maincontent" style="width: 720px; margin: 25px 0 25px 0; float: right;">
-
  <h1 class="title1">Project</h1>
+
  <h1 class="title1">Results</h1>
 +
 
 +
  <h2 class="title2">Characterizations</h2>
-
  <h2 class="title2">Abstract</h2>
 
-
   <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>
+
   <h3 class="texteright"><span class="title3">Riboswitches</span></h3>
 +
  <h3 class="texteleft"><span class="title3">Logic Gates</span></h3>
 +
  <div class="clear"></div>
 +
  <a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/results/ribo"><img src="https://static.igem.org/mediawiki/2013/b/b3/Ribo_-_340px.png" class="imgcontentright" /></a>
 +
 
 +
   <a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/results/logic_gates"><img src="https://static.igem.org/mediawiki/2013/2/26/Gates.jpg" class="imgcontentleft" /></a>
 +
 +
 
 +
 
 +
<div class="clear"></div>
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
  <h3 class="texteleft"><span class="title3">Carry Diffusion Model</span></h3>
 +
  <h3 class="texteright"><span class="title3">T7 Polymerase</span></h3>
 +
 
 +
  <a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/results/carry"><img src="https://static.igem.org/mediawiki/2013/1/1b/Diffusion_results340px.png" class="imgcontentleft" /></a>
 +
 
 +
  <a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/results/polT7"><img style="width:340px;" src="https://static.igem.org/mediawiki/2013/1/14/Pol_t7.jpg" class="imgcontentright" /></a>
 +
 
 +
<div class="clear"></div>
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
 
 +
  <h3 class="texteleft"><span class="title3">Blue Light Sensor</span></h3>
 +
  <h3 class="texteright"><span class="title3">Red Light Sensor</span></h3>
 +
 
    
    
-
  <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>
+
  <a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/results/blue_sensor"><img style="width:340px;" src="https://static.igem.org/mediawiki/2013/f/f1/Blue_light_system_notebook_-_340px.png" class="imgcontentleft" /></a>
-
<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>
+
 +
<a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/results/red_sensor"> <img src="https://static.igem.org/mediawiki/2013/5/5b/Red_light_système_-_340px.png" class="imgcontentright" /></a>
-
  <p class="texteright"><span class="spantitle">lorem ipsum</span></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>
 
<div class="clear"></div>
<div class="clear"></div>
-
  <div class="list">
+
<br>
-
   
+
<br>
-
    <ul class="arrow">
+
<br>
-
      <li>Quisque at massa ipsum</li>
+
  <h3 class="texteleft"><span class="title3">General Inducer</span></h3>
-
      <li>Maecenas a lorem augue, egestas </li>
+
-
      <li>Cras vitae felis at lacus ele </li>
+
-
      <li>Etiam auctor diam pellentesque </li>
+
-
      <li>Nulla ac massa at dolor </li>
+
-
    </ul>
+
-
  </div>
 
-
  <div class="list">
+
<div class="clear"></div>
-
   
+
 
-
    <ul class="circlearrow">
+
<a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/results/general_inducer"><img src="https://static.igem.org/mediawiki/2013/9/9e/General_inducer_notebook_-_340px.png" class="imgcontentleft" /></a>
-
      <li>Quisque at massa ipsum</li>
+
-
      <li>Maecenas a lorem augue, egestas </li>
+
-
      <li>Cras vitae felis at lacus ele </li>
+
-
      <li>Etiam auctor diam pellentesque </li>
+
-
      <li>Nulla ac massa at dolor </li>
+
-
    </ul>
+
-
  </div>
 
-
  <div class="list">
 
-
   
 
-
    <ul class="arrow">
 
-
      <li>Quisque at massa ipsum</li>
 
-
      <li>Maecenas a lorem augue, egestas </li>
 
-
      <li>Cras vitae felis at lacus ele </li>
 
-
      <li>Etiam auctor diam pellentesque </li>
 
-
      <li>Nulla ac massa at dolor </li>
 
-
    </ul>
 
-
  </div>
 
    
    
<div class="clear"></div>
<div class="clear"></div>
-
  <h3 class="title3">TITRE 3 lorem ipsum</h3>
 
-
  <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>
 
-
</div>
 
 +
 +
 +
 +
</div>
<div class="clear"></div>
<div class="clear"></div>

Latest revision as of 23:57, 4 October 2013

logo


Results

Characterizations

Riboswitches

Logic Gates




Carry Diffusion Model

T7 Polymerase




Blue Light Sensor

Red Light Sensor




General Inducer

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