Difference between revisions of "Team:Paris Bettencourt/Achievements"

Line 1: Line 1:
−
 
−
 
−
 
−
 
−
 
 
{{Paris_Bettencourt/Menu}}
 
{{Paris_Bettencourt/Menu}}
 
{{Paris_Bettencourt/Wiki}}
 
{{Paris_Bettencourt/Wiki}}
Line 10: Line 5:
  
 
<html>
 
<html>
−
<head>
 
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
−
</head>
 
 
<style>
 
<style>
−
        a:hover {
+
a:hover {
−
                  text-decoration : none;
+
text-decoration : none;
−
}
+
}
  
−
html {
+
html {
−
height : 100%;
+
height : 100%;
−
}
+
}
  
−
body {
+
body {
−
position : relative;
+
position : relative;
−
height : 100%;
+
height : 100%;
−
margin-left : 0;
+
margin-left : 0;
−
margin-right : 0;
+
margin-right : 0;
−
margin-top : 0;
+
margin-top : 0;
−
}
+
}
  
−
#topheader {
+
#topheader {
−
width : 100%;
+
position : relative;
−
height : 400px;
+
margin-top : -80px;
−
position : relative;
+
margin-left : 0px;
−
margin-top : -80px;
+
margin-right : 0;
−
margin-left : 0;
+
padding:0;
−
margin-right : 0;
+
width : 100%;
−
padding:0;
+
height : 450px;
−
background-image : url("https://static.igem.org/mediawiki/2016/1/10/T--Paris_Bettencourt--Achievements.jpg");
+
background-image : url("https://static.igem.org/mediawiki/2016/1/1e/ParisBettencourt-background2.jpg");
−
background-size : cover;
+
background-size : cover;
−
background-color : rgb(255,255,255);
+
}
−
text-align : center;
+
−
background-size : cover;
+
−
}
+
  
−
+
#subheader {
 +
position : relative ;
 +
width : 100%;
 +
height : 470px;
 +
left : 0;
 +
right : 0;
 +
text-align : center;
 +
background-color : rgb(255,255,255);
 +
}
  
−
#subheader table {
+
#definition {
−
width : 100%;
+
width : 80%;
−
height : 100%;
+
vertical-align : middle;
−
text-align : center;
+
display : inline-block;
−
background : #183255;
+
line-height : normal;
−
}
+
text-align : center;
 +
position : relative;
 +
margin-top : 80px;
 +
}
  
−
#subheader table tr td {
+
#project {
−
width : 16%;
+
font-family: Open Sans, sans-serif;
−
color : rgb(255,255,255);
+
text-align : center;
−
background : #183255;
+
font-size : 22px;
−
padding-top : 20px;
+
vertical-align : middle;
−
}
+
color : rgb(150,149,149);
−
+
}
−
#subheader table tr td a {
+
.definition {
−
color : rgb(255,255,255);
+
position : relative;
−
text-decoration : none;
+
font-family: Open Sans, sans-serif;
−
font-size : 18px;
+
text-align : center;
−
font-family: 'Open Sans', sans-serif;
+
font-size : 18px;
−
}
+
vertical-align : middle;
 +
color : rgb(150,149,149);
 +
}
  
 +
                .descript2 {
 +
                        width : 60%;
 +
                        margin-left : 0%;
 +
                        font-size : 18px;
 +
                        text-align : center;
 +
                        color : rgb(255,0,99);
 +
                        margin-top : 0px;
 +
                        display : none;
 +
                        vertical-align : middle;
 +
                        line-height : normal;
 +
                        background-color : transparent;
 +
                        z-index : 91;
 +
                }
 +
 +
.layout {
 +
display : inline-block;
 +
width : 100%;
 +
height : 100%;
 +
z-index : 90;
 +
vertical-align : middle;
 +
line-height : 300px;
 +
text-align : center;
 +
display: flex;
 +
justify-content: center;
 +
align-items: center;
 +
-webkit-display: flex;
 +
-webkit-justify-content: center;
 +
-webkit-align-items: center;
 +
                        vertical-align : middle;
 +
}
 +
 +
                .separation {
 +
                        width: 100%;
 +
                        height : 100px;
 +
                }
 +
