Difference between revisions of "Template:Pasteur Paris"

 
(76 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">
 
                 <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>
 
<!-- en important boostrap, on a modifier l'aspect de la barre de navigation iGEM 2015, ce qui est contraire au nouveau réglement. Ce link corrige cette modification -->
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Stockholm/fixbootstrap.css?action=raw&ctype=text/css" type="text/css">
 
  
 
         <!-- 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">
+
              <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">
+
  <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.*/
                  <!-- Override border of igem top menu -->
+
              #top_menu_14, #top_menu_under, #top_menu_inside{
                  #globalWrapper, #content {
+
                  box-sizing: initial;  
                      width: 100%;
+
              }
                      border: 0px;
+
              #top_menu_14 {
                      position: relative;
+
                  box-sizing: initial;
                  }
+
              }
 
+
              #top_menu_inside {
                   #top_menu_under {
+
                  margin-left: 20px;
                    border-bottom: 0px solid #000;
+
              }
                  }
+
              #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 {
                    background-color: #FFFFFF;
 
 
                     font-family: "Avenir Next", Arial,sans-serif;
 
                     font-family: "Avenir Next", Arial,sans-serif;
 
                     margin-top: 50px;
 
                     margin-top: 50px;
                    margin-left: 100px;
 
                    margin-right: 300px;
 
 
                     font-size:16px;
 
                     font-size:16px;
 
                     padding-top: 15px;
 
                     padding-top: 15px;
                     padding-left: 100px;
+
                     padding-left: 150px;
                     padding-right: 300px;
+
                     padding-right: 150px;
 
                   }
 
                   }
  
<!-- Régler la taille de la fenêtre avec http://java.scripts-fr.com/scripts.php?js=23 -->
+
                a:hover {
                     @media screen and (max-width: 1800px) {
+
                     text-decoration: none;
                    body {
+
                  }
                        background-color: #FFFFFF;
+
                a:active {
                    }
+
                    text-decoration: none;
                     }
+
                  }
                     @media screen and (max-width: 1255px) {
+
                a:visited {
                    body {
+
                     text-decoration: none;
                      //background-color: red;
+
                  }
                      padding-top: 65px;
+
                a:focus {
                    }
+
                     text-decoration: none;
 +
                  }
 +
 
 +
                @media screen and (max-width: 1800px) {
 +
                    body {
 +
                      background-color: #FFFFFF;
 
                   }
 
                   }
                  @media screen and (max-width: 996px) {
+
                }
                    body {
+
                @media screen and (max-width: 1255px) {
                      //background-color: blue;
+
                body {
                      padding-top: 115px;
+
                  padding-top: 65px;
                    }
+
 
                   }
 
                   }
                  @media screen and (max-width: 879px) {
+
                }
                    body {
+
                @media screen and (max-width: 996px) {
                      //background-color:green;
+
                  body {
                      padding-top: 165px;
+
                    padding-top: 115px;
                    }
+
 
                   }
 
                   }
                  @media screen and (max-width: 767px) {
+
                }
                    body {
+
                @media screen and (max-width: 879px) {
                      //background-color: violet;
+
                  body {
                      padding-top: 8px;
+
                    padding-top: 165px;
                    }
+
 
                   }
 
                   }
 
+
                }
 
+
                @media screen and (max-width: 767px) {
                  #top_menu_inside {
+
                   body {
                    margin: auto;
+
                     padding-top: 8px;
                  }
+
 
+
                  #globalWrapper {
+
                    font-size: 100%;
+
                    margin: auto;
+
                    float: none;
+
                  }
+
 
+
 
+
                   #content {
+
                     width: 100%;
+
                    float: none;
+
                    margin-top: -10px;
+
 
                   }
 
                   }
 +
                }
 +
                #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 */
                  #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 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%;
 
                 }  
 
                 }  
                .containernav-bar{
 
                      margin-right: auto;
 
                      margin-left: auto;
 
                      padding-left: 15px;
 
                      padding-right: 15px;
 
                      width: 70%;
 
                }
 
  
 
/*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 */
                  #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 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:
 
               }
 
               }
  
