Difference between revisions of "Team:Pasteur Paris/Template:Home"

 
(34 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Template_All_Teams}}
 
{{Template_All_Teams}}
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
 
<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">
Line 8: Line 7:
  
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
<style type="text/css">
+
          <style type="text/css">
                  <!-- Override border of igem top menu -->
+
            /* 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. */
                  #globalWrapper, #content{
+
               #top_menu_14, #top_menu_under, #top_menu_inside{
                      width: 100%;
+
                   box-sizing: initial;
                      border: 0px;
+
                      position: relative;
+
                  }
+
 
+
                  #top_menu_under {
+
                    border-bottom: 0px solid #000;
+
                  }
+
 
+
              <!-- 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_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); font-family: arial, sans-serif; font-size: 12px; line-height: normal; margin-bottom: 0px; margin-top: 0px; font-weight: bold;
+
                   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 {  
 
               .accordion-content li {  
                   line-height: 18px; -webkit-box-sizing: initial; box-sizing: initial;
+
                   line-height: 18px;
 +
                  -webkit-box-sizing: initial;
 +
                  box-sizing: initial;
 
               }
 
               }
 
               .accordion-header, .active-header, .accordion-header_noaction {
 
               .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;  
+
                  -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 -->
+
             /*End fixed top pannel menu*/
 
+
 
                   body {
 
                   body {
 
                     background-color: #FFFFFF;
 
                     background-color: #FFFFFF;
Line 49: Line 51:
 
                   }
 
                   }
 
                    
 
                    
<!-- Régler la taille de la fenêtre avec http://java.scripts-fr.com/scripts.php?js=23 -->
 
 
                   @media screen and (max-width: 1800px) {
 
                   @media screen and (max-width: 1800px) {
 
                     body {
 
                     body {
Line 81: Line 82:
 
                     float: none;
 
                     float: none;
 
                   }
 
                   }
 
  
 
                   #content {
 
                   #content {
Line 121: Line 121:
  
 
/* Menu de la page de garde */
 
/* Menu de la page de garde */
                  #item {
 
                        box-shadow: 0px 5px 5px #0b3d79;
 
                        margin-bottom:15px;
 
                  }
 
                  #itemTitre {
 
                        line-height: 50px;
 
                        font-size:20px;
 
                        padding: 5px;
 
                  }
 
                  #itemImg {
 
                        line-height: 150px;
 
                        font-size:20px;
 
                  }
 
 
                   .wrap {
 
                   .wrap {
 
                         float:left;
 
                         float:left;
Line 151: Line 138:
 
                   }
 
                   }
 
                   #itemDesc {
 
                   #itemDesc {
                         border: 3px solid #FFFFFF;
+
                         border: 0px solid #FFFFFF;
 +
                        background-color: #DDE2E8;
 
                         /*line-height: 500px;*/
 
                         /*line-height: 500px;*/
 
                         /*height:500px;*/
 
                         /*height:500px;*/
 
                         font-size:20px;
 
                         font-size:20px;
 
                         margin-bottom:15px;
 
                         margin-bottom:15px;
 +
                        margin-left:0px;
 +
                        margin-right:0px;
 +
                        margin-left:0px;
 +
                        padding: 0px;
 
                   }
 
                   }
 
                   .desc_item{
 
                   .desc_item{
                         width:300px;
+
                         width:100%;
 
                         height:600px;
 
                         height:600px;
 
                         text-align: left;
 
                         text-align: left;
Line 174: Line 166:
 
                   #itemMenu {
 
                   #itemMenu {
 
                         margin-bottom:15px;
 
                         margin-bottom:15px;
 +
                        width: 60%;
 
                   }
 
                   }
 
                   #itemMenuElement {
 
                   #itemMenuElement {
Line 192: Line 185:
  
 
           /*barre de navigation */
 
           /*barre de navigation */
                  #top_menu_14 {
 
                        background-color: #000000;
 
                        border:none;
 
                  }
 
 
                 .navbar navbar-default navbar-fixed-top {
 
                 .navbar navbar-default navbar-fixed-top {
 
                         width:100%;
 
                         width:100%;
Line 201: Line 190:
  
 
                 .navbar-default {
 
                 .navbar-default {
                       /* Au cas ou on ai besoin de changer la oculeur de fond */
+
                       /* Change BG color */
 
                       /*background-color: rgba(190, 198, 204, .5);*/
 
                       /*background-color: rgba(190, 198, 204, .5);*/
 
                 }
 
                 }
Line 298: Line 287:
 
}
 
}
  
</style>
+
                .carregris {
<!-- End of CSS -->
+
                      background-color: #f0f5f8;
<!-- Start of the template html elements. -->
+
                      border: 0px;
 +
                      padding: 10px;
 +
}
  
<header>
+
</style>
 
+
<!-- End of CSS -->
</header>
+
<!-- Start of the template html elements. -->
 +
</head>
  
<body>
+
<body style="background-image: url(https://static.igem.org/mediawiki/2015/2/2e/Banni%C3%A8rehomepage_pasteurparis2015.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; background-size: 100%;">
  
<img id="banniere" src="https://static.igem.org/mediawiki/2015/9/9d/Bann2bis.jpg"/>  
+
<a href="#Abstract"><img id="banniere" src="https://static.igem.org/mediawiki/2015/2/29/Bann_spacer_pasteurparis2015.png"/></a>  
 
<div class="container"> <!--The closing tag for container should be placed at the bottom of each content page.-->
 
<div class="container"> <!--The closing tag for container should be placed at the bottom of each content page.-->
  
Line 331: Line 323:
 
         <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">Home</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/2/27/IGEM_Pasteur_icone-test.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/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/c/cd/Pasteur_Paris_pill.png"/>Project</a></li>
 
               <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>
                      <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Design">Design</a></li>
 
 
                   </ul>
 
                   </ul>
 
               </li>
 
               </li>
Line 350: Line 340:
 
                 </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/f/fa/Balls.png"/>InterLab Study</a></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 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/2/27/IGEM_Pasteur_icone-test.png"/>Practices<b class="caret"></b></a>-->
 
                                    <!-- <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/5/5b/Pasteur_Paris_Practices.png"/>Practices<b class="caret"></b></a> -->
 
 
                                     <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>
 
                                     <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">
Line 396: Line 383:
  
 
  <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.-->
          <!-- Start of content -->
+
                          <div id="container">
 
</html>
 
</html>

Latest revision as of 01:56, 19 September 2015