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

 
(293 intermediate revisions by 5 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-->
 
<!-- 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_inside {
−
                      position: relative;
+
                   margin-left: 20px;
−
                   }
+
              }
−
 
+
              #bars_box, #menu_BarsBox, h5{
−
                   #top_menu_under {
+
                  -webkit-box-sizing: initial; box-sizing: initial; line-height: normal;
−
                    border-bottom: 0px solid #000;
+
              }
−
                   }
+
              #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;
 
                     background-color: #FFFFFF;
Line 30: 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 36: Line 56:
 
                     }
 
                     }
 
                   }
 
                   }
−
                   @media screen and (max-width: 1312px) {
+
                   @media screen and (max-width: 1255px) {
 
                     body {
 
                     body {
−
                        background-color: #FFFFFF;
+
                      padding-top: 65px;
−
                        padding-top : 70px;
+
 
                     }
 
                     }
 
                   }
 
                   }
−
                  @media screen and (max-width: 1174px) {
+
                  @media screen and (max-width: 996px) {
 
                     body {
 
                     body {
−
                      //background-color: red;
+
                       padding-top: 115px;
−
                       padding-top: 120px;
+
 
                     }
 
                     }
 
                   }
 
                   }
−
                   @media screen and (max-width: 1038px) {
+
                   @media screen and (max-width: 879px) {
 
                     body {
 
                     body {
−
                      //background-color: green;
+
                       padding-top: 165px;
−
                      padding-top: 170px;
+
−
                    }
+
−
                  }
+
−
                  @media screen and (max-width: 864px) {
+
−
                    body {
+
−
                      //background-color: blue;
+
−
                       padding-top: 170px;
+
 
                     }
 
                     }
 
                   }
 
                   }
 
                   @media screen and (max-width: 767px) {
 
                   @media screen and (max-width: 767px) {
 
                     body {
 
                     body {
−
                      //background-color: violet;
+
                       padding-top: 8px;
−
                       padding-top: 10px;
+
 
                     }
 
                     }
−
                  }
 
−
 
−
 
−
                  #top_menu_inside {
 
−
                    margin: auto;
 
 
                   }
 
                   }
  
Line 77: Line 82:
 
                     float: none;
 
                     float: none;
 
                   }
 
                   }
−
 
  
 
                   #content {
 
                   #content {
 
                     width: 100%;
 
                     width: 100%;
 
                     float: none;
 
                     float: none;
−
                     margin-top: -10px;
+
                     margin-top: -18px;
 
                   }
 
                   }
  
Line 100: Line 104:
  
 
                   #mainContainer {   
 
                   #mainContainer {   
−
width: 70%;
+
width: 100%;
 
overflow:hidden;
 
overflow:hidden;
 
float:none;
 
float:none;
Line 117: Line 121:
  
 
/* Menu de la page de garde */
 
/* Menu de la page de garde */
−
                   #item {
+
                   .wrap {
−
                         box-shadow: 0px 5px 5px #0b3d79;
+
                         float:left;
−
                         margin-bottom:15px;
+
                        position:relative;
 +
                        width:300px;
 +
                        height:700px;
 +
                         margin:20px;
 +
                        overflow:hidden;
 
                   }
 
                   }
−
                   #itemTitre {
+
                   .resume {
−
                         line-height: 50px;
+
                         text-align:justify;
−
                         /*border-width:2px;
+
                         font-size:18px;
−
                         border-style:groove;
+
                         padding-top: 5px;
−
                         border-color:#8dafdc;
+
                         padding-right: 7%;
−
                         border: 9px solid white;
+
                         padding-bottom: 5%;
−
                        background-color: #61085E;
+
                         padding-left: 7%;
−
                         box-shadow: 0px 5px 5px #0b3d79;*/
+
−
                        font-size:20px;
+
−
                        padding: 5px;
+
 
                   }
 
                   }
−
                   #itemImg {
+
                   #itemDesc {
−
                         line-height: 150px;
+
                         border: 0px solid #FFFFFF;
 +
                        background-color: #DDE2E8;
 +
                        /*line-height: 500px;*/
 +
                        /*height:500px;*/
 
                         font-size:20px;
 
                         font-size:20px;
 +
                        margin-bottom:15px;
 +
                        margin-left:0px;
 +
                        margin-right:0px;
 +
                        margin-left:0px;
 +
                        padding: 0px;
 +
                  }
 +
                  .desc_item{
 +
                        width:100%;
 +
                        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 */
 
/* Menu de la page de garde V2 */
 
                   #itemMenu {
 
                   #itemMenu {
 
                         margin-bottom:15px;
 
                         margin-bottom:15px;
 +
                        width: 60%;
 
                   }
 
                   }
 
                   #itemMenuElement {
 
                   #itemMenuElement {
−
                         box-shadow: 0px 5px 5px #0b3d79;
+
                         box-shadow: 0px 5px 5px #396DB4;
 
                         margin-bottom:15px;
 
                         margin-bottom:15px;
−
                         border: 3px solid #61085E;
+
                         border: 3px solid #396DB4;
 
                   }
 
                   }
  
