(40 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{Paris_Bettencourt/Menu}} |
+ | {{Paris_Bettencourt/Wiki}} | ||
+ | <!-- Code by the 2016 Paris Bettencourt --> | ||
+ | <html> | ||
+ | <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'> | ||
+ | <style> | ||
+ | a:hover { | ||
+ | text-decoration : none; | ||
+ | } | ||
+ | html { | ||
+ | height : 100%; | ||
+ | } | ||
− | + | body { | |
− | + | position : relative; | |
− | + | height : 100%; | |
− | + | margin-left : 0; | |
+ | margin-right : 0; | ||
+ | margin-top : 0; | ||
+ | } | ||
+ | #topheader { | ||
+ | position : relative; | ||
+ | margin-top : -100px; | ||
+ | margin-left : 0px; | ||
+ | margin-right : 0; | ||
+ | padding:0; | ||
+ | width : 100%; | ||
+ | height : 560px; | ||
+ | background-image : url("https://static.igem.org/mediawiki/2016/e/ed/Paris_Bettencourt-background.jpg"); | ||
+ | background-size : cover; | ||
+ | } | ||
− | + | #subheader { | |
+ | position : relative ; | ||
+ | width : 100%; | ||
+ | height : 470px; | ||
+ | left : 0; | ||
+ | right : 0; | ||
+ | text-align : center; | ||
+ | background-color : rgb(255,255,255); | ||
} | } | ||
− | # | + | #definition { |
− | + | width : 1200px; | |
+ | vertical-align : middle; | ||
+ | display : inline-block; | ||
+ | line-height : normal; | ||
+ | text-align : center; | ||
+ | position : relative; | ||
+ | margin-top : 80px; | ||
} | } | ||
− | + | ||
− | + | #project { | |
+ | font-family: Open Sans, sans-serif; | ||
+ | text-align : center; | ||
+ | font-size : 22px; | ||
+ | vertical-align : middle; | ||
+ | color : rgb(150,149,149); | ||
+ | } | ||
+ | .definition { | ||
+ | position : relative; | ||
+ | font-family: Open Sans, sans-serif; | ||
+ | text-align : center; | ||
+ | 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 { | ||
+ | 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); | ||
+ | } | ||
Line 34: | Line 185: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </style> | |
− | + | <head> | |
− | + | </head> | |
− | + | <body> | |
− | + | <div id=topheader> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id=subheader style="margin-left:0px"> | ||
+ | <div id=definition> | ||
+ | |||
+ | <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 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> | ||
+ | </div> | ||
− | + | <div class=separation> </div> | |
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
− | |||
− | + | <!-- | |
− | + | BUTTON.. unimportant for now | |
− | + | <div class="button_click" onClick=" parent.location= 'https://2016.igem.org/Special:Upload '"> | |
− | + | UPLOAD FILES | |
− | + | </div> | |
− | + | --> | |
+ | </html> | ||
+ | {{Paris_Bettencourt/Footer2}} |
Latest revision as of 22:52, 1 December 2016