(Created page with " <!DOCTYPE html> <html lang="en" dir="ltr" class="client-nojs"> <head> <meta charset="UTF-8" /> <title>Team:Paris Bettencourt/Model - 2018.igem.org</title> <meta name="gener...") |
|||
(200 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | + | <html> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'> | ||
− | |||
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> | <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> | ||
− | <style | + | <style> |
− | + | #home_logo, #sideMenu { display:none; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
#content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
body {background-color:white; } | body {background-color:white; } | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
− | |||
− | |||
− | |||
− | |||
/*anti igem css*/ | /*anti igem css*/ | ||
− | |||
#HQ_page h1, h2, h3, h5 { | #HQ_page h1, h2, h3, h5 { | ||
− | font-family: Didot, Didot LT STD, | + | font-family: Didot, Didot LT STD, Lemon/Milk lIGHT, sans-serif; |
font-weight: 400; | font-weight: 400; | ||
border : none; | border : none; | ||
Line 187: | Line 108: | ||
.header { | .header { | ||
width : 100%; | width : 100%; | ||
− | + | ||
background-attachment: fixed; | background-attachment: fixed; | ||
background-position : center; | background-position : center; | ||
background-repeat : no-repeat; | background-repeat : no-repeat; | ||
background-size : cover; | background-size : cover; | ||
− | + | ||
text-align : center; | text-align : center; | ||
line-height : 100px; | line-height : 100px; | ||
Line 202: | Line 123: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
+ | margin-top:80px; | ||
+ | } | ||
+ | .header img { | ||
+ | height: 400px; | ||
} | } | ||
.textbody { | .textbody { | ||
Line 207: | Line 132: | ||
margin : 0 auto; | margin : 0 auto; | ||
text-align : justify; | text-align : justify; | ||
− | padding-top : | + | padding-top : 0; |
display : block; | display : block; | ||
− | font-family : | + | font-family : Tahoma, Geneva, sans-serif; |
color : rgb(64,64,64); | color : rgb(64,64,64); | ||
font-size : 15px; | font-size : 15px; | ||
− | margin-bottom : | + | margin-bottom : 40px; |
text-indent : 15px; | text-indent : 15px; | ||
} | } | ||
#HQ_page .textbody p { | #HQ_page .textbody p { | ||
− | font-family : | + | font-family : Tahoma, Geneva, sans-serif; |
color : rgb(64,64,64); | color : rgb(64,64,64); | ||
font-size : 15px; | font-size : 15px; | ||
Line 234: | Line 159: | ||
margin-bottom : 75px; | margin-bottom : 75px; | ||
font-family: Didot, Didot LT STD, Hoefler Text, Garamond, Times New Roman, serif; | font-family: Didot, Didot LT STD, Hoefler Text, Garamond, Times New Roman, serif; | ||
− | color : rgb( | + | color : rgb(0, 0,0); |
} | } | ||
.textbody h2 { | .textbody h2 { | ||
+ | text-align : center; | ||
font-size : 30px; | font-size : 30px; | ||
font-variant: small-caps; | font-variant: small-caps; | ||
Line 262: | Line 188: | ||
} | } | ||
.text1 img { | .text1 img { | ||
− | + | height: 140px; | |
− | + | margin: 0 auto; | |
− | + | display: block; | |
+ | margin-top: 50px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | .text2 img { | ||
+ | height: 90px; | ||
+ | margin: 0 auto; | ||
+ | display: block; | ||
+ | margin-top: 50px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | .text3 img { | ||
+ | height: 500px; | ||
+ | margin: 0 auto; | ||
+ | display: block; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 0px; | ||
} | } | ||
.text1 span { | .text1 span { | ||
Line 415: | Line 357: | ||
#menu ul li a { | #menu ul li a { | ||
display: inline-block; | display: inline-block; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.menulist .list .dropdownlist { | .menulist .list .dropdownlist { | ||
Line 448: | Line 365: | ||
padding-left : 5px; | padding-left : 5px; | ||
padding-right : 5px; | padding-right : 5px; | ||
− | background : rgb( | + | background : rgb(255, 255, 255); |
list-style-position : inside; | list-style-position : inside; | ||
margin-left : 0px; | margin-left : 0px; | ||
Line 457: | Line 374: | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
− | background : rgb( | + | background : rgb(255, 255, 255); |
padding-left : 5px; | padding-left : 5px; | ||
padding-right : 5px; | padding-right : 5px; | ||
Line 474: | Line 391: | ||
position: relative; | position: relative; | ||
text-align : center; | text-align : center; | ||
− | background : rgb( | + | background : rgb(255, 255, 255); |
z-index: 90; | z-index: 90; | ||
padding : auto; | padding : auto; | ||
Line 488: | Line 405: | ||
position: relative; | position: relative; | ||
text-align : center; | text-align : center; | ||
− | background : rgb( | + | background : rgb(255, 255, 255); |
padding : auto; | padding : auto; | ||
} | } | ||
Line 582: | Line 499: | ||
nav | nav | ||
{ | { | ||
− | width: | + | width: 90%; |
background: #66b24c; | background: #66b24c; | ||
} | } | ||
Line 599: | Line 516: | ||
ul li:hover | ul li:hover | ||
{ | { | ||
− | background: # | + | background: #ffffff; |
} | } | ||
ul li a | ul li a | ||
Line 628: | Line 545: | ||
ul.wtf-menu li a{ | ul.wtf-menu li a{ | ||
− | color: # | + | color: #000000; |
text-decoration: none; | text-decoration: none; | ||
display:block; | display:block; | ||
Line 640: | Line 557: | ||
ul.wtf-menu li:hover, ul.wtf-menu li:hover >a{ | ul.wtf-menu li:hover, ul.wtf-menu li:hover >a{ | ||
− | background-color /*:# | + | background-color /*:#d9d9d9*/:rgb(217, 217, 217); |
− | color: | + | color: black; |
} | } | ||
ul.wtf-menu li.parent:hover:after { | ul.wtf-menu li.parent:hover:after { | ||
− | color: | + | color: black; |
} | } | ||
Line 660: | Line 577: | ||
/* Dropdown shadow */ | /* Dropdown shadow */ | ||
− | -webkit-box-shadow: 0 2px 2px 0 rgb( | + | -webkit-box-shadow: 0 2px 2px 0 rgb(191, 191, 191); |
− | box-shadow: 0 2px 2px 0 rgb( | + | box-shadow: 0 2px 2px 0 rgb(191, 191, 191)); |
} | } | ||
.wtf-menu li.main-item >a{ | .wtf-menu li.main-item >a{ | ||
− | color: | + | color: black; |
} | } | ||
Line 690: | Line 607: | ||
font-family: 'Fontawesome'; | font-family: 'Fontawesome'; | ||
content: "\f0da"; | content: "\f0da"; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
right: 10px; | right: 10px; | ||
Line 715: | Line 632: | ||
.top-menu{ | .top-menu{ | ||
− | background-color: rgb( | + | background-color: rgb(255, 255, 255); color:white; |
z-index: 2000; | z-index: 2000; | ||
Line 721: | Line 638: | ||
width: 100%; | width: 100%; | ||
padding-right: 30px; | padding-right: 30px; | ||
+ | top:18px; | ||
} | } | ||
Line 735: | Line 653: | ||
#home{ | #home{ | ||
− | margin-top: | + | margin-top: 18px; |
margin-right: 10px; | margin-right: 10px; | ||
− | width : | + | width : 120px; |
top : 0; | top : 0; | ||
margin-left : 10px; | margin-left : 10px; | ||
Line 752: | Line 670: | ||
#logolist2{ | #logolist2{ | ||
− | + | float: right; | |
display: flex; | display: flex; | ||
− | width: | + | width: 155px; |
margin-top: -54px; | margin-top: -54px; | ||
margin-right: 50px; | margin-right: 50px; | ||
Line 762: | Line 680: | ||
#logolist2 a{ | #logolist2 a{ | ||
− | color: | + | color: black; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 774: | Line 692: | ||
} | } | ||
+ | </style> | ||
− | </style> | + | <nav class="row top-menu"> |
+ | <!--div class="col-md-4 home-link"><a href="index.html"><i class="fa fa-home fa-3" aria-hidden="true"></i></a></div--> | ||
+ | <div class="col-md-8"> | ||
+ | <a href="https://2018.igem.org/Team:Paris_Bettencourt" id="mainpage"><img id="home" src="https://static.igem.org/mediawiki/2018/6/63/T--Paris_Bettencourt--STARCORE_logo.png" class=" b-error"></a> | ||
+ | <ul class=" text-left wtf-menu "> | ||
+ | |||
+ | <li class="parent main-item"><a href="#">Project  <i class="fa fa-caret-down" aria-hidden="true"></i></a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Human_Practices">Human Practices</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Applied_Design">Applied Design</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Design">Design</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Production">Production</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Active_Testing">Testing <i class="fa fa-caret-right" aria-hidden="true"></i></a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Active_Testing">Active Testing</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Biocompatibility_Testing">Biocompatibility Testing</a></li> | ||
+ | </ul> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Model">Modeling</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Optimization">Optimization</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Public_Engagement">Public Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Software">Software  <i class="fa fa-caret-down" aria-hidden="true"></i></a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/AMPDesigner_Overview">AMP Designer Overview</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/AMP_Forest">AMP Forest</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/AMP_Evolver">AMP Evolver</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Result">Result</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="parent main-item"><a href="#">Judging <i class="fa fa-caret-down" aria-hidden="true"></i></a> | ||
+ | |||
+ | <ul class="submenu"> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Medal_Criteria">Medal Criteria </a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Results">Key Results</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/BioBricks">BioBricks</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/InterLab">InterLab</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <li class="parent main-item"><a href="#">Team  <i class="fa fa-caret-down" aria-hidden="true"></i></a> | ||
+ | |||
+ | <ul class="submenu"> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Members">Members</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Paris_Bettencourt/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Lab_Notebook">Lab Notebook</a></li> | ||
+ | <li class="parent main-item"><a href="https://2018.igem.org/Team:Paris_Bettencourt/Acknowledgements">Acknowledgements</a></li> | ||
+ | |||
+ | |||
+ | <div id="logolist2"> | ||
+ | <div id="logoigem" class="sidelogos"> | ||
+ | <a href="https://2018.igem.org/Main_Page" title="iGEM 2018" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/f/fd/Logo-iGEMPB.png" class=" b-error"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="sidelogos top5"> | ||
+ | <a href="http://twitter.com/iGEM_Paris" target="_blank"> | ||
+ | <i class="fa fa-twitter" aria-hidden="true"></i> | ||
+ | </a><div id="twitapp"><a href="http://twitter.com/iGEM_Paris" target="_blank"> | ||
+ | </a><a class="twitter-timeline" width="250" height="400" data-dnt="true" href="https://twitter.com/iGEM_Paris" data-widget-id="368144501119795201">@iGEM_Paris</a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="sidelogos top5"> | ||
+ | <a href="https://www.facebook.com/ParisiGEM2018/" target="_blank"> | ||
+ | <i class="fa fa-facebook" aria-hidden="true"></i> | ||
+ | <div id="fbapp"> | ||
+ | <div class="fb-like-box" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="sidelogos top5 "> | ||
+ | <a href="https://www.instagram.com/igem_paris_bettencourt/" target="_blank"> | ||
+ | <i class="fa fa-instagram" aria-hidden="true"></i> | ||
+ | <div id="instaapp"> | ||
+ | <div class="" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </nav> | ||
+ | <a><img id="top-button" src="https://static.igem.org/mediawiki/2018/d/d5/T--Paris_Bettencourt--STARCORE_logoBW.png"></a> | ||
+ | |||
+ | |||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | function scrollToTop(tag){ | ||
+ | console.log('titi'); | ||
+ | var aTag = tag; | ||
+ | $('html,body').animate({scrollTop: aTag.offset().top},'slow'); | ||
+ | } | ||
+ | $("#top-button").click(function() { | ||
+ | scrollToTop($('#header1')); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'> | ||
+ | <style type="text/css"> | ||
+ | } | ||
+ | .buttons { | ||
+ | width : 100px; | ||
+ | height : 100px; | ||
+ | position : relative; | ||
+ | display : inline-block; | ||
+ | margin : 0px auto; | ||
+ | text-decoration : none !important; | ||
+ | line-height : 100px; | ||
+ | font-size : 15px; | ||
+ | margin-left : 10px; | ||
+ | margin-rigth : 10px; | ||
+ | font-size : 25px; | ||
+ | border : solid rgb(64,64,64); | ||
+ | |||
+ | } | ||
+ | .line { | ||
+ | display : inline-block; | ||
+ | width : 100%; | ||
+ | height : 90px; | ||
+ | margin-top : 50px; | ||
+ | text-align : center; | ||
+ | } | ||
+ | .videocenter { | ||
+ | margin-left : -40%; | ||
+ | margin-top : -10%; | ||
+ | } | ||
+ | #video1 { | ||
+ | margin-left : -35%; | ||
+ | } | ||
+ | .text3 { | ||
+ | overflow : hidden; | ||
+ | } | ||
+ | .text3left { | ||
+ | overflow : hidden; | ||
+ | } | ||
+ | .text3center { | ||
+ | overflow : hidden; | ||
+ | } | ||
+ | .text3right { | ||
+ | overflow : hidden; | ||
+ | } | ||
+ | |||
+ | /* Blocks */ | ||
+ | .grid-container{ | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | } | ||
+ | |||
+ | .medium-square-block a div, .large-block a div, .small-block a div { | ||
+ | text-indent: 0; | ||
+ | text-align: center; | ||
+ | border-radius:10px; | ||
+ | overflow : hidden; | ||
+ | } | ||
+ | |||
+ | .medium-square-block-content img, .large-block-content img, .small-block-content img { | ||
+ | width: inherit; | ||
+ | height: inherit; | ||
+ | } | ||
+ | .medium-square-block{ | ||
+ | margin:0 15px; | ||
+ | margin-top: 40px; | ||
+ | } | ||
+ | |||
+ | .large-block { | ||
+ | margin:0 35px; | ||
+ | margin-top: 40px; | ||
+ | } | ||
+ | |||
+ | .small-block{ | ||
+ | margin:0 90px; | ||
+ | margin-top: 40px; | ||
+ | } | ||
+ | |||
+ | .medium-square-block-content{ | ||
+ | width:245px; | ||
+ | height:245px; | ||
+ | border: 1px solid black; | ||
+ | |||
+ | } | ||
+ | |||
+ | .large-block-content { | ||
+ | width:400px; | ||
+ | height:200px; | ||
+ | |||
+ | border: 1px solid black; | ||
+ | } | ||
+ | |||
+ | .small-block-content { | ||
+ | width:100px; | ||
+ | height:100px; | ||
+ | |||
+ | border: 1px solid black; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:200,80' rel='stylesheet' type='text/css'> | ||
+ | <style> | ||
+ | #footerdiv { | ||
+ | padding-top : 50px; | ||
+ | } | ||
+ | #mfooter { | ||
+ | position:absolute; | ||
+ | width:100%; | ||
+ | height:100px; | ||
+ | margin-left : 0; | ||
+ | margin-right : 0; | ||
+ | bottom:-100px; | ||
+ | color:white; | ||
+ | background:rgb(0, 0, 0); | ||
+ | |||
+ | } | ||
+ | .footbox { | ||
+ | margin:30px 40px; | ||
+ | float:left; | ||
+ | } | ||
+ | .footbox a { | ||
+ | color:white; | ||
+ | } | ||
+ | </style> |