Difference between revisions of "Template:Pasteur Paris"
(43 intermediate revisions by 2 users not shown) | |||
Line 11: | Line 11: | ||
<!-- 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{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | top_menu_14, #top_menu_under, #top_menu_inside{ | + | |
box-sizing: initial; | box-sizing: initial; | ||
} | } | ||
Line 31: | Line 19: | ||
box-sizing: initial; | box-sizing: initial; | ||
} | } | ||
− | top_menu_inside { | + | #top_menu_inside { |
margin-left: 20px; | margin-left: 20px; | ||
} | } | ||
− | bars_box, #menu_BarsBox, h5{ | + | #bars_box, #menu_BarsBox, h5{ |
-webkit-box-sizing: initial; box-sizing: initial; line-height: normal; | -webkit-box-sizing: initial; box-sizing: initial; line-height: normal; | ||
} | } | ||
− | menu_BarsBox > h5 { | + | #menu_BarsBox > h5 { |
color: rgb(0, 0, 0); | color: rgb(0, 0, 0); | ||
font-family: arial, sans-serif; | font-family: arial, sans-serif; | ||
Line 59: | Line 47: | ||
margin: 0; | 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; | ||
Line 85: | Line 70: | ||
} | } | ||
− | + | @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 151: | 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 228: | 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 267: | 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 293: | 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 354: | Line 323: | ||
} | } | ||
− | /*Titres de page*/ | + | /*Titres et structures de page*/ |
.titrepage { | .titrepage { | ||
− | font-family: | + | font-family: Verdana, sans-serif; |
− | font-size: | + | font-size: 2.7em; |
− | font-weight: | + | font-weight: normal; |
+ | font-stretch: condensed; | ||
+ | letter-spacing: normal; | ||
+ | text-transform: uppercase; | ||
text-shadow: 1px 1px 1px #B2B2B2; | text-shadow: 1px 1px 1px #B2B2B2; | ||
color: #03a6c5; | color: #03a6c5; | ||
Line 372: | Line 344: | ||
padding: 0; | padding: 0; | ||
} | } | ||
+ | |||
+ | .carregris { | ||
+ | background-color: #f0f5f8; | ||
+ | border: 0px; | ||
+ | padding: 10px; | ||
+ | } | ||
/*page de garde du notebook, divs*/ | /*page de garde du notebook, divs*/ | ||
− | + | .week { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
border: 1px solid white; | border: 1px solid white; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
Line 392: | Line 359: | ||
background-repeat:none; | background-repeat:none; | ||
background-size:cover; | background-size:cover; | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*tag du menu notebook*/ | /*tag du menu notebook*/ | ||
#tag { | #tag { | ||
Line 543: | Line 379: | ||
} | } | ||
− | </style> | + | </style> |
Line 552: | Line 388: | ||
<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 573: | Line 410: | ||
<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 625: | 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