Difference between revisions of "Template:Pasteur Paris"
(95 intermediate revisions by 3 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"> | <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 --> | <!-- Chosen jQuery --> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js"></script> | <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--> | <!-- 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; | font-size:16px; | ||
padding-top: 15px; | padding-top: 15px; | ||
− | padding-left: | + | padding-left: 150px; |
padding-right: 150px; | padding-right: 150px; | ||
} | } | ||
− | + | a:hover { | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | a:active { | |
− | + | text-decoration: none; | |
− | } | + | } |
− | @media screen and (max-width: | + | 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 { | ||
Line 111: | 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 { | .contenu { | ||
width:auto; | width:auto; | ||
Line 188: | Line 212: | ||
/*barre de navigation */ | /*barre de navigation */ | ||
− | |||
− | |||
− | |||
− | |||
.navbar navbar-default navbar-fixed-top { | .navbar navbar-default navbar-fixed-top { | ||
width:100%; | width:100%; | ||
Line 209: | Line 229: | ||
width: 25px; | width: 25px; | ||
height: 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 { | .litwitterfb { | ||
Line 214: | Line 247: | ||
height:20%; | height:20%; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/*Pour mettre les logos sponsors en noir et blanc */ | /*Pour mettre les logos sponsors en noir et blanc */ | ||
Line 240: | Line 266: | ||
/*barre de navigation */ | /*barre de navigation */ | ||
− | |||
− | |||
− | |||
− | |||
.navbar navbar-default navbar-fixed-top { | .navbar navbar-default navbar-fixed-top { | ||
width:100%; | width:100%; | ||
Line 268: | Line 290: | ||
padding-right: 15px; | padding-right: 15px; | ||
width: 80%; | width: 80%; | ||
+ | } | ||
+ | |||
+ | .navbar-brand { | ||
+ | font-family: Impact, fantasy; | ||
+ | font-size: 1.7em; | ||
} | } | ||
Line 296: | Line 323: | ||
} | } | ||
− | /* | + | /*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; | border: 1px solid white; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
Line 336: | Line 359: | ||
background-repeat:none; | background-repeat:none; | ||
background-size:cover; | background-size:cover; | ||
− | + | } | |
− | + | /*tag du menu notebook*/ | |
− | + | #tag { | |
− | + | font-color:#FFFFFF; | |
− | + | } | |
− | + | /*Human practice*/ | |
− | + | .jumbotron { | |
− | + | font-size: 15px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*Footer*/ | /*Footer*/ | ||
Line 469: | Line 379: | ||
} | } | ||
− | </style> | + | </style> |
<!-- End of CSS --> | <!-- End of CSS --> | ||
+ | </head> | ||
− | + | <!-- Start of the template html elements. --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<body> | <body> | ||
− | + | <div id="container"> | |
<nav class="navbar navbar-default navbar-fixed-top" style="margin-top:16px;font-size:14px"> | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:16px;font-size:14px"> | ||
<div class="container-fluid"> | <div class="container-fluid"> | ||
Line 493: | Line 400: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
− | <a class="navbar-brand" href="https://2015.igem.org/Team:Pasteur_Paris"> | + | <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> | </div> | ||
Line 499: | Line 406: | ||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav"> | <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 href="https://2015.igem.org/Team:Pasteur_Paris/Description"><img class="icon_for_title" src="https://static.igem.org/mediawiki/2015/ | + | |
<li class="dropdown"> | <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> | <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"> | <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/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/Modeling">Modeling</a></li> | ||
<li><a href="https://2015.igem.org/Team:Pasteur_Paris/Measurement">Measurement</a></li> | <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Measurement">Measurement</a></li> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 517: | Line 423: | ||
</ul> | </ul> | ||
</li> | </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/ | + | <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"> | <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/ | + | <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"> | <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/Practices">Human Practice</a></li> | ||
Line 540: | Line 446: | ||
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
<li class="litwitterfb"> | <li class="litwitterfb"> | ||
− | <a href="https://twitter.com/igem_pasteur" target="_blank"><img class="logotwitterfb" src="https://static.igem.org/mediawiki/2015/ | + | <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> | ||
<li class="litwitterfb"> | <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/ | + | <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> | ||
<li class="litwitterfb"> | <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/ | + | <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> | ||
<li class="litwitterfb"> | <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/ | + | <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> | </li> | ||
</ul> | </ul> | ||
Line 556: | Line 462: | ||
</div><!-- /.container-fluid --> | </div><!-- /.container-fluid --> | ||
</nav> | </nav> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.--> | <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