/* Panels */
 +
.panel {
 +
    width:1100px;
 +
    height:528px;
 +
    margin:0;
 +
    margin-bottom:0px;
 +
    color: rgb(30,39,43);
 +
    font-family: 'Open Sans', sans-serif;
 +
}
 +
.panel a {
 +
    color: rgb(46,43,52);
 +
    text-decoration:none;
 +
}
 +
 +
/* Subpanels */
 +
.narrowimg {/* Subpanels background*/
 +
    /*position:absolute;*/
 +
    z-index:2;
 +
    opacity:0.3;
 +
    filter: alpha(opacity=30);
 +
}
 +
.titlebox {/* Subpanels Title*/
 +
    z-index:1;
 +
    position:relative;
 +
    bottom:480px;
 +
    background:transparent;
 +
}
 +
 +
.subpanel2 { /* Projects */
 +
    float:left;
 +
    width:200px;
 +
    height:492px;
 +
    font-size:22px;
 +
    text-align:center;
 +
    margin-top:0;
 +
    margin-right:11px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
}
 +
.subpanel2:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel2:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
/* pages */
 +
.subpanel4 { /* divide page in 3 */
 +
    float:left;
 +
    width:364px;
 +
    height:492px;
 +
    font-size:22px;
 +
    margin-top:0;
 +
    margin-right:10px;
 +
}
 +
.subpanel6 { /* Pages */
 +
    height:240.5px;
 +
    margin:0;
 +
    margin-bottom:11px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    background:rgb(255,255,255);
 +
    color:Black;
 +
    text-align:center;
 +
}
 +
.subpanel6:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel6:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 
</style>
 
</style>
 +
<head>
  
−
<body >
+
</head>
−
<div id="topheader">
+
<body>
 +
<div id=topheader></div>
 +
<div id=subheader style="margin-left:-60px">
 +
<div id=definition>
 +
<div id=video style="margin-left:80px">
 +
<video width="800" height="450" controls>
 +
  <source src="https://static.igem.org/mediawiki/2016/6/68/Paris_Bettencourt-Video_Clos.mp4" type="video/mp4">
 +
Your browser does not support the video tag.
 +
</video>
 +
</div>
 +
    <div class=separation>          </div>
 +
<div class="panel">
 +
<a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Assay" title="Assay">
 +
<div id="pspanel" class="subpanel2"  onmouseover="chgtrans(this)">
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/c/c8/Paris_Bettencourt-Assay.jpeg" width="200px" height="500px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/e/e8/Paris_Bettencourt-Logo_Assay.png" style="height:90px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
    Assay
 +
  </div>
 
</div>
 
</div>
−
+
      </a>
−
      <div id="subheader">
+
      <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Microbiology" title="Microbiology">
−
<table>
+
<div id="dspanel" class="subpanel2">
−
<tr>
+
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/1/12/Paris_Bettencourt-Microbiology.jpeg" width="200px" height="500px"/>
−
<td><a href="https://2016.igem.org/Team:Paris_Bettencourt/Achievements/Results">Results</a></td>
+
  <div class="titlebox">
−
<td><a href="https://2016.igem.org/Team:Paris_Bettencourt/Achievements/Parts">Parts</a></td>
+
    <center><img src="https://static.igem.org/mediawiki/2016/f/f8/Paris_Bettencourt-Logo_Microbiology.png" style="height:90px;"/></center>
−
<td><a href="https://2016.igem.org/Team:Paris_Bettencourt/Achievements/Medal_Fulfilment">Medal Fulfilment</a></td>
+
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
−
+
    Microbiology
−
</tr>
+
  </div>
−
</table>
+
 
</div>
 
</div>
 +
      </a>
 +
      <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Enzyme" title="Enzyme">
 +
