Difference between revisions of "Template:Montpellier"

 
(94 intermediate revisions by 2 users not shown)
Line 37: Line 37:
  
 
.logo_vagineering_navbar {
 
.logo_vagineering_navbar {
 +
  padding: 1.5em 1em 1em 1em;
 +
  align-self: center;
 +
}
 +
 +
.logo_vagineering_navbar2 {
 
   padding: 1.5em 1em 1em 1em;
 
   padding: 1.5em 1em 1em 1em;
 
   align-self: center;
 
   align-self: center;
Line 65: Line 70:
 
   align-items: center;
 
   align-items: center;
 
   color : black;
 
   color : black;
   font-size: 1.4em;
+
   font-size: 1.5em;
 
}
 
}
  
Line 122: Line 127:
 
.logo_vagineering_navbar {
 
.logo_vagineering_navbar {
 
   height: 6em;
 
   height: 6em;
 +
}
 +
 +
.logo_vagineering_navbar2 {
 +
  height: 9em;
 +
}
 +
 +
.banniere {
 +
  width: 100%;
 +
  margin-bottom: 50px;
 
}
 
}
  
Line 131: Line 145:
  
 
#HQ_page p {
 
#HQ_page p {
   font-size: 12pt;
+
   font-size: 1.5em;
 
}
 
}
  
Line 142: Line 156:
 
#HQ_page section
 
#HQ_page section
 
{
 
{
   margin-left: 15%;
+
   margin-left: 17%;
   margin-right: 15%;
+
   margin-right: 17%;
 
   text-align: justify;
 
   text-align: justify;
 
   font-family: 'Didact Gothic', sans-serif;
 
   font-family: 'Didact Gothic', sans-serif;
Line 150: Line 164:
 
h1 {
 
h1 {
 
   color:#E64254;
 
   color:#E64254;
   font-size: 2.5em;
+
   font-size: 2.7em;
 
   text-transform: uppercase;
 
   text-transform: uppercase;
 
   font-family: 'Didact Gothic', sans-serif;
 
   font-family: 'Didact Gothic', sans-serif;
 +
  line-height: 1.5;
 
}
 
}
  
 
h2 {
 
h2 {
 
   color:#ea6171;
 
   color:#ea6171;
   font-size: 1.8em;
+
   font-size: 2em;
 
   margin-top: 50px;
 
   margin-top: 50px;
 
   margin-bottom: 50px;
 
   margin-bottom: 50px;
 
   font-family: 'Didact Gothic', sans-serif;
 
   font-family: 'Didact Gothic', sans-serif;
 +
  line-height: 1.5;
 
}
 
}
  
 
h3 {
 
h3 {
 
   color:#ed7885;
 
   color:#ed7885;
   font-size: 1.3em;
+
   font-size: 1.7em;
 
   font-family: 'Didact Gothic', sans-serif;
 
   font-family: 'Didact Gothic', sans-serif;
 +
  line-height: 1.5;
 
}
 
}
  
 
h4 {
 
h4 {
 
   color:#f08e9a;
 
   color:#f08e9a;
   font-size: 1.2em;
+
   font-size: 1.5em;
 
   font-family: 'Didact Gothic', sans-serif;
 
   font-family: 'Didact Gothic', sans-serif;
 +
  line-height: 1.5;
 
}
 
}
  
h1,h2,h3,h4 {
+
h1,h2,h3 {
 
text-align: center;
 
text-align: center;
 
}
 
}
Line 186: Line 204:
 
table {
 
table {
 
   margin: auto;
 
   margin: auto;
   font-size: 1.1em;
+
   font-size: 1.4em;
 
   border-collapse: collapse;
 
   border-collapse: collapse;
   width: 95%;
+
   width: 95% !important;
 +
  border: 2px solid #ddc0a8 !important;
 
}
 
}
  
 
td, th {
 
td, th {
   border: 2px solid #ddc0a8;
+
   border: 2px solid #ddc0a8 !important;
 
   padding: 8px;
 
   padding: 8px;
 
   text-align: center;
 
   text-align: center;
 +
  background-color: #FFFFFF !important;
 
}
 
}
  
Line 204: Line 224:
  
 
li {
 
li {
   font-size: 1.1em;
+
   font-size: 1.5em;
 
   line-height: 1.2;
 
   line-height: 1.2;
 
}
 
}
  
 
hr {
 
hr {
   width: 300px;
+
   width: 25%;
   margin: 50px auto 50px auto;
+
   margin: 5em auto 4em auto;
 
   border: none;
 
   border: none;
   border-top: 2px solid #557081;
+
   border-bottom: 2px solid #557081;
 
   border-radius: 6px;
 
   border-radius: 6px;
 
}
 
}
Line 229: Line 249:
 
}
 
}
  
