|
|
| (26 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{Pasteur_Paris_Design}}
| |
| − | <html></div></div></div></div></div>
| |
| | | | |
| − | <html lang="en-US">
| |
| − |
| |
| − | <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
| |
| − | <style type="text/css">
| |
| − | <link rel="stylesheet" href="css/gallery.theme.css">
| |
| − | <link rel="stylesheet" href="css/gallery.min.css">
| |
| − | body {
| |
| − | color:black;
| |
| − | background-color:white;
| |
| − | background-image:url("https://2016.igem.org/File:Fond_blanc.png");
| |
| − | background-attachment:fixed;
| |
| − | }
| |
| − |
| |
| − | h1{
| |
| − | font-family: 'Oswald', Arial, sans-serif;
| |
| − | margin-top:0;
| |
| − | padding:0px 30px 30px 30px;
| |
| − | font-size:40px;
| |
| − | color:#333;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | h2{
| |
| − | font-family: 'Oswald', Arial, sans-serif;
| |
| − | margin-top:7%;
| |
| − | padding:0px 30px 30px 30px;
| |
| − | font-size:30px;
| |
| − | color:#17A3B5 ;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #introduction1 {
| |
| − | position: relative; /* on positionne le conteneur */
| |
| − | margin-left: 22%;
| |
| − | margin-right: auto;
| |
| − | text-align: left;
| |
| − | width:60%;
| |
| − | text-align : justify;
| |
| − | margin-top:1%;
| |
| − | font-size: 16px
| |
| − | }
| |
| − |
| |
| − | #introduction2 {
| |
| − | position: relative; /* on positionne le conteneur */
| |
| − | margin-left: 22%;
| |
| − | margin-right: auto;
| |
| − | width:60%;
| |
| − | text-align : justify;
| |
| − | font-size: 16px
| |
| − | }
| |
| − |
| |
| − | #introduction3 {
| |
| − | position: relative; /* on positionne le conteneur */
| |
| − | margin-left: 22%;
| |
| − | margin-right: auto;
| |
| − | width:60%;
| |
| − | text-align : justify;
| |
| − | font-size: 16px
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .multi-column1{
| |
| − | width:60%;
| |
| − | margin-left:22%;
| |
| − | margin-top:3%;
| |
| − | text-align : justify;
| |
| − | -moz-column-count:2;
| |
| − | -webkit-column-count:2;
| |
| − | -o-column-count:2;
| |
| − | column-count:2;
| |
| − | -moz-column-gap:10px;
| |
| − | -webkit-column-gap:10px;
| |
| − | -o-column-gap:10px;
| |
| − | column-gap:10px;
| |
| − | -webkit-column-rule-width:3px;
| |
| − | -moz-column-rule-width:3px;
| |
| − | -o-column-rule-width:3px;
| |
| − | column-rule-width:3px;
| |
| − | }
| |
| − |
| |
| − | .multi-column2{
| |
| − | margin-top:3%;
| |
| − | width:60%;
| |
| − | margin-left:22%;
| |
| − | text-align : justify;
| |
| − | -moz-column-count:2;
| |
| − | -webkit-column-count:2;
| |
| − | -o-column-count:2;
| |
| − | column-count:2;
| |
| − | -moz-column-gap:10px;
| |
| − | -webkit-column-gap:10px;
| |
| − | -o-column-gap:10px;
| |
| − | column-gap:10px;
| |
| − | -webkit-column-rule-width:3px;
| |
| − | -moz-column-rule-width:3px;
| |
| − | -o-column-rule-width:3px;
| |
| − | column-rule-width:3px;
| |
| − | }
| |
| − |
| |
| − | #flotte4 {
| |
| − | margin-top:7%;
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #text3 {
| |
| − | position: relative; /* on positionne le conteneur */
| |
| − | margin-left: 22%;
| |
| − | margin-right: auto;
| |
| − | text-align: left;
| |
| − | width:60%;
| |
| − | text-align : justify;
| |
| − | font-size:16px
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*slide gallery APPLICATION PART*/
| |
| − | * {
| |
| − | box-sizing: border-box; }
| |
| − |
| |
| − | .app1{
| |
| − | display: flex;
| |
| − | flex-wrap: wrap;
| |
| − | position:relative;
| |
| − | width: auto;
| |
| − | height: auto;
| |
| − | border: #FFFFFF solid;
| |
| − | margin:0px 10px 0px 0px;
| |
| − | -moz-border-radius:10px 10px;
| |
| − | -webkit-border-radius:10px 10px;
| |
| − | border-radius:10px 10px;
| |
| − | display: -webkit-flex;
| |
| − | display: -ms-flexbox;
| |
| − | display: flex;
| |
| − | -webkit-flex-wrap: wrap;
| |
| − | -ms-flex-wrap: wrap;
| |
| − | flex-wrap: wrap;
| |
| − | }
| |
| − |
| |
| − | a {
| |
| − | text-decoration: none;
| |
| − | color: inherit; }
| |
| − |
| |
| − | .gallery {
| |
| − | position: relative;
| |
| − | height: 550px;
| |
| − | margin-left:15%;
| |
| − | margin-top:0%;
| |
| − | text-align : justify;
| |
| − |
| |
| − | }
| |
| − | .gallery .item {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 80%;
| |
| − | height: 550px;
| |
| − | background: #FFFFFF ;
| |
| − | opacity: 0;
| |
| − | transition: opacity 0.25s; }
| |
| − |
| |
| − | .gallery .item:first-of-type {
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | .gallery .controls {
| |
| − | color: whiteSmoke;
| |
| − | color: #A8D5D8;
| |
| − | left: 1%;
| |
| − | position: absolute;
| |
| − | bottom: 0;
| |
| − | width: 80%;
| |
| − | font-size: 3.5em;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .gallery .controls a {
| |
| − | transition: color 0.25s;
| |
| − | }
| |
| − |
| |
| − | .gallery .controls a:hover {
| |
| − | color: #17A3B5 ;
| |
| − | color: #17A3B5 ;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @keyframes galleryAnimation {
| |
| − | 0% {
| |
| − | opacity: 0; }
| |
| − |
| |
| − | 9.5%, 33% {
| |
| − | opacity: 1; }
| |
| − |
| |
| − | 42.9%, 100% {
| |
| − | opacity: 0; } }
| |
| − |
| |
| − | @keyframes controlAnimation {
| |
| − | 0% {
| |
| − | color: whiteSmoke;
| |
| − | color: #A8D5D8; }
| |
| − |
| |
| − | 9.5%, 33% {
| |
| − | color: #17A3B5 ;
| |
| − | color: #17A3B5 ; }
| |
| − |
| |
| − | 42.9%, 100% {
| |
| − | color: whiteSmoke;
| |
| − | color: #A8D5D8; } }
| |
| − |
| |
| − |
| |
| − | .gallery .control-operator {
| |
| − | display: none;
| |
| − | }
| |
| − | .gallery .control-operator:target ~ .item {
| |
| − | animation: none;
| |
| − | }
| |
| − | .gallery .control-operator:target ~ .controls .control-item {
| |
| − | color: whiteSmoke;
| |
| − | color: #A8D5D8;
| |
| − | animation: none;
| |
| − | }
| |
| − | .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
| |
| − | opacity: 1;
| |
| − | }
| |
| − | .gallery .control-operator:nth-of-type(1):target ~ .controls .control-item:nth-of-type(1) {
| |
| − | color: #17A3B5 ;
| |
| − | color: #17A3B5 ;
| |
| − | }
| |
| − |
| |
| − | .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
| |
| − | opacity: 1;
| |
| − | }
| |
| − | .gallery .control-operator:nth-of-type(2):target ~ .controls .control-item:nth-of-type(2) {
| |
| − | color: #17A3B5 ;
| |
| − | color: #17A3B5 ;
| |
| − | }
| |
| − |
| |
| − | .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
| |
| − | opacity: 1;
| |
| − | }
| |
| − | .gallery .control-operator:nth-of-type(3):target ~ .controls .control-item:nth-of-type(3) {
| |
| − | color: #17A3B5 ;
| |
| − | color: #17A3B5 ;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | .multi-column3{
| |
| − | width:60%;
| |
| − | margin-top:3%;
| |
| − | margin-left:22%;
| |
| − | text-align : justify;
| |
| − | -moz-column-count:2;
| |
| − | -webkit-column-count:2;
| |
| − | -o-column-count:2;
| |
| − | column-count:2;
| |
| − | -moz-column-gap:25px;
| |
| − | -webkit-column-gap:25px;
| |
| − | -o-column-gap:25px;
| |
| − | column-gap:25px;
| |
| − | -webkit-column-rule-width:3px;
| |
| − | -moz-column-rule-width:3px;
| |
| − | -o-column-rule-width:3px;
| |
| − | column-rule-width:3px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <body>
| |
| − | <div id="Devices page">
| |
| − | <h1><B>MOS(KIT)O devices</B></h1>
| |
| − | <p>
| |
| − | <div id=video style="margin-left:6%">
| |
| − | <video width=65% height=60% controls>
| |
| − | <source src="https://static.igem.org/mediawiki/2016/2/27/522777103.mp4" type="video/mp4">
| |
| − | Your browser does not support the video tag.
| |
| − | </video>
| |
| − | </div>
| |
| − | </p>
| |
| − | <div id="introduction1"><p><B>Texte d’introduction</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiug heugv lcvihi ugheugv lcvihiugheugv lcvihiugvljcbvheugv lcvihiugheugv lcvihiu gheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiuggheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiughe ugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcv</br><center>1. trap (liens directs)</br>2. analysis kit (liens directs)</br>3. data application (liens directs)</center></br></p></br></div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <h2><B>TRAP</B></h2>
| |
| − | <p>
| |
| − | <figure><center><a href="#"><img class="Photo paysage" src="https://static.igem.org/mediawiki/2016/6/65/Photo_paysage_PASTEUR.png" width="50%" alt="Photo de présentation TRAP" /></a></center></figure>
| |
| − | </p>
| |
| − | <div id="introduction2">
| |
| − | <p><B>Texte d’introduction</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiug heugv lcvihi ugheugv lcvihiugheugv lcvihiugvljcbvheugv lcvihiugheugv lcvihiu gheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiuggheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiughe ugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcv</br></br></p></br></div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="multi-column1"> <p><img src="https://static.igem.org/mediawiki/2016/1/1a/Photo_portrait_PASTEUR.png" width="95%" alt=""/>
| |
| − | </br></br>
| |
| − | <B>mode d’emplois</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.</br></br></br>
| |
| − |
| |
| − |
| |
| − | <img class="Photo paysage" src="https://static.igem.org/mediawiki/2016/5/5c/Photo_portrait_moyenne_PASTEUR.png" width="100%"; height="400" alt="Photo de présentation TRAP" />
| |
| − | </p></div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="multi-column2">
| |
| − | <p><img src="https://static.igem.org/mediawiki/2016/1/1a/Photo_portrait_PASTEUR.png" width="95%"; alt="" />
| |
| − |
| |
| − | </br></br>lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.</br></br></br>
| |
| − |
| |
| − | </p></div>
| |
| − |
| |
| − | <div id="flotte4"><figure><center><a href="#"><img class="Photo paysage" src="https://static.igem.org/mediawiki/2016/6/65/Photo_paysage_PASTEUR.png" width="50%" alt="Photo de présentation TRAP" /></a></center></figure></div>
| |
| − | </p>
| |
| − | <div id="text3"><p><B>Texte d’introduction</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiug heugv lcvihi ugheugv lcvihiugheugv lcvihiugvljcbvheugv lcvihiugheugv lcvihiu gheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiuggheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiughe ugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcv</br></br></p></br></div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <h2><B>ANALYSIS KIT</B></h2>
| |
| − | <p>
| |
| − | <figure><center><a href="#"><img class="Photo paysage" src="https://static.igem.org/mediawiki/2016/6/65/Photo_paysage_PASTEUR.png" width="50%" alt="Photo de présentation TRAP" /></a></center></figure>
| |
| − | </p>
| |
| − | <div id="introduction3"><p><B>Texte d’introduction</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiug heugv lcvihi ugheugv lcvihiugheugv lcvihiugvljcbvheugv lcvihiugheugv lcvihiu gheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiuggheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiughe ugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcv</br></br></p></br></div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <h2><B>APPLICATION</B></h2>
| |
| − | <div class="gallery">
| |
| − | <div id="class="control-item" " class="control-operator"></div>
| |
| − | <div id="item-2" class="control-operator"></div>
| |
| − | <div id="item-3" class="control-operator"></div>
| |
| − |
| |
| − |
| |
| − | <figure class="item">
| |
| − | <p>1<div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/55/IMAC_Pasteur_application_design.png" alt="" /></a></center></div>
| |
| − | </p>
| |
| − | </figure>
| |
| − |
| |
| − | <figure class="item">
| |
| − | <p>2<div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/55/IMAC_Pasteur_application_design.png" alt="" /></a></center></div>
| |
| − | </figure>
| |
| − |
| |
| − | <figure class="item">
| |
| − | <p>3<div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/55/IMAC_Pasteur_application_design.png" alt="" /></a></center></div>
| |
| − | </figure>
| |
| − |
| |
| − | <div class="controls">
| |
| − | <a class="control-item" href="#item-1">•</a>
| |
| − | <a class="control-item" href="#item-2">•</a>
| |
| − | <a class="control-item" href="#item-3">•</a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="multi-column3"> <p>
| |
| − | <B>Texte d’introduction</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiug heugv lcvihi ugheugv lcvihiugheugv lcvihiugvljcbvheugv lcvihiugheugv lcvihiu gheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiuggheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiughe ugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcv</br></br></br></br></br></br>
| |
| − |
| |
| − | <B>mode d’emplois</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lc vihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbv lcvihiugheugv gheugv.</br></br>
| |
| − | <B>texte explicatif</B> lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugv lcvihiugheugvzoidhfdbvlcvihiugheugv lcvihiugheugv cvihiugheugv lcvihiugheugv lcvihiugheuggv lcvihiugheugv lc vihiugheugv lcvihiugheugv;</br></br>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </p></div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </body>
| |
| − | <p style="display:none">
| |
| − | </html>
| |
