|
|
(29 intermediate revisions not shown) |
Line 43: |
Line 43: |
| | | |
| .imgcontent{margin: 0 0 45px 0; border: 1px solid #e5e6e6;} | | .imgcontent{margin: 0 0 45px 0; border: 1px solid #e5e6e6;} |
| + | |
| + | .imgcontentright{margin: 0 0 45px 0; border: 1px solid #e5e6e6; float:right;} |
| + | |
| + | .imgcontentleft{margin: 0 0 45px 0; border: 1px solid #e5e6e6; float:left;} |
| + | |
| + | .iconMP {margin: 0 0 45px 0; float:right; } |
| + | |
| | | |
| .tablecontent{ | | .tablecontent{ |
Line 62: |
Line 69: |
| | | |
| .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> |
| + | |
| | | |
| | | |
Line 70: |
Line 98: |
| <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">Notebook</h1> |
| | | |
- | <h2 class="title2">Abstract</h2>
| + | <p class="texteleft"> <span class="title2"><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/calendar">Calendars</a></span><br> |
| + | To know exactly how we worked and what we did week after week. </p> |
| | | |
- | <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 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>
| + | <p class="texteright"> <span class="title2"><a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols">Protocols</a></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> | + | The (non-) exhaustive list of all the protocols used in this project.<br><br> |
| + | <a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols/charac_recomb"><img style="width:300px;" src="https://static.igem.org/mediawiki/2013/9/98/Best_proto_modifié-1.png" class="iconPM"/></a></p> |
| | | |
- | <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">
| + | <a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/calendar"><img src="https://static.igem.org/mediawiki/2013/b/b1/Calendar1.png" class="imgcontentleft" /></a> |
- |
| + | |
- | <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="list">
| |
- |
| |
- | <ul class="circlearrow">
| |
- | <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">
| + | <a href="https://2013.igem.org/Team:INSA_Toulouse/contenu/lab_practice/notebook/protocols"><img style="width:340px;" src="https://static.igem.org/mediawiki/2013/2/2d/La_foto_3.JPG" class="imgcontentright" /></a> |
- |
| + | |
- | <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 class="clear"></div> |
| | | |
| </div> | | </div> |