(23 intermediate revisions by 3 users not shown) | |||
Line 7: | Line 7: | ||
<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'> | ||
<style> | <style> | ||
− | + | a:hover { | |
− | + | text-decoration : none; | |
− | + | } | |
+ | |||
html { | html { | ||
height : 100%; | height : 100%; | ||
} | } | ||
+ | |||
body { | body { | ||
position : relative; | position : relative; | ||
Line 20: | Line 22: | ||
margin-top : 0; | margin-top : 0; | ||
} | } | ||
+ | |||
#topheader { | #topheader { | ||
position : relative; | position : relative; | ||
− | margin-top : - | + | margin-top : -100px; |
− | margin-left : | + | margin-left : 0px; |
margin-right : 0; | margin-right : 0; | ||
padding:0; | padding:0; | ||
width : 100%; | width : 100%; | ||
− | height : | + | height : 560px; |
− | background-image : url("https://static.igem.org/mediawiki/2016/ | + | background-image : url("https://static.igem.org/mediawiki/2016/e/ed/Paris_Bettencourt-background.jpg"); |
background-size : cover; | background-size : cover; | ||
} | } | ||
+ | |||
#subheader { | #subheader { | ||
position : relative ; | position : relative ; | ||
Line 40: | Line 44: | ||
background-color : rgb(255,255,255); | background-color : rgb(255,255,255); | ||
} | } | ||
+ | |||
#definition { | #definition { | ||
− | width : | + | width : 1200px; |
vertical-align : middle; | vertical-align : middle; | ||
display : inline-block; | display : inline-block; | ||
Line 49: | Line 54: | ||
margin-top : 80px; | margin-top : 80px; | ||
} | } | ||
+ | |||
#project { | #project { | ||
font-family: Open Sans, sans-serif; | font-family: Open Sans, sans-serif; | ||
Line 64: | Line 70: | ||
color : rgb(150,149,149); | color : rgb(150,149,149); | ||
} | } | ||
+ | |||
+ | |||
.descript2 { | .descript2 { | ||
Line 98: | Line 106: | ||
.separation { | .separation { | ||
width: 100%; | width: 100%; | ||
− | height : | + | height : 100px; |
} | } | ||
+ | /* Panels */ | ||
+ | .panel { | ||
+ | margin: 0 auto; | ||
+ | color: rgb(30,39,43); | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | } | ||
+ | .panel a { | ||
+ | display: inline-block; | ||
+ | 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: 200px; | ||
+ | background:transparent; | ||
+ | } | ||
+ | |||
+ | .subpanel2 { /* Projects */ | ||
+ | float: left; | ||
+ | width:150px; | ||
+ | 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 */ | ||
+ | .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> | <head> | ||
Line 105: | Line 192: | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div id=topheader | + | <div id=topheader> |
− | + | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id=subheader style="margin-left:0px"> | ||
<div id=definition> | <div id=definition> | ||
− | <div id=video> | + | |
− | < | + | <div id=video > |
+ | <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 style="margin-top:20px; margin-bottom:20px"> | ||
+ | <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/b/b9/Paris_Bettencourt-Assay_Button2.png" width="150px" height="250px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2016/e/e8/Paris_Bettencourt-Logo_Assay.png" style="height:60px;"/></center> | ||
+ | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div> | ||
+ | Assay | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Microbiology" title="Microbiology"> | ||
+ | <div id="dspanel" class="subpanel2"> | ||
+ | <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/e/e0/Paris_Bettencourt-Microbiology_Button2.png" width="150px" height="250px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2016/f/f8/Paris_Bettencourt-Logo_Microbiology.png" style="height:60px;"/></center> | ||
+ | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div> | ||
+ | Microbiology | ||
+ | </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/d0/Paris_Bettencourt-Enzyme_Button2.png" width="150px" height="250px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2016/9/9d/Paris_Bettencourt-Logo_Enzyme.png" style="height:60px;"/></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/6/68/Paris_Bettencourt-Binding_Button2.png" width="150px" height="250px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2016/4/44/Paris_Bettencourt-Logo_Binding.png" style="height:60px;"/></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/7/75/Paris_Bettencourt-Indigo_Button2.png" width="150px" height="250px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2016/f/f0/Paris_Bettencourt-Logo_Indigo.png" style="height:60px;"/></center> | ||
+ | <div style="width:60%;margin-left:20%;margin-bottom:10px;"><hr></div> | ||
+ | Indigo | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2016.igem.org/Team:Paris_Bettencourt/Model" title="Model"> | ||
+ | <div id="thpanel" class="subpanel2"> | ||
+ | <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/9/96/Paris_Bettencourt-Model_Button2.png" width="150px" height="250px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2016/2/21/Paris_Bettencourt-Model_Icon.png" style="height:60px;"/></center> | ||
+ | <div style="width:60%;margin-left:20%;margin-bottom:10px;"><hr></div> | ||
+ | Model | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div style="clear: both;"></div> | |
+ | <div class="panel" style="background:white;margin-left:100px"> | ||
+ | <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:20px;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"> | ||
+ | <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/Collaborations" 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 class=definition><br> | ||
</p> | </p> | ||
Line 145: | Line 363: | ||
--> | --> | ||
</html> | </html> | ||
− | + | {{Paris_Bettencourt/Footer2}} | |
− | + | ||
− | {{Paris_Bettencourt/ | + |
Latest revision as of 22:52, 1 December 2016