<div id="tcpanel" class="subpanel2">
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/d/d9/Paris_Bettencourt-Enzyme.jpeg" width="200px" height="500px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/9/9d/Paris_Bettencourt-Logo_Enzyme.png" style="height:90px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
  Enzyme
 +
  </div>
 +
</div>
 +
      </a>
 +
      <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Binding" title="Binding domains">
 +
<div id="thpanel" class="subpanel2">     
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/b/b2/Paris_Bettencourt-Binding_Domain.jpeg" width="200px" height="500px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/4/44/Paris_Bettencourt-Logo_Binding.png" style="height:90px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
    Binding
 +
  </div>
 +
</div>
 +
      </a>
 +
    <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Indigo" title="Indigo">
 +
<div id="thpanel" class="subpanel2">     
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/a/a0/Paris_Bettencourt-Indigo.jpeg" width="200px" height="500px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/f/f0/Paris_Bettencourt-Logo_Indigo.png" style="height:90px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
    Indigo
 +
  </div>
 +
</div>
 +
      </a>
 +
</div>
 +
 +
<div style="clear: both;"></div>
 +
    <div class="panel" style="background:white;margin-left:10px">
 +
<div class="subpanel4" style="margin-right:0px">
 +
<div style="margin-right:0;width:300px">
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Team" title="Team">
 +
    <div class="subpanel6">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/70/Paris_Bettencourt-Team_Button.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/0/0d/Paris_Bettencourt-Logo_Team.png" style="height:90px;margin-top:15px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Team
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Human_Practices" title="Human Practices">
 +
    <div class="subpanel6" style="margin-bottom:0">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/7b/Paris_Bettencourt-Human_Practices.jpeg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/c/ca/Paris_Bettencourt-Logo_Practises.png" style="height:90px;margin-top:10px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Human Practices
 +
      </div>
 +
    </div>
 +
  </a>
 +
</div>
 +
      </div>
 +
<div class="subpanel4" style="margin-right:0px">
 +
<div style="margin-right:0;width:300px;margin-left:10px">
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Notebook" title="Notebook">
 +
    <div class="subpanel6">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/7b/Paris_Bettencourt-Notebook.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/7/79/Paris_Bettencourt-Logo_Notebook.png" style="height:90px;margin-top:15px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Notebook
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">
 +
    <div class="subpanel6" style="margin-bottom:0">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/1/1f/Paris_Bettencourt-Collaboration.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/b/b4/Paris_Bettencourt-Logo_Collaboration.png" style="height:90px;margin-top:10px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Collaboration
 +
      </div>
 +
    </div>
 +
  </a>
 +
</div>
 +
      </div>
 +
<div class="subpanel4" style="margin-right:0px">
 +
<div style="margin-right:0;width:300px">
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Safety" title="Safety">
 +
    <div class="subpanel6">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/2/2d/Paris_Bettencourt-Safety.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/5/5c/Paris_Bettencourt-Logo_Safety.png" style="height:90px;margin-top:15px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Safety
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Achievements" title="Achievements">
 +
    <div class="subpanel6" style="margin-bottom:0">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/6/61/Paris_Bettencourt-Achievements.jpeg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/2/26/Paris_Bettencourt-Logo_Achievements.png" style="height:90px;margin-top:10px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Achievements
 +
      </div>
 +
    </div>
 +
  </a>
 +
</div>
 +
      </div>
 +
</div>
 +
 +
<p class=definition><br>
 +
</p>
 +
 +
</div>
 +
 +
    <div class=separation>          </div>
 +
              </div>
 +
              </div>
 
</body>
 
</body>
  
Line 94: Line 340:
 
-->
 
-->
 
</html>
 
</html>
−
 
+
{{Paris_Bettencourt/Footer2}}
−
 
+
−
{{Paris_Bettencourt/Footer}}
+

Revision as of 14:57, 20 September 2016


Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
+33 1 44 41 25 22/25
igem2016parisbettencourt@gmail.com
2016.igem.org