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

 
(37 intermediate revisions by 3 users not shown)
Line 25: Line 25:
 
#topheader {
 
#topheader {
 
position : relative;
 
position : relative;
−
margin-top : -80px;
+
margin-top : -120px;
 
margin-left : 0px;
 
margin-left : 0px;
 
margin-right : 0;
 
margin-right : 0;
 
padding:0;
 
padding:0;
 
width : 100%;
 
width : 100%;
−
height : 400px;
+
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/7/75/Paris_Bettencourt-Achievements_Top.jpeg");
 
background-size : cover;
 
background-size : cover;
 
}
 
}
Line 38: Line 38:
 
position : relative ;  
 
position : relative ;  
 
width : 100%;
 
width : 100%;
−
height : 470px;
+
height : 100%;
−
left : 0;
+
−
right : 0;
+
 
text-align : center;
 
text-align : center;
 
background-color : rgb(255,255,255);
 
background-color : rgb(255,255,255);
Line 52: Line 50:
 
text-align : center;
 
text-align : center;
 
position : relative;
 
position : relative;
−
margin-top : 80px;
+
margin-top : 0px;
 
}
 
}
  
Line 63: Line 61:
 
}
 
}
 
.definition {
 
.definition {
−
position : relative;
+
position : inline-block;
 
font-family: Open Sans, sans-serif;
 
font-family: Open Sans, sans-serif;
 
text-align : center;
 
text-align : center;
−
font-size : 18px;
+
font-size : 22px;
 
vertical-align : middle;
 
vertical-align : middle;
 
color : rgb(150,149,149);
 
color : rgb(150,149,149);
Line 108: Line 106:
 
/* Panels */
 
/* Panels */
 
.panel {
 
.panel {
−
    width:1100px;
+
     margin: 0 auto;
−
    height:528px;
+
−
     margin:0;
+
−
    margin-bottom:0px;
+
 
     color: rgb(30,39,43);
 
     color: rgb(30,39,43);
 
     font-family: 'Open Sans', sans-serif;
 
     font-family: 'Open Sans', sans-serif;
 
}
 
}
 
.panel a {
 
.panel a {
 +
display: inline-block;
 
     color: rgb(46,43,52);
 
     color: rgb(46,43,52);
 
     text-decoration:none;
 
     text-decoration:none;
Line 130: Line 126:
 
     z-index:1;
 
     z-index:1;
 
     position:relative;
 
     position:relative;
−
     bottom:480px;
+
     bottom: 200px;
 
     background:transparent;
 
     background:transparent;
 
}
 
}
  
 +
.subpanel2 { /* Projects */
 +
    float: left;
 +
    width:250px;
 +
    height:250px;
 +
    font-size:20px;
 +
    text-align:center;
 +
    margin-top:5px;
 +
    margin-bottom:5px;
 +
    margin-right:5px;
 +
    margin-left:5px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
}
 +
.subpanel2:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel2:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 
/* pages */
 
/* pages */
 
.subpanel4 { /* divide page in 3 */
 
.subpanel4 { /* divide page in 3 */
Line 169: Line 185:
  
 
<div id=topheader></div>
 
<div id=topheader></div>
−
<div id=subheader style="margin-left:-60px">
 
−
<div id=definition>
 
  
−
<div style="clear: both;"></div>
+
<div id=subheader>
−
    <div class="panel" style="background:white;margin-left:10px">
+
<div style="margin-top:20px; margin-bottom:20px">
−
<div class="subpanel4" style="margin-right:0px">
+
<img src="https://static.igem.org/mediawiki/2016/1/19/Paris_Bettencourt-Award.jpg" height="300px"/>
−
<div style="margin-right:0;width:300px">
+
<div style="margin-top:20px; margin-bottom:40px">
−
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Team" title="Team">
+
<div class="panel" >
−
    <div class="subpanel6">
+
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Results" title="Results">
−
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/70/Paris_Bettencourt-Team_Button.jpg" width="300px" height="283px"/>
+
    <div id="pspanel" class="subpanel2"  onmouseover="chgtrans(this)">
−
      <div style="position:relative;bottom:258px">
+
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/d/db/T--Paris_Bettencourt--results_icon.jpg" width="400px" height="300px"/>
−
<center><img src="https://static.igem.org/mediawiki/2016/0/0d/Paris_Bettencourt-Logo_Team.png" style="height:90px;margin-top:15px;"/></center>
+
      <div class="titlebox">
−
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
+
<center><img src="https://static.igem.org/mediawiki/2016/3/3e/T--Paris_Bettencourt--results_logo.png" style="height:90px;margin-top:-30px;"/></center>
−
Team
+
<div style="width:60%;margin-left:20%;margin-bottom:0px;"><hr></div>
 +
Results
 
      </div>
 
      </div>
 
    </div>
 
    </div>
 
  </a>
 
  </a>
−
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Human_Practices" title="Human Practices">
+
 
−
    <div class="subpanel6" style="margin-bottom:0">
+
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Medal_Requirements" title="Medal Requirements">
−
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/7b/Paris_Bettencourt-Human_Practices.jpeg" width="300px" height="283px"/>
+
    <div id="pspanel" class="subpanel2" onmouseover="chgtrans(this)">
−
      <div style="position:relative;bottom:258px">
+
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/b/bb/T--Paris_Bettencourt--medal_icon.jpg" width="400px" height="300px"/>
−
<center><img src="https://static.igem.org/mediawiki/2016/c/ca/Paris_Bettencourt-Logo_Practises.png" style="height:90px;margin-top:10px;"/></center>
+
      <div class="titlebox">
−
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
+
<center><img src="https://static.igem.org/mediawiki/2016/2/2c/T--Paris_Bettencourt--medal_logo.png" style="height:90px;margin-top:-30px;"/></center>
−
Human Practices
+
<div style="width:60%;margin-left:20%;margin-bottom:0px;"><hr></div>
 +
Medal Requirements
 
      </div>
 
      </div>
 
    </div>
 
    </div>
 
  </a>
 
  </a>
−
</div>
+
 
−
      </div>
+
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Parts" title="Parts">
−
<div class="subpanel4" style="margin-right:0px">
+
    <div id="pspanel" class="subpanel2"  onmouseover="chgtrans(this)">
−
<div style="margin-right:0;width:300px;margin-left:10px">
+
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/0/03/T--Paris_Bettencourt--parts_icon.jpg" width="400px" height="300px"/>
−
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Notebook" title="Notebook">
+
      <div class="titlebox">
−
    <div class="subpanel6">
+
<center><img src="https://static.igem.org/mediawiki/2016/3/3a/T--Paris_Bettencourt--biobrick_logo.png" style="height:90px;margin-top:-30px;"/></center>
−
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/7b/Paris_Bettencourt-Notebook.jpg" width="300px" height="283px"/>
+
<div style="width:60%;margin-left:20%;margin-bottom:0px;"><hr></div>
−
      <div style="position:relative;bottom:258px">
+
Parts
−
<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>
 
    </div>
 
    </div>
 
  </a>
 
  </a>
−
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">
+
 
−
    <div class="subpanel6" style="margin-bottom:0">
+
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Interlab_Study" title="Interlab Study">
−
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/1/1f/Paris_Bettencourt-Collaboration.jpg" width="300px" height="283px"/>
+
    <div id="pspanel" class="subpanel2" onmouseover="chgtrans(this)">
−
      <div style="position:relative;bottom:258px">
+
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/2/2e/T--Paris_Bettencourt--interlab_icon.jpg" width="400px" height="300px"/>
−
<center><img src="https://static.igem.org/mediawiki/2016/b/b4/Paris_Bettencourt-Logo_Collaboration.png" style="height:90px;margin-top:10px;"/></center>
+
      <div class="titlebox">
−
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
+
<center><img src="https://static.igem.org/mediawiki/2016/8/85/T--Paris_Bettencourt--interlab_logo.png" style="height:90px;margin-top:-30px;"/></center>
−
Collaboration
+
<div style="width:60%;margin-left:20%;margin-bottom:0px;"><hr></div>
 +
Interlab Study
 
      </div>
 
      </div>
 
    </div>
 
    </div>
 
  </a>
 
  </a>
−
</div>
+
</div>
−
      </div>
+
  
−
<p class=definition><br>
+
<div id=definition>
−
</p>
+
<!--
 +
<h2>Achievements</h2>
 +
<p>  
  
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus nisi, aliquam sit amet tortor eget, vulputate laoreet urna. Sed sodales ex cursus enim pulvinar viverra. Nulla a erat congue, sagittis nisl eget, auctor purus. Nulla facilisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam consectetur sagittis accumsan. Praesent consequat, magna id aliquet tincidunt, orci ipsum consectetur risus, eu viverra lorem purus vitae purus. Nunc sagittis, nisi in vestibulum auctor, lorem sapien fermentum tellus, vitae dictum risus orci in turpis. Aliquam ac orci ut risus interdum fringilla sed eget ante. Nulla lacus est, mattis non placerat vitae, tristique at purus. Mauris ullamcorper ut quam in tincidunt. Nulla facilisi. Proin luctus non velit ac fringilla.
 +
<br>
 +
<br>
 +
Etiam tincidunt lacus a commodo fermentum. Duis pretium leo nec ligula facilisis pulvinar. Nunc semper mi ac tortor ultrices commodo. Praesent vel dolor magna. Fusce ac maximus mi. Fusce blandit, felis placerat vulputate iaculis, elit nisi vulputate eros, commodo malesuada velit odio et lacus. Sed faucibus, metus ac facilisis scelerisque, risus risus ultricies massa, nec elementum eros enim et purus. Fusce vitae nunc nunc.
 +
<br>
 +
<br>
 +
Ut cursus interdum sapien, in elementum augue. Donec non turpis ac ante eleifend pretium vel at dolor. Nam nec ipsum nec libero dapibus tincidunt eget nec quam. Fusce ac est vel tellus consequat tristique at nec elit. Duis in urna tincidunt eros consectetur luctus. Praesent laoreet placerat augue. Curabitur eu sapien dapibus, convallis est sit amet, pharetra lacus. Curabitur non pellentesque arcu, a viverra erat. Ut scelerisque justo non ligula dictum semper. Donec posuere tellus orci, non vestibulum massa condimentum in. Donec nibh urna, vulputate et lacus viverra, placerat convallis nulla. Quisque mi leo, hendrerit a lacinia nec, dignissim non lorem.
 +
<br>
 +
<br>
 +
Morbi vitae arcu faucibus, scelerisque sem at, congue massa. Sed fringilla pharetra metus vehicula ultricies. Nunc egestas volutpat erat a congue. Pellentesque suscipit vehicula erat, sit amet semper dolor imperdiet quis. Cras vitae odio tincidunt, tincidunt elit eget, pharetra ex. Nullam in neque tincidunt, faucibus mi quis, accumsan est. Cras nibh nulla, lacinia at mauris ut, scelerisque bibendum quam. Curabitur interdum efficitur dolor, sit amet commodo diam dapibus ac. Vestibulum facilisis dolor ut erat lobortis vestibulum. Praesent vestibulum, est nec scelerisque fermentum, lectus dui ullamcorper sapien, quis pulvinar diam nibh non diam. Quisque sollicitudin turpis vel sem ullamcorper, ac aliquet elit aliquam. Proin pellentesque bibendum ornare.
 +
<br>
 +
<br>
 +
Vivamus nec consectetur mi. Maecenas placerat tortor non justo hendrerit tempus quis vitae quam. Quisque egestas vel nisi vel maximus. Etiam egestas nulla diam, a ornare nisl congue ac. Sed quis dui tincidunt, fermentum sem in, facilisis dui. Vestibulum bibendum consequat erat, a facilisis velit condimentum vitae. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis at metus sem. Cras accumsan libero ut neque pulvinar pretium. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur egestas dui et euismod ultricies. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
 +
-->
 +
 +
</div>
 
</div>
 
</div>
  
−
    <div class=separation>          </div>
 
−
              </div>
 
−
              </div>
 
 
</body>
 
</body>
  
  
 
</html>
 
</html>
−
{{Paris_Bettencourt/Footer2}}
+
{{Paris_Bettencourt/Footer}}

Latest revision as of 23:21, 1 December 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