/******LINKS***************************************************************************************************************************************************/
+
/******LINKMenu***************************************************************************************************************************************/
  
 
a:link {
 
a:link {
Line 246: Line 266:
 
   text-decoration: none;
 
   text-decoration: none;
 
   color: black;
 
   color: black;
 +
}
 +
/***************LINK********************************************************************************************************/
 +
.lien {
 +
color: #ea6171 !important;
 +
}
 +
 +
.lien:hover {
 +
text-decoration: underline !important;
 
}
 
}
  
Line 251: Line 279:
  
 
.references_title {
 
.references_title {
   color:#ea6171;
+
   color:#ea6171 !important;
 
   font-size: 1.5em;
 
   font-size: 1.5em;
 +
  border: 2px solid #ddc0a8 !important;
 +
  background-color: #f9f4eb !important;
 
}
 
}
  
 
.references_table {
 
.references_table {
   font-size: 1em;
+
   font-size: 1.3em;
 
   margin-top: 100px !important;
 
   margin-top: 100px !important;
 +
  width: 100% !important;
 
}
 
}
  
 
.references_left {
 
.references_left {
   border: none;
+
   border: none !important;
   border-left: 2px solid #ddc0a8;
+
   border-left: 2px solid #ddc0a8 !important;
 
}
 
}
  
 
.references_right {
 
.references_right {
   border: none;
+
   border: none !important;
   border-right: 2px solid #ddc0a8;
+
   border-right: 2px solid #ddc0a8 !important;
 
}
 
}
  
 
.references_bottom_left {
 
.references_bottom_left {
   border: none;
+
   border: none !important;
   border-bottom: 2px solid #ddc0a8;
+
   border-bottom: 2px solid #ddc0a8 !important;
   border-left: 2px solid #ddc0a8;
+
   border-left: 2px solid #ddc0a8 !important;
 
}
 
}
  
 
.references_bottom_right {
 
.references_bottom_right {
   border: none;
+
   border: none !important;
   border-bottom: 2px solid #ddc0a8;
+
   border-bottom: 2px solid #ddc0a8 !important;
   border-right: 2px solid #ddc0a8;
+
   border-right: 2px solid #ddc0a8 !important;
 
}
 
}
  
Line 299: Line 330:
 
.accordion {
 
.accordion {
 
     background-color: #fee7ea;
 
     background-color: #fee7ea;
     font-size: 1.2em;
+
     font-size: 1.5em;
 
     text-align: left;
 
     text-align: left;
 
     cursor: pointer;
 
     cursor: pointer;
Line 343: Line 374:
 
   text-align: left !important;
 
   text-align: left !important;
 
   color:#3a8f9c !important;
 
   color:#3a8f9c !important;
   font-size: 1.6em !important;
+
   font-size: 1.8em !important;
 
}
 
}
  
 
li table {
 
li table {
   font-size: 1em;
+
   font-size: 1.4em;
 
}
 
}
  
 
li p {
 
li p {
   font-size: 1em;
+
   font-size: 1.5em;
 
}
 
}
  
 
li li {
 
li li {
   font-size: 1em;
+
   font-size: 1.5em;
 
}
 
}
  
Line 408: Line 439:
 
}
 
}
  