/*NOTEBOOK semaine de manipulation*/  
+
/*Titres et structures de page*/
                  .menunotebook {
+
                .titrepage {
                      float: left;
+
                      font-family: Verdana, sans-serif;
                      position: fixed;
+
                      font-size: 2.7em;
                      left: 0px;
+
                      font-weight: normal;
                      bottom: 2%;
+
                      font-stretch: condensed;
                      top: 8%;
+
                      letter-spacing: normal;
                      width: 4%;
+
                      text-transform: uppercase;
                      margin-bottom:-50px;
+
                      text-shadow: 1px 1px 1px #B2B2B2;
                  }
+
                      color: #03a6c5;
                 
+
                      margin: 0;
 +
                      padding: 0;
 +
}
  
/*page de garde du notebook, divs*/
+
                .soustitrepage {
                #week_1 {
+
                      font-size: 1.5em;
                        /*line-height: 100px;*/
+
                      font-family: Courier New
                        border: 1px solid white;
+
                      font-weight: 600;
                        margin-bottom: 10px;
+
                      margin-top: -10px;
                        font-size:20px;
+
                      padding: 0;
                        /*background-image:url(https://static.igem.org/mediawiki/2015/4/45/Photo_week_1_iGEM_Pasteur.JPG);*/
+
}                
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
  
                  #week_2{
+
                .carregris {
                        /*line-height: 100px;*/
+
                      background-color: #f0f5f8;
                        border: 1px solid white;
+
                      border: 0px;
                        margin-bottom: 10px;
+
                      padding: 10px;
                        font-size:20px;
+
}
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
  
                #week_3{
+
/*page de garde du notebook, divs*/
                        /*line-height: 100px;*/
+
                .week {
 
                         border: 1px solid white;
 
                         border: 1px solid white;
 
                         margin-bottom: 10px;
 
                         margin-bottom: 10px;
Line 337: Line 359:
 
                         background-repeat:none;
 
                         background-repeat:none;
 
                         background-size:cover;
 
                         background-size:cover;
                  }
+
                }
 
+
               
+
                  #week_4{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_5{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_6{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_7{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_8{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_9{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_10{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_11{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_12{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_13{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_14{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
+
                  #week_15{
+
                        /*line-height: 100px;*/
+
                        border: 1px solid white;
+
                        margin-bottom: 10px;
+
                        font-size:20px;
+
                        background-image:url();
+
                        background-repeat:none;
+
                        background-size:cover;
+
                  }
+
 
/*tag du menu notebook*/
 
/*tag du menu notebook*/
 
                 #tag {
 
                 #tag {
 
                       font-color:#FFFFFF;
 
                       font-color:#FFFFFF;
 +
                }
 +
/*Human practice*/
 +
                .jumbotron {
 +
                      font-size: 15px;
 
                 }
 
                 }
 
 
Line 474: Line 379:
 
                   }
 
                   }
  
</style>
+
    </style>
  
  
 
<!-- End of CSS -->
 
<!-- End of CSS -->
 +
</head>
  
 
+
<!-- Start of the template html elements. -->
<!-- Start of the template html elements. -->
+
<header>
+
</header>
+
<!--Barre de navigation-->
+
  
 
<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 498: 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">Plasticure</a>
+
           <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 504: 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">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/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/2/27/IGEM_Pasteur_icone-test.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 522: 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/2/27/IGEM_Pasteur_icone-test.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/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 545: 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/6/6a/Twitter_iGEM_Pasteur.png"/></a> </li> </a>
+
                <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/b/b2/Facebook_iGEM_Pasteur.png"/></a>
+
                <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/1/1e/IGEM_Pasteur_logo-YT.png"/></a>
+
                <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/e/e1/IGEM_PAsteur_logo-page-IP.png"/></a>
+
                <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 561: Line 462:
 
               </div><!-- /.container-fluid -->
 
               </div><!-- /.container-fluid -->
 
                           </nav>
 
                           </nav>
 
 
<!-- <footer class="footer" style="border:none;">
 
  <div class="pieddepage">
 
  l<br/>l<br/>l<br/>l<br/>
 
  </div>
 
</footer> -->
 
  
 
<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">
+
                  <div id="container">
 
</html>
 
</html>

Latest revision as of 15:58, 16 September 2015