(31 intermediate revisions by 3 users not shown) | |||
Line 25: | Line 25: | ||
#topheader { | #topheader { | ||
position : relative; | position : relative; | ||
− | margin-top : - | + | margin-top : -120px; |
margin-left : 0px; | margin-left : 0px; | ||
margin-right : 0; | margin-right : 0; | ||
padding:0; | padding:0; | ||
width : 100%; | width : 100%; | ||
− | height : | + | height : 450px; |
− | background-image : url("https://static.igem.org/mediawiki/2016/ | + | 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 : | + | height : 100%; |
− | + | ||
− | + | ||
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 : | + | margin-top : 0px; |
} | } | ||
Line 63: | Line 61: | ||
} | } | ||
.definition { | .definition { | ||
− | position : | + | position : inline-block; |
font-family: Open Sans, sans-serif; | font-family: Open Sans, sans-serif; | ||
text-align : center; | text-align : center; | ||
− | font-size : | + | 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 { | ||
− | + | margin: 0 auto; | |
− | + | ||
− | margin:0 | + | |
− | + | ||
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: | + | 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 */ | ||
float:left; | float:left; | ||
+ | width:364px; | ||
+ | height:492px; | ||
font-size:22px; | font-size:22px; | ||
margin-top:0; | margin-top:0; | ||
Line 144: | Line 162: | ||
height:240.5px; | height:240.5px; | ||
margin:0; | margin:0; | ||
+ | margin-bottom:11px; | ||
border-radius:7px; | border-radius:7px; | ||
overflow:hidden; | overflow:hidden; | ||
Line 167: | Line 186: | ||
<div id=topheader></div> | <div id=topheader></div> | ||
− | <div id=subheader style="margin- | + | <div id=subheader> |
− | < | + | <div style="margin-top:20px; margin-bottom:20px"> |
− | + | <img src="https://static.igem.org/mediawiki/2016/1/19/Paris_Bettencourt-Award.jpg" height="300px"/> | |
− | + | <div style="margin-top:20px; margin-bottom:40px"> | |
− | <div | + | <div class="panel" > |
<a href="https://2016.igem.org/Team:Paris_Bettencourt/Results" title="Results"> | <a href="https://2016.igem.org/Team:Paris_Bettencourt/Results" title="Results"> | ||
− | <div class=" | + | <div id="pspanel" class="subpanel2" onmouseover="chgtrans(this)"> |
− | <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/ | + | <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/d/db/T--Paris_Bettencourt--results_icon.jpg" width="400px" height="300px"/> |
− | + | <div class="titlebox"> | |
− | <center><img src="https://static.igem.org/mediawiki/2016/ | + | <center><img src="https://static.igem.org/mediawiki/2016/3/3e/T--Paris_Bettencourt--results_logo.png" style="height:90px;margin-top:-30px;"/></center> |
− | <div style="width:60%;margin-left:20%;margin-bottom: | + | <div style="width:60%;margin-left:20%;margin-bottom:0px;"><hr></div> |
Results | Results | ||
</div> | </div> | ||
</div> | </div> | ||
</a> | </a> | ||
+ | |||
<a href="https://2016.igem.org/Team:Paris_Bettencourt/Medal_Requirements" title="Medal Requirements"> | <a href="https://2016.igem.org/Team:Paris_Bettencourt/Medal_Requirements" title="Medal Requirements"> | ||
− | <div class=" | + | <div id="pspanel" class="subpanel2" onmouseover="chgtrans(this)"> |
− | <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/ | + | <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/b/bb/T--Paris_Bettencourt--medal_icon.jpg" width="400px" height="300px"/> |
− | + | <div class="titlebox"> | |
− | <center><img src="https://static.igem.org/mediawiki/2016/ | + | <center><img src="https://static.igem.org/mediawiki/2016/2/2c/T--Paris_Bettencourt--medal_logo.png" style="height:90px;margin-top:-30px;"/></center> |
− | <div style="width:60%;margin-left:20%;margin-bottom: | + | <div style="width:60%;margin-left:20%;margin-bottom:0px;"><hr></div> |
Medal Requirements | Medal Requirements | ||
</div> | </div> | ||
− | + | </div> | |
</a> | </a> | ||
− | + | ||
− | + | ||
<a href="https://2016.igem.org/Team:Paris_Bettencourt/Parts" title="Parts"> | <a href="https://2016.igem.org/Team:Paris_Bettencourt/Parts" title="Parts"> | ||
− | <div class=" | + | <div id="pspanel" class="subpanel2" onmouseover="chgtrans(this)"> |
− | <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/ | + | <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/0/03/T--Paris_Bettencourt--parts_icon.jpg" width="400px" height="300px"/> |
− | + | <div class="titlebox"> | |
− | <center><img src="https://static.igem.org/mediawiki/2016/ | + | <center><img src="https://static.igem.org/mediawiki/2016/3/3a/T--Paris_Bettencourt--biobrick_logo.png" style="height:90px;margin-top:-30px;"/></center> |
− | <div style="width:60%;margin-left:20%;margin-bottom: | + | <div style="width:60%;margin-left:20%;margin-bottom:0px;"><hr></div> |
Parts | Parts | ||
</div> | </div> | ||
</div> | </div> | ||
</a> | </a> | ||
+ | |||
<a href="https://2016.igem.org/Team:Paris_Bettencourt/Interlab_Study" title="Interlab Study"> | <a href="https://2016.igem.org/Team:Paris_Bettencourt/Interlab_Study" title="Interlab Study"> | ||
− | <div class=" | + | <div id="pspanel" class="subpanel2" onmouseover="chgtrans(this)"> |
− | <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/ | + | <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/2/2e/T--Paris_Bettencourt--interlab_icon.jpg" width="400px" height="300px"/> |
− | + | <div class="titlebox"> | |
− | <center><img src="https://static.igem.org/mediawiki/2016/ | + | <center><img src="https://static.igem.org/mediawiki/2016/8/85/T--Paris_Bettencourt--interlab_logo.png" style="height:90px;margin-top:-30px;"/></center> |
− | <div style="width:60%;margin-left:20%;margin-bottom: | + | <div style="width:60%;margin-left:20%;margin-bottom:0px;"><hr></div> |
Interlab Study | Interlab Study | ||
</div> | </div> | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | </div> | |
+ | |||
+ | <div id=definition> | ||
+ | <!-- | ||
+ | <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> | ||
Line 224: | Line 263: | ||
</html> | </html> | ||
− | {{Paris_Bettencourt/ | + | {{Paris_Bettencourt/Footer}} |
Latest revision as of 23:21, 1 December 2016