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; | ||
height : 100%; | height : 100%; | ||
− | margin-left : | + | margin-left : -80px; |
margin-right : 0; | margin-right : 0; | ||
margin-top : 0; | margin-top : 0; | ||
} | } | ||
+ | |||
#topheader { | #topheader { | ||
position : relative; | position : relative; | ||
margin-top : -80px; | margin-top : -80px; | ||
− | margin-left : | + | margin-left : 60px; |
margin-right : 0; | margin-right : 0; | ||
padding:0; | padding:0; | ||
Line 31: | Line 34: | ||
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 : 80%; | width : 80%; | ||
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 100: | Line 106: | ||
height : 100px; | height : 100px; | ||
} | } | ||
− | + | /* Panels */ | |
− | + | .panel { | |
− | text-align : center; | + | 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> | ||
Line 110: | Line 183: | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div id=topheader> | + | <div id=topheader></div> |
− | </div> | + | |
<div id=subheader> | <div id=subheader> | ||
− | |||
<div id=definition> | <div id=definition> | ||
− | <div id=video> | + | <div id=video style="margin-left=200px"> |
<video width="800" height="450" controls> | <video width="800" height="450" controls> | ||
<source src="https://static.igem.org/mediawiki/2016/6/68/Paris_Bettencourt-Video_Clos.mp4" type="video/mp4"> | <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. | Your browser does not support the video tag. | ||
</video> | </video> | ||
− | |||
</div> | </div> | ||
<div class=separation> </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> | ||
+ | </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/1/12/Paris_Bettencourt-Microbiology.jpeg" width="200px" height="500px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2016/f/f8/Paris_Bettencourt-Logo_Microbiology.png" style="height:90px;"/></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/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;"> | ||
+ | <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"> | ||
+ | <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 class=definition><br> |
Revision as of 15:51, 29 August 2016