/*********antibodies 2 colonnes********************************************************************************************************************************************/
+
/*********colonnes********************************************************************************************************************************************/
  
 
.deux_colonnes {
 
.deux_colonnes {
Line 422: Line 453:
 
.colonne_2 {
 
.colonne_2 {
 
   width: 50%;
 
   width: 50%;
 +
  margin-left: 15px;
 +
}
  
 +
.colonne_1_30 {
 +
  width: 30%;
 +
  margin-right: 15px;
 +
}
 +
 +
.colonne_2_70 {
 +
  width: 70%;
 
   margin-left: 15px;
 
   margin-left: 15px;
 +
}
 +
 +
/***********FIGURES************************************************************************************************************************************************************************/
 +
 +
figcaption {
 +
  font-size: 1.3em;
 +
}
 +
 +
.image_figure {
 +
  width: 100%;
 +
  display: block;
 +
  align-items: center;
 +
  margin: auto;
 +
}
 +
 +
.image_figure_70 {
 +
  width: 70%;
 +
  display: block;
 +
  align-items: center;
 +
  margin: auto;
 +
}
 +
 +
.image_figure_50 {
 +
  width: 50%;
 +
  display: block;
 +
  align-items: center;
 +
  margin: auto;
 +
}
 +
 +
.image_figure_30 {
 +
  width: 30%;
 +
  display: block;
 +
  align-items: center;
 +
  margin: auto;
 
}
 
}
  
Line 433: Line 507:
 
         <header>
 
         <header>
 
     <nav>
 
     <nav>
       <img class="logo_vagineering_navbar" src="https://static.igem.org/mediawiki/2018/1/19/T--Montpellier--logo_vagineering_sansnom.svg" alt="logo vagineering"/>
+
<img class="logo_vagineering_navbar2" src="https://static.igem.org/mediawiki/2018/5/55/T--Montpellier--vagineering_2018_mtp.png"/>
 +
       <!--<img class="logo_vagineering_navbar" src="https://static.igem.org/mediawiki/2018/1/19/T--Montpellier--logo_vagineering_sansnom.svg" alt="logo vagineering"/>-->
 
       <div class="menus">
 
       <div class="menus">
 
       <nav>
 
       <nav>
Line 442: Line 517:
 
         <div>
 
         <div>
 
           <a href="https://2018.igem.org/Team:Montpellier/Description">Description</a>
 
           <a href="https://2018.igem.org/Team:Montpellier/Description">Description</a>
           <a href="https://2018.igem.org/Team:Montpellier/Antisperm/antibodies">Anti-sperm antibodies</a>
+
           <a href="https://2018.igem.org/Team:Montpellier/Antisperm/antibodies">Antisperm antibodies</a>
          <a>Peptides</a>
+
           <a href="https://2018.igem.org/Team:Montpellier/Peptides">Peptides</a>
           <a href="https://2018.igem.org/Team:Montpellier/Design">Designs</a>
+
           <a href="https://2018.igem.org/Team:Montpellier/L_jensenii"><i>Lactobacillus jensenii</i></a>
           <a href="https://2018.igem.org/Team:Montpellier/Demonstrate">Analysis of spermatozoa motility</a>
+
 
           <a href="https://2018.igem.org/Team:Montpellier/Results">Conclusions</a>
 
           <a href="https://2018.igem.org/Team:Montpellier/Results">Conclusions</a>
           <a>Perspectives</a>
+
           <a href="https://2018.igem.org/Team:Montpellier/Perspectives">Perspectives</a>
 
         </div>
 
         </div>
 
       </nav>
 
       </nav>
 
       <nav>
 
       <nav>
         <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/5/52/T--Montpellier--3_icone_modelling_mtp.svg" alt=""/>Bioinformatic & Modelling</a>
+
         <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/5/52/T--Montpellier--3_icone_modelling_mtp.svg" alt=""/>DryLab</a>
 
         <div>
 
         <div>
           <a>Bioinformatic</a>
+
           <!--<a href="https://2018.igem.org/Team:Montpellier/Bioinformatic">DryLab</a>-->
           <a href="https://2018.igem.org/Team:Montpellier/Model">Modelling</a>
+
           <a href="https://2018.igem.org/Team:Montpellier/Model">Modeling</a>
           <a>Software</a>
+
           <a href="https://2018.igem.org/Team:Montpellier/Tracking/Software">Tracking Software</a>
 
         </div>
 
         </div>
 
       </nav>
 
       </nav>
 
       <nav>
 
       <nav>
         <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/4/41/T--Montpellier--4_icone_experiment_mtp.svg" alt=""/>Experiments</a>
+
         <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/4/41/T--Montpellier--4_icone_experiment_mtp.svg" alt=""/>WetLab</a>
 
         <div>
 
         <div>
           <a href="https://2018.igem.org/Team:Montpellier/Notebook">Notebook</a>
+
           <!--<a href="https://2018.igem.org/Team:Montpellier/Notebook">Notebook</a>-->
 
           <a href="https://2018.igem.org/Team:Montpellier/Protocols">Protocols</a>
 
           <a href="https://2018.igem.org/Team:Montpellier/Protocols">Protocols</a>
           <a href="https://2018.igem.org/Team:Montpellier/InterLab">Interlab</a>
+
          <a href="https://2018.igem.org/Team:Montpellier/Toolbox">Toolbox</a>
 +
          <a href="https://2018.igem.org/Team:Montpellier/WetLab_ASA">Antisperm Antibodies</a>
 +
          <a href="https://2018.igem.org/Team:Montpellier/WetLab_Peptides">Peptides</a>
 +
          <a href="https://2018.igem.org/Team:Montpellier/Demonstrate">Sperm Motility Assay</a>
 +
           <a href="https://2018.igem.org/Team:Montpellier/InterLab">InterLab</a>
 
         </div>
 
         </div>
 
       </nav>
 
       </nav>
 
       <nav>
 
       <nav>
         <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/a/a8/T--Montpellier--5_icone_parts_mtp.svg" alt=""/>Parts</a>
+
         <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/1/10/T--Montpellier--6_icone_HP_safety_mtp.svg" alt=""/>Human Practices</a>
 
         <div>
 
         <div>
           <a href="https://2018.igem.org/Team:Montpellier/Parts">Parts</a>
+
           <a href="https://2018.igem.org/Team:Montpellier/Human_Practices">Integrated human practices</a>
           <a "https://2018.igem.org/Team:Montpellier/Improve">Improve</a>
+
           <a href="https://2018.igem.org/Team:Montpellier/Public_Engagement"> Education & Public Engagement</a>
 +
          <a href="https://2018.igem.org/Team:Montpellier/Ethics">Ethics</a>
 
         </div>
 
         </div>
 
       </nav>
 
       </nav>
      <nav>
+
<nav>
         <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/1/10/T--Montpellier--6_icone_HP_safety_mtp.svg" alt=""/>Human practices & Biosafety</a>
+
         <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/a/a8/T--Montpellier--5_icone_parts_mtp.svg" alt=""/>Parts</a>
 
         <div>
 
         <div>
           <a href="https://2018.igem.org/Team:Montpellier/Human_Practices">Education & Engagement</a>
+
           <a href="https://2018.igem.org/Team:Montpellier/Parts">Parts</a>
          <a href="https://2018.igem.org/Team:Montpellier/Safety">Biosafety</a>
+
 
         </div>
 
         </div>
 
       </nav>
 
       </nav>
Line 486: Line 564:
 
           <a href="https://2018.igem.org/Team:Montpellier/Attributions">Attributions</a>
 
           <a href="https://2018.igem.org/Team:Montpellier/Attributions">Attributions</a>
 
           <a href="https://2018.igem.org/Team:Montpellier/Collaborations">Collaborations</a>
 
           <a href="https://2018.igem.org/Team:Montpellier/Collaborations">Collaborations</a>
 +
          <a href="https://2018.igem.org/Team:Montpellier/Sponsors">Sponsors</a>
 +
        </div></nav>
 +
<nav>
 +
        <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/7/7d/T--Montpellier--icone_achievements_mtp.svg" alt=""/>Achievements</a>
 +
        <div>
 +
          <a href="https://2018.igem.org/Team:Montpellier/Award">Award</a>
 +
          <a href="https://2018.igem.org/Team:Montpellier/Medals">Medals</a>
 
         </div>
 
         </div>
 +
      </nav>
 
       </div>
 
       </div>
 +
 +
<img class="logo_vagineering_navbar" src="https://static.igem.org/mediawiki/2018/1/16/T--Montpellier--Logo_UM.png"/>
 +
 
       </nav>
 
       </nav>
  

Latest revision as of 19:04, 5 December 2018