Difference between revisions of "Team:Pasteur Paris/Experiments"

 
(160 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{Pasteur_Paris}}
+
{{Pasteur_Paris/MenuBlock}}
−
<html>´
+
{{Pasteur_Paris/Vignettes}}
−
<head>
+
<html>
−
     <style>
+
     <style type="text/css">
−
         .vignette_container{   /*element that contains the vignettes*/
+
         #runningchip {
−
            position:relative;
+
             left: 605px;
−
            height: 30em;
+
−
        }
+
−
        .vignette_for {    /*foreground part of the vignettes, gets transparent when hovering mouse over it*/
+
−
            position:absolute;
+
−
            width: 20em;
+
−
            height: 15em;
+
−
            z-index: 2;
+
−
            border: 1px solid #333;
+
−
            padding: 50px 12px;
+
−
            background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
+
−
            margin: 35px;
+
−
            -webkit-transition: opacity 0.7s;
+
−
            -moz-transition: opacity 0.7s;
+
−
            -o-transition: opacity 0.7s;
+
−
             transition: opacity 0.7s;
+
 
         }
 
         }
 +
        #labwork_small {
 +
            background-color: #292929;
 +
}
 +
#bannerchanged{
 +
    width: 100%;
 +
    overflow: hidden;
 +
    margin: 0 auto;
 +
}
 +
@media screen and (max-width: 760px) {
 +
/*#wrapper {
 +
    width: 100%;
 +
    overflow: hidden;
 +
}
 +
#container {
 +
  width: 100%;
 +
    margin: 0 auto;
 +
}*/
 +
.banner-img {
 +
    width: 100%;
 +
}
 +
}
  
−
        .vignette_for:hover{      /*opacity animation when hovering mouse over vignette*/
+
</style>
−
            opacity:0;
+
−
        }
+
−
       
+
  
−
       
+
<div id="bannerchanged">
−
        .vignette_back {          /*background part of the vignettes, picture*/
+
                <img class="banner-img" src="https://static.igem.org/mediawiki/2018/3/3e/T--Pasteur_Paris--Banner_Protocols.jpg">
−
            position:absolute;
+
         </div>
−
            width: 20em;
+
<h1></h1>
−
            height: 15em;
+
</div>
−
            z-index: 1;
+
−
            border: 1px solid #333;
+
−
            padding: 50px 12px;
+
−
            background-image:url("https://static.igem.org/mediawiki/2018/0/03/T--Pasteur_Paris--PDMS_prep.jpg");
+
−
            background-size:100%;
+
−
            margin: 35px;
+
−
         }
+
−
        .vignette_text {            /*small panel that slides down on the vignettes*/
+
−
            position:absolute;
+
−
            top:13em;
+
−
            width: 20em;
+
−
            height: 1em;
+
−
            z-index: 4;
+
−
            border: 1px solid #333;
+
−
            background-color:white;
+
−
            padding: 20px 24px;
+
−
            margin: 23px;
+
−
            -webkit-transition: top 0.7s;
+
−
            -moz-transition: top 0.7s;
+
−
            -o-transition: top 0.7s;
+
−
            transition: top 0.7s;
+
−
        }
+
−
       
+
−
        .vignette_for:hover ~ .vignette_text{      /*panel slides down when hovering vignette*/
+
−
            top:23em;
+
−
        }
+
−
       
+
−
        .vignette_text:hover{                      /*panel slides down when hovering panel itself*/
+
−
            top:23em;
+
−
        }
+
−
       
+
−
       
+
−
    </style>
+
−
</head>
+
  
−
<body>
+
    <div id="GeneralContent">
 +
        <div id="MainContent">
  
 +
<a href="https://2018.igem.org/Team:Pasteur_Paris/Protocols/CellBio">
 +
<div class="block onglet">
 +
<div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/c/c1/T--Pasteur_Paris--Logo-Big-Vignette-Cellular-Biology.png);">
 +
</div>
 +
<div class= "textOnglet" style="background-color: #dedede;">
 +
<h1>Microbiology</h1>
 +
</div>
 +
</div>
 +
</a>
 +
<a href="https://2018.igem.org/Team:Pasteur_Paris/Experiments/Microflu">
 +
<div class="block onglet">
 +
<div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/1/13/T--Pasteur_Paris--Logo-Big-Vignette-Microfluidics.png);">
 +
</div>
 +
<div class= "textOnglet" style="background-color: #dedede;">
 +
<h1>Microfluidics</h1>
 +
</div>
 +
</div>
 +
</a>
 +
<a href="https://2018.igem.org/Team:Pasteur_Paris/Protocols/CellBio2">
 +
<div class="block onglet">
 +
<div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/3/3c/T--Pasteur_Paris--Logo-Big-Vignette-Molecular-Biology.png);">
 +
</div>
 +
<div class= "textOnglet" style="background-color: #dedede;">
 +
<h1>Cellular Biology</h1>
 +
</div>
 +
                        </a>
 +
</div>
  
−
<div class="column full_size">
 
  
−
    <h1>Experiments</h1>
+
<a href="https://2018.igem.org/Team:Pasteur_Paris/Technicals">
 +
<div class="block onglet">
 +
<div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/e/ed/T--Pasteur_Paris--Big-Vignette-Design.png);">
 +
</div>
 +
<div class= "textOnglet" style="background-color: #dedede;">
 +
<h1>Design*</h1>
 +
</div>
 +
                        </a>
 +
</div>
  
  
−
    <p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed
+
            <p> (*) There are not really protocols in design, but rather methodologies. You will be redirected to Product Design - Methodology. </p>
−
    enough for another team to repeat your experiments.</p>
+
  
−
    <p>
 
−
    Please remember to put all characterization and measurement data for your parts on the corresponding Registry
 
−
    part pages.
 
−
    </p>
 
  
−
    <div class="vignette_container">
 
−
        <h2 style="text-align: left;">Microfluidics</h2>
 
−
       
 
−
        <div class="vignette_for">
 
−
        </div>
 
−
       
 
−
        <div class="vignette_back">
 
−
        </div>
 
−
       
 
−
        <div class="vignette_text">
 
−
            <p style="position: relative; bottom:15px; text-align:center;">PDMS Preparation</p>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
  
  
 +
    <footer>
 +
    </footer>
  
−
    <h2 style="text-align: left;">Cell Culture</h2>
 
−
    <h2 style="text-align: left;">Hello World</h2>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
<div class="column two_thirds_size">
 
−
    <h3>What should this page contain?</h3>
 
−
    <ul>
 
−
    <li> Protocols </li>
 
−
    <li> Experiments </li>
 
−
    <li> Documentation of the development of your project </li>
 
−
    </ul>
 
−
 
−
</div>
 
−
 
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="clear"></div>
 
−
 
−
</body>
 
  
  
 
</html>
 
</html>

Latest revision as of 03:48, 18 October 2018

""

Microbiology

Microfluidics

Cellular Biology

Design*

(*) There are not really protocols in design, but rather methodologies. You will be redirected to Product Design - Methodology.