Line 157: 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%;
 
                   }
 
                   }
 +
 +
                .navbar-default {
 +
                      /* Change BG color */
 +
                      /*background-color: rgba(190, 198, 204, .5);*/
 +
                }
  
 
                 .logotwitterfb {
 
                 .logotwitterfb {
−
                        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 179: Line 221:
 
                       padding-left: 15px;
 
                       padding-left: 15px;
 
                       padding-right: 15px;
 
                       padding-right: 15px;
−
                       width: 70%;
+
                       width: 80%;
 
                 }
 
                 }
−
/* fond gris de la vidéo */
+
 
−
                 .jumbotron {
+
                .navbar-brand {
 +
                    font-family: Impact, fantasy;
 +
                    font-size: 1.7em;
 +
                }
 +
 
 +
          /* bandeau de la barre de navigation */
 +
              .collapse navbar-collapse {
 +
                      border-right: 50px;
 +
                      width:80%;
 +
              }
 +
              #bs-example-navbar-collapse-1 {
 +
                      border-right: 50px;
 +
                      width:115%;
 +
              }
 +
 
 +
            /* bandeau contenant le menu de la barre de navigation */
 +
              .nav navbar-nav {
 +
                      border-right: 50px;
 +
              }
 +
 
 +
            /* bandeau contenant les logos de la barre de navigation */
 +
              .nav navbar-nav navbar-right {
 +
                      border-right: 50px;
 +
              }
 +
 
 +
            /* place des icones dans la barre de navigation */
 +
                 .icon_for_title {
 +
                      padding-right: 2px;
 +
                      padding-bottom: 2px;
 +
                }
 +
            /* place de la banniere */
 +
                #banniere {
 
                       width:100%;
 
                       width:100%;
−
                       height:50%;
+
                       margin-left : 0px;
−
                }
+
                      margin-right : 0px;
−
                 
+
                      border-left: 0px;
−
</style>
+
                      border-right: 0px;
−
<!-- End of CSS -->
+
                      height:100%;
−
<!-- Start of the template html elements. -->
+
                      padding : 0px;
 +
                }
  
−
<header>
+
              /* Grille */
 +
              .row featurette {
 +
                      border: 0px;
 +
                }
 +
.desturate img:hover {
 +
  -webkit-filter: grayscale(0%);
 +
  -webkit-transition: .5s ease-in-out;
 +
  -moz-filter: grayscale(0%);
 +
  -moz-transition: .5s ease-in-out;
 +
  -o-filter: grayscale(0%);
 +
  -o-transition: .5s ease-in-out;
 +
}
  
−
</header>
+
.desturate img {
 +
  -webkit-filter: grayscale(100%);
 +
  -webkit-transition: .5s ease-in-out;
 +
  -moz-filter: grayscale(100%);
 +
  -moz-transition: .5s ease-in-out;
 +
  -o-filter: grayscale(100%);
 +
  -o-transition: .5s ease-in-out;
 +
}
  
−
<body>
+
                .carregris {
 +
                      background-color: #f0f5f8;
 +
                      border: 0px;
 +
                      padding: 10px;
 +
}
 +
 
 +
</style>
 +
<!-- End of CSS -->
 +
<!-- Start of the template html elements. -->
 +
</head>
 +
 
 +
<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%;">
 +
 
 +
<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.-->
 +
 +
 +
 +
 
  <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 208: Line 317:
 
               <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 214: 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/c/cd/Pasteur_Paris_pill.png"/>Project</a></li>
−
              <li class="dropdown"> <a  href="https://2015.igem.org/Team:Pasteur_Paris/Description">Project</a></li>
+
 
               <li class="dropdown">
 
               <li class="dropdown">
−
                   <a data-toggle="dropdown" href="#">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>
 
               <li class="dropdown">
 
               <li class="dropdown">
−
                   <a data-toggle="dropdown" href="#">Tools<b class="caret"></b></a>
+
                   <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">
 
                   <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/Parts">Parts</a></li>
Line 232: Line 340:
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
−
<li class="dropdown"><a href="https://2015.igem.org/Team:Pasteur_InterLab_Study">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"> 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/Collaborations"> Collaborations </a></li>
+
                                        <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/Ethics">Ethics</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/Safety">Safety</a></li>
 +
                                        <li><a href="https://2015.igem.org/Team:Pasteur_Paris/Collaborations">Collaborations </a></li>
 
                   </ul>
 
                   </ul>
 
               </li>
 
               </li>
 
               <li class="dropdown">
 
               <li class="dropdown">
−
                   <a data-toggle="dropdown" href="#">Team<b class="caret"></b></a>
+
                   <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">
 
                   <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/About_us">About us</a></li>
Line 252: Line 360:
 
                   </ul>
 
                   </ul>
 
               </li>
 
               </li>
−
 
 
−
              <li  class="dropdown"> <a href="https://2015.igem.org/Team:Pasteur_Paris/Science_is_FUN">Science is FUN!</a> </li>
 
 
            </ul>
 
            </ul>
 
            <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 273: Line 379:
 
               </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.-->
−
          <!-- Start of content -->
+
                          <div id="container">
 
</html>
 
</html>

Latest revision as of 01:56, 19 September 2015