Difference between revisions of "Template:Pasteur Paris"
(263 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
{{Template_All_Teams}} | {{Template_All_Teams}} | ||
− | |||
− | |||
<html> | <html> | ||
+ | <head> | ||
<!-- Bootstrap --> | <!-- Bootstrap --> | ||
− | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> | ||
− | + | <!-- Chosen jQuery --> | |
− | + | <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js"></script> | |
+ | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.min.css"> | ||
+ | <!-- Start of CSS--> | ||
+ | <style type="text/css"> | ||
+ | /*Fix top panel Bootstrap issues. Patch by iGEM Stockholm 2015. Include this stylesheet in your header, after Bootstrap, to restore the original style to the top menu.*/ | ||
+ | #top_menu_14, #top_menu_under, #top_menu_inside{ | ||
+ | box-sizing: initial; | ||
+ | } | ||
+ | #top_menu_14 { | ||
+ | box-sizing: initial; | ||
+ | } | ||
+ | #top_menu_inside { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | #bars_box, #menu_BarsBox, h5{ | ||
+ | -webkit-box-sizing: initial; box-sizing: initial; line-height: normal; | ||
+ | } | ||
+ | #menu_BarsBox > h5 { | ||
+ | color: rgb(0, 0, 0); | ||
+ | font-family: arial, sans-serif; | ||
+ | font-size: 12px; | ||
+ | line-height: normal; | ||
+ | margin-bottom: 0px; | ||
+ | margin-top: 0px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .accordion-content li { | ||
+ | line-height: 18px; -webkit-box-sizing: initial; box-sizing: initial; | ||
+ | } | ||
+ | .accordion-header, .active-header, .accordion-header_noaction { | ||
+ | -webkit-box-sizing: initial; | ||
+ | box-sizing: initial; | ||
+ | color: rgb(101, 100, 89); | ||
+ | font-family: Arial, Gadget, sans-serif; | ||
+ | font-size: 13.92px; | ||
+ | font-weight: bold; | ||
+ | line-height: normal; | ||
+ | margin: 0; | ||
+ | } | ||
+ | /*End fixed top pannel menu*/ | ||
body { | body { | ||
− | |||
font-family: "Avenir Next", Arial,sans-serif; | font-family: "Avenir Next", Arial,sans-serif; | ||
margin-top: 50px; | margin-top: 50px; | ||
− | + | font-size:16px; | |
+ | padding-top: 15px; | ||
+ | padding-left: 150px; | ||
+ | padding-right: 150px; | ||
} | } | ||
− | + | a:hover { | |
− | + | text-decoration: none; | |
− | + | } | |
+ | a:active { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:visited { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:focus { | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | @media screen and (max-width: 1800px) { | |
− | + | body { | |
− | + | background-color: #FFFFFF; | |
− | + | ||
} | } | ||
− | + | } | |
− | + | @media screen and (max-width: 1255px) { | |
− | + | body { | |
− | + | padding-top: 65px; | |
− | + | ||
− | + | ||
} | } | ||
+ | } | ||
+ | @media screen and (max-width: 996px) { | ||
+ | body { | ||
+ | padding-top: 115px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width: 879px) { | ||
+ | body { | ||
+ | padding-top: 165px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width: 767px) { | ||
+ | body { | ||
+ | padding-top: 8px; | ||
+ | } | ||
+ | } | ||
+ | #globalWrapper { | ||
+ | font-size: 100%; | ||
+ | margin: auto; | ||
+ | float: none; | ||
+ | } | ||
+ | #content { | ||
+ | width: 100%; | ||
+ | float: none; | ||
+ | margin-top: -10px; | ||
+ | } | ||
[class*="col-"], footer { | [class*="col-"], footer { | ||
background-color: #FFFFFF; | background-color: #FFFFFF; | ||
− | border: | + | border: none; |
line-height: 40px; | line-height: 40px; | ||
text-align: center; | text-align: center; | ||
Line 46: | Line 118: | ||
line-height: 200px; | line-height: 200px; | ||
font-size: 25px; | font-size: 25px; | ||
− | + | } | |
#mainContainer { | #mainContainer { | ||
− | width: | + | width: 100%; |
overflow:hidden; | overflow:hidden; | ||
float:none; | float:none; | ||
Line 56: | Line 128: | ||
font-family: "Avenir Next","Trebuchet MS", Helvetica, sans-serif; | font-family: "Avenir Next","Trebuchet MS", Helvetica, sans-serif; | ||
} | } | ||
+ | .container { | ||
+ | width:auto; | ||
+ | height:auto; | ||
+ | max-width:100%; | ||
+ | margin-right: 5%; | ||
+ | margin-left: 5%; | ||
+ | } | ||
+ | .contenu { | ||
+ | width:auto; | ||
+ | height:auto; | ||
+ | max-width:100%; | ||
+ | margin-right: 5%; | ||
+ | margin-left: 5%; | ||
+ | } | ||
/* Menu de la page de garde */ | /* Menu de la page de garde */ | ||
− | # | + | #item { |
− | line-height: | + | box-shadow: 0px 5px 5px #0b3d79; |
+ | margin-bottom:15px; | ||
+ | } | ||
+ | #itemTitre { | ||
+ | line-height: 50px; | ||
+ | /*border-width:2px; | ||
+ | border-style:groove; | ||
+ | border-color:#8dafdc; | ||
border: 9px solid white; | border: 9px solid white; | ||
− | background-color: # | + | background-color: #396DB4; |
+ | box-shadow: 0px 5px 5px #0b3d79;*/ | ||
font-size:20px; | font-size:20px; | ||
+ | padding: 5px; | ||
} | } | ||
− | + | #itemImg { | |
− | # | + | line-height: 150px; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | line-height: | + | |
− | + | ||
− | + | ||
font-size:20px; | font-size:20px; | ||
} | } | ||
− | + | .wrap { | |
− | + | float:left; | |
− | + | position:relative; | |
+ | width:300px; | ||
+ | height:700px; | ||
+ | margin:20px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .resume { | ||
+ | text-align:justify; | ||
+ | font-size:18px; | ||
+ | padding-top: 5px; | ||
+ | padding-right: 7%; | ||
+ | padding-bottom: 5%; | ||
+ | padding-left: 7%; | ||
} | } | ||
− | + | #itemDesc { | |
− | # | + | border: 3px solid #FFFFFF; |
− | + | /*line-height: 500px;*/ | |
− | + | /*height:500px;*/ | |
− | + | ||
font-size:20px; | font-size:20px; | ||
+ | margin-bottom:15px; | ||
} | } | ||
− | + | .desc_item{ | |
− | + | width:300px; | |
− | + | height:600px; | |
+ | text-align: left; | ||
} | } | ||
− | + | #front { | |
− | # | + | color: #FFFFFF; |
− | + | background-color: #ffffff; | |
− | + | } | |
− | + | .sleek { | |
− | + | top:0; | |
− | + | left:0; | |
− | + | position:absolute; | |
− | # | + | } |
− | + | /* Menu de la page de garde V2 */ | |
+ | #itemMenu { | ||
+ | margin-bottom:15px; | ||
+ | } | ||
+ | #itemMenuElement { | ||
+ | box-shadow: 0px 5px 5px #396DB4; | ||
+ | margin-bottom:15px; | ||
+ | border: 3px solid #396DB4; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /*barre de navigation */ | |
− | + | .navbar navbar-default navbar-fixed-top { | |
+ | width:100%; | ||
} | } | ||
− | + | .nav navbar-nav { | |
− | + | border-right: 50px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .nav navbar-nav navbar-right { | |
− | + | border-right: 50px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .icon_for_title { | |
− | + | padding-right: 2px; | |
− | + | padding-bottom: 2px; | |
− | + | } | |
− | + | ||
+ | .logotwitterfb { | ||
+ | width: 25px; | ||
+ | height: 25px; | ||
+ | filter: grayscale(100%); | ||
+ | -webkit-filter: grayscale(100%); | ||
+ | -moz-filter: grayscale(100%); | ||
+ | -ms-filter: grayscale(100%); | ||
+ | -o-filter: grayscale(100%); | ||
} | } | ||
− | + | .logotwitterfb:hover { | |
− | + | filter: grayscale(0%); | |
− | + | -webkit-filter: grayscale(0%); | |
− | + | -moz-filter: grayscale(0%); | |
− | + | -ms-filter: grayscale(0%); | |
− | + | -o-filter: grayscale(0%); | |
− | + | ||
− | + | ||
} | } | ||
+ | .litwitterfb { | ||
+ | width:20%; | ||
+ | height:20%; | ||
+ | } | ||
− | + | /*Pour mettre les logos sponsors en noir et blanc */ | |
− | + | .sponsors { | |
− | + | filter: grayscale(100%); | |
+ | -webkit-filter: grayscale(100%); | ||
+ | -moz-filter: grayscale(100%); | ||
+ | -ms-filter: grayscale(100%); | ||
+ | -o-filter: grayscale(100%); | ||
+ | } | ||
+ | /*.sponsors img:hover { | ||
+ | filter: grayscale(0%); | ||
+ | -webkit-filter: grayscale(0%); | ||
+ | -moz-filter: grayscale(0%); | ||
+ | -o-filter: grayscale(0%); | ||
+ | -ms-filter: grayscale(0%); | ||
+ | }*/ | ||
− | /*barre de navigation */ | + | |
− | + | /*barre de navigation */ | |
− | + | ||
− | + | ||
− | + | ||
.navbar navbar-default navbar-fixed-top { | .navbar navbar-default navbar-fixed-top { | ||
width:100%; | width:100%; | ||
} | } | ||
+ | |||
+ | .navbar-default { | ||
+ | /* Au cas ou on ai besoin de changer la oculeur de fond */ | ||
+ | /*background-color: rgba(190, 198, 204, .5);*/ | ||
+ | } | ||
.logotwitterfb { | .logotwitterfb { | ||
Line 164: | Line 280: | ||
} | } | ||
.litwitterfb { | .litwitterfb { | ||
− | width: | + | width:20%; |
− | height: | + | height:20%; |
} | } | ||
− | + | ||
+ | .containernav-bar{ | ||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
− | + | padding-left: 15px; | |
− | + | padding-right: 15px; | |
− | + | width: 80%; | |
− | } | + | } |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | .navbar-brand { | ||
+ | font-family: Impact, fantasy; | ||
+ | font-size: 1.7em; | ||
+ | } | ||
− | + | /* bandeau de la barre de navigation */ | |
+ | .collapse navbar-collapse { | ||
+ | border-right: 50px; | ||
+ | width:80%; | ||
+ | } | ||
+ | #bs-example-navbar-collapse-1 { | ||
+ | border-right: 50px; | ||
+ | width:115%; | ||
+ | } | ||
+ | /* bandeau contenant le menu de la barre de navigation */ | ||
+ | .nav navbar-nav { | ||
+ | border-right: 50px; | ||
+ | } | ||
− | + | /* bandeau contenant les logos de la barre de navigation */ | |
− | + | .nav navbar-nav navbar-right { | |
− | + | border-right: 50px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* place des icones dans la barre de navigation */ | |
− | + | .icon_for_title { | |
− | + | padding-right: 2px; | |
− | + | padding-bottom: 2px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /*Titres et structures de page*/ | |
− | + | .titrepage { | |
− | + | font-family: Verdana, sans-serif; | |
− | + | font-size: 2.7em; | |
− | + | font-weight: normal; | |
− | + | font-stretch: condensed; | |
− | + | letter-spacing: normal; | |
− | + | text-transform: uppercase; | |
− | + | text-shadow: 1px 1px 1px #B2B2B2; | |
− | + | color: #03a6c5; | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .soustitrepage { | |
− | + | font-size: 1.5em; | |
− | + | font-family: Courier New | |
− | + | font-weight: 600; | |
− | + | margin-top: -10px; | |
− | + | padding: 0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .carregris { | |
+ | background-color: #f0f5f8; | ||
+ | border: 0px; | ||
+ | padding: 10px; | ||
+ | } | ||
− | + | /*page de garde du notebook, divs*/ | |
− | + | .week { | |
− | + | border: 1px solid white; | |
− | + | margin-bottom: 10px; | |
− | + | font-size:20px; | |
− | + | background-image:url(); | |
+ | background-repeat:none; | ||
+ | background-size:cover; | ||
+ | } | ||
+ | /*tag du menu notebook*/ | ||
+ | #tag { | ||
+ | font-color:#FFFFFF; | ||
+ | } | ||
+ | /*Human practice*/ | ||
+ | .jumbotron { | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | /*Footer*/ | ||
+ | .pieddepage { | ||
+ | width: 100%; | ||
+ | background-color: #F8F8F8; | ||
+ | -moz-box-shadow: 0px -1px 1px 0px #c0c0c0; | ||
+ | -webkit-box-shadow: 0px -1px 1px 0px #c0c0c0; | ||
+ | -o-box-shadow: 0px -1px 1px 0px #c0c0c0; | ||
+ | box-shadow: 0px -1px 1px 0px #c0c0c0; | ||
+ | } | ||
+ | </style> | ||
− | <!-- | + | <!-- End of CSS --> |
− | + | </head> | |
− | + | <!-- Start of the template html elements. --> | |
− | + | ||
− | + | ||
− | + | <body> | |
+ | <div id="container"> | ||
+ | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:16px;font-size:14px"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="containernav-bar"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="https://2015.igem.org/Team:Pasteur_Paris"><span style="color: #383838;">Plasti</span><span style="color: #00a4ca;">Cure</span></a> | ||
+ | </div> | ||
− | + | <!-- Collect the nav links, forms, and other content for toggling --> | |
− | + | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | |
− | + | <ul class="nav navbar-nav"> | |
− | + | <li class="dropdown"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Description"><img class="icon_for_title" src="https://static.igem.org/mediawiki/2015/c/cd/Pasteur_Paris_pill.png"/>Project</a></li> | |
− | + | <li class="dropdown"> | |
− | + | <a data-toggle="dropdown" href="#"><img class="icon_for_title" src="https://static.igem.org/mediawiki/2015/3/3c/Noun_25089_cc.png" style="height:20px;"/>Results<b class="caret"></b></a> | |
− | + | <ul class="dropdown-menu"> | |
− | + | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Design">Design</a></li> | |
+ | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Modeling">Modeling</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Measurement">Measurement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a data-toggle="dropdown" href="#"><img class="icon_for_title" src="https://static.igem.org/mediawiki/2015/1/15/Noun_15177.png" style="height:20px;"/>Tools<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Parts">Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Experiments">Methods</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"><a href="https://2015.igem.org/Team:Pasteur_Paris/Interlab_study"><img class="icon_for_title" src="https://static.igem.org/mediawiki/2015/6/60/Pasteur_Paris_IL.png"/>InterLab Study</a></li> | ||
− | + | <li class="dropdown"> | |
− | + | <a data-toggle="dropdown" href="https://2015.igem.org/Team:Pasteur_Paris/Practices"> <img class="icon_for_title" src="https://static.igem.org/mediawiki/2015/8/8d/Bald22.png"/>Practices<b class="caret"></b></a> | |
− | + | <ul class="dropdown-menu"> | |
− | + | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Practices">Human Practice</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Safety">Safety</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Collaborations">Collaborations </a></li> | |
− | + | </ul> | |
− | + | </li> | |
+ | <li class="dropdown"> | ||
+ | <a data-toggle="dropdown" href="#"><img class="icon_for_title" src="https://static.igem.org/mediawiki/2015/f/f6/Noun_33096_cc.png" style="height:20px;"/>Team<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/About_us">About us</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Team">Members</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Attributions">Attribution</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Acknowledgements">Acknowledgements</a></li> | ||
+ | <li class="dropdown"><a href="https://2015.igem.org/Team:Pasteur_Paris/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li class="litwitterfb"> | ||
+ | <a href="https://twitter.com/igem_pasteur" target="_blank"><img class="logotwitterfb" src="https://static.igem.org/mediawiki/2015/e/e8/Twitter_iGEM_Pasteur_blue.png"/></a> </li> </a> | ||
+ | </li> | ||
+ | <li class="litwitterfb"> | ||
+ | <a href="https://www.facebook.com/pages/iGEM-Pasteur/367944320075674?fref=ts" target="_blank"><img class="logotwitterfb" src="https://static.igem.org/mediawiki/2015/1/11/Facebook_iGEM_Pasteur_blue.png"/></a> | ||
+ | </li> | ||
+ | <li class="litwitterfb"> | ||
+ | <a href="https://www.youtube.com/channel/UCM5KLW4XDbdusT28isf-UgA/feed" target="_blank"><img class="logotwitterfb" src="https://static.igem.org/mediawiki/2015/e/e3/IGEM_Pasteur_logo-YT_blue.png"/></a> | ||
+ | </li> | ||
+ | <li class="litwitterfb"> | ||
+ | <a href="http://www.pasteur.fr/en/teaching/student-internships/igem" target="_blank"><img class="logotwitterfb" src="https://static.igem.org/mediawiki/2015/2/29/IGEM_PAsteur_logo-page-IP_blue.png"/></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div><!-- /.navbar-collapse --> | ||
+ | </div><!-- /.containernav-bar --> | ||
+ | </div><!-- /.container-fluid --> | ||
+ | </nav> | ||
− | + | <div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.--> | |
− | + | <div id="container"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Latest revision as of 15:58, 16 September 2015