Difference between revisions of "Template:Pasteur Paris"

 
(489 intermediate revisions by 7 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>
  
<!-- Start of CSS-->
+
        <!-- Chosen jQuery -->
<style type="text/css">
+
                <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">
  
                   #top_menu_inside {
+
<!-- Start of CSS-->
                     margin: auto;
+
  <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 {
 +
                    font-family: "Avenir Next", Arial,sans-serif;
 +
                     margin-top: 50px;
 +
                    font-size:16px;
 +
                    padding-top: 15px;
 +
                    padding-left: 150px;
 +
                    padding-right: 150px;
 
                   }
 
                   }
  
                  #globalWrapper {
+
                a:hover {
                    font-size: 100%;
+
                    text-decoration: none;
                    margin: auto;
+
                  }
                    float: none;
+
                a:active {
                  }
+
                    text-decoration: none;
 +
                  }
 +
                a:visited {
 +
                    text-decoration: none;
 +
                  }
 +
                a:focus {
 +
                    text-decoration: none;
 +
                  }
  
                  #content {
+
                @media screen and (max-width: 1800px) {
                    width: 100%;
+
                    body {
                    float: none;
+
                      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: lightgreen;
+
                     background-color: #FFFFFF;
                     border: 2px solid black;
+
                     border: none;
 
                     line-height: 40px;
 
                     line-height: 40px;
 
                     text-align: center;
 
                     text-align: center;
 
                     paddin: 5px 5px 5px 5px;
 
                     paddin: 5px 5px 5px 5px;
                    }
+
                  }
  
 
                     .menu{
 
                     .menu{
                       background-color: lightblue;
+
                       background-color:#396DB4;
 
                       line-height: 200px;
 
                       line-height: 200px;
                    }
+
                      font-size: 25px;
 +
                  }
  
 
                   #mainContainer {   
 
                   #mainContainer {   
width: 70%;
+
width: 100%;
 
overflow:hidden;
 
overflow:hidden;
 
float:none;
 
float:none;
 
margin: auto;
 
margin: auto;
border-bottom: 14px solid #565656;
+
                        background-color: #ffffff;
border-right: 2px solid #565656;
+
font-family: "Avenir Next","Trebuchet MS", Helvetica, sans-serif;
border-left: 2px solid #565656;
+
border-top: 2px solid #565656;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
 
  }
 
  }
                   #menuprojet {
+
                  .container {
                         line-height: 200px;
+
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 */
 +
                   #item {
 +
                         box-shadow: 0px 5px 5px #0b3d79;
 +
                        margin-bottom:15px;
 
                   }
 
                   }
                   #menunotebook {
+
                   #itemTitre {
                         line-height: 200px;
+
                         line-height: 50px;
 +
                        /*border-width:2px;
 +
                        border-style:groove;
 +
                        border-color:#8dafdc;
 +
                        border: 9px solid white;
 +
                        background-color: #396DB4;
 +
                        box-shadow: 0px 5px 5px #0b3d79;*/
 +
                        font-size:20px;
 +
                        padding: 5px;
 
                   }
 
                   }
                   #menuresults {
+
                   #itemImg {
                         line-height: 200px;
+
                         line-height: 150px;
 +
                        font-size:20px;
 
                   }
 
                   }
                   .col-lg-3 {
+
                   .wrap {
                         line-height: 200px;
+
                        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;
 +
                        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%);
 
                 }
 
                 }
                 #menuteam {
+
 
                        line-height: 100px;
+
                 .logotwitterfb:hover {
                }
+
                    filter: grayscale(0%);
                #menuvideo {
+
                    -webkit-filter: grayscale(0%);
                        line-height: 100px;
+
                    -moz-filter: grayscale(0%);
                }
+
                    -ms-filter: grayscale(0%);
                #menublog {
+
                    -o-filter: grayscale(0%);
                        line-height: 100px;
+
 
                 }
 
                 }
 +
                .litwitterfb {
 +
                        width:20%;
 +
                        height:20%;
 +
                }
  
</style>
+
/*Pour mettre les logos sponsors en noir et blanc */
<!-- End of CSS -->
+
                .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%);
 +
                }*/
  
  
<!-- Start of the template html elements. -->
+
          /*barre de navigation */
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
                .navbar navbar-default navbar-fixed-top {
<div class="row">
+
                        width:100%;
  <div class="col-lg-2 menu">Menu</div>
+
                  }
  <div class="col-lg-10">
+
<img src = https://static.igem.org/mediawiki/2015/0/0a/Team_Pasteur_Paris_banner.JPG />
+
  </div>
+
</div>
+
  
+
                .navbar-default {
 +
                      /* Au cas ou on ai besoin de changer la oculeur de fond */
 +
                      /*background-color: rgba(190, 198, 204, .5);*/
 +
                }
  
 +
                .logotwitterfb {
 +
                        width: 25px;
 +
                        height: 25px;
 +
                }
 +
                .litwitterfb {
 +
                        width:20%;
 +
                        height:20%;
 +
                }
 +
 +
                .containernav-bar{
 +
                      margin-right: auto;
 +
                      margin-left: auto;
 +
                      padding-left: 15px;
 +
                      padding-right: 15px;
 +
                      width: 80%;
 +
                }
  
<!-- Start of menu -->
+
                .navbar-brand {
<div id="menuContainer">
+
                    font-family: Impact, fantasy;
 +
                    font-size: 1.7em;
 +
                }
  
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
/* bandeau de la barre de navigation */
<ul>
+
              .collapse navbar-collapse {
<a href="https://2015.igem.org/Team:Pasteur_Paris"><li>HOME</li></a>
+
                      border-right: 50px;
 +
                      width:80%;
 +
              }
 +
              #bs-example-navbar-collapse-1 {
 +
                      border-right: 50px;
 +
                      width:115%;
 +
              }
  
<a href="https://2015.igem.org/Team:Pasteur_Paris/Team"><li>TEAM</li></a>
+
/* bandeau contenant le menu de la barre de navigation */
 +
              .nav navbar-nav {
 +
                      border-right: 50px;
 +
              }
  
<a href="#"><li>PROJECT
+
/* bandeau contenant les logos de la barre de navigation */
            <ul>
+
              .nav navbar-nav navbar-right {
<a href="https://2015.igem.org/Team:Pasteur_Paris/Description"><li>Description</li></a>
+
                      border-right: 50px;
<a href="https://2015.igem.org/Team:Pasteur_Paris/Experiments"><li>Experiments &amp; Protocols</li></a> 
+
              }
<a href="https://2015.igem.org/Team:Pasteur_Paris/Results"><li>Results</li></a> 
+
<a href="https://2015.igem.org/Team:Pasteur_Paris/Design"><li>Design</li></a>
+
</ul>
+
</li></a>
+
  
<a href="#"><li>PARTS
+
/* place des icones dans la barre de navigation */
            <ul>
+
                .icon_for_title {
<a href="https://2015.igem.org/Team:Pasteur_Paris/Parts"><li>Team Parts</li></a>
+
                      padding-right: 2px;
<a href="https://2015.igem.org/Team:Pasteur_Paris/Basic_Part"><li>Basic Parts</li></a> 
+
                      padding-bottom: 2px;
<a href="https://2015.igem.org/Team:Pasteur_Paris/Composite_Part"><li>Composite Parts</li></a>
+
              }
<a href="https://2015.igem.org/Team:Pasteur_Paris/Part_Collection"><li>Part Collection</li></a> 
+
</ul>
+
</li></a>
+
  
<a href="https://2015.igem.org/Team:Pasteur_Paris/Notebook"><li>NOTEBOOK</li></a>
+
/*Titres et structures de page*/
     
+
                .titrepage {
<a href="https://2015.igem.org/Team:Pasteur_Paris/Attributions"><li>ATTRIBUTIONS</li></a>
+
                      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;
 +
}
  
<a href="https://2015.igem.org/Team:Pasteur_Paris/Collaborations"><li>COLLABORATIONS</li></a>
+
                .soustitrepage {
 +
                      font-size: 1.5em;
 +
                      font-family: Courier New
 +
                      font-weight: 600;
 +
                      margin-top: -10px;
 +
                      padding: 0;
 +
}                 
  
<a href="https://2015.igem.org/Team:Pasteur_Paris/Practices"><li>HUMAN PRACTICES</li></a>
+
                .carregris {
 +
                      background-color: #f0f5f8;
 +
                      border: 0px;
 +
                      padding: 10px;
 +
}
  
<a href="https://2015.igem.org/Team:Pasteur_Paris/Safety"><li>SAFETY</li></a>
+
/*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;
 +
                  }
  
<a href="https://2015.igem.org/Team:Pasteur_Paris/Modeling"><li>MODELING</li></a>
+
    </style>
  
<a href="https://2015.igem.org/Team:Pasteur_Paris/Measurement"><li>MEASUREMENT</li></a>
 
  
<a href="https://2015.igem.org/Team:Pasteur_Paris/Software"><li>SOFTWARE</li></a>
+
<!-- End of CSS -->
 +
</head>
  
<a href="https://2015.igem.org/Team:Pasteur_Paris/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
<!-- Start of the template html elements. -->
  
</ul>
+
<body>
</div>
+
<div id="container">
<!-- End of menu  -->
+
<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>
  
<!-- Start of content -->
+
        <!-- Collect the nav links, forms, and other content for toggling -->
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
+
        <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