Difference between revisions of "Template:Montpellier"

 
(146 intermediate revisions by 3 users not shown)
Line 8: Line 8:
 
<link href="https://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet">
  
−
     </head>
+
      
  
  
Line 23: Line 23:
  
 
/*Barre de navigation ******************************************************************************************************************************************************/
 
/*Barre de navigation ******************************************************************************************************************************************************/
−
 
−
* {
 
−
  font-family: 'Didact Gothic', sans-serif;
 
−
  font-weight: normal;
 
−
  font-style: normal;
 
−
}
 
−
 
−
body {
 
−
  margin: 0;
 
−
  padding: 0;
 
−
  font-family: 'Didact Gothic', sans-serif;
 
−
}
 
  
 
header > nav {
 
header > nav {
Line 49: 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 77: Line 70:
 
   align-items: center;
 
   align-items: center;
 
   color : black;
 
   color : black;
−
    
+
   font-size: 1.5em;
 
}
 
}
  
Line 129: Line 122:
  
 
.icone_navbar {
 
.icone_navbar {
−
   height: 5em;
+
   height: 3em;
 
}
 
}
  
 
.logo_vagineering_navbar {
 
.logo_vagineering_navbar {
−
   height: 8em;
+
   height: 6em;
 
}
 
}
  
 +
.logo_vagineering_navbar2 {
 +
  height: 9em;
 +
}
  
−
/*Liens hypertextes**********************************************************************************************************/
+
.banniere {
 +
  width: 100%;
 +
  margin-bottom: 50px;
 +
}
  
−
a:link
+
/*formatage_du_texte*************************************************************************************************************************************************/
−
{ color: black; /*par exemple, pour le comportement standart*/ } a:hover { color: red; /* pour le passage de la souris*/ }
+
  
 +
#HQ_page *, #HQ_page p, #HQ_page h1, #HQ_page h2, #HQ_page h3, #HQ_page h4, #HQ_page h5, #HQ_page h6 {
 +
  font-family: 'Didact Gothic', sans-serif;
 +
}
  
−
/*formatage du texte**************************************************************************************************************************/
+
#HQ_page p {
 +
  font-size: 1.5em;
 +
}
  
−
section
+
body {
 +
  margin: 0;
 +
  padding: 0;
 +
  font-family: 'Didact Gothic', sans-serif;
 +
}
 +
 
 +
#HQ_page section
 
{
 
{
−
   margin-left: 150px;
+
   margin-left: 17%;
−
   margin-right: 150px;
+
   margin-right: 17%;
 
   text-align: justify;
 
   text-align: justify;
 +
  font-family: 'Didact Gothic', sans-serif;
 
}
 
}
  
 
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;
 +
  line-height: 1.5;
 
}
 
}
  
 
h3 {
 
h3 {
 
   color:#ed7885;
 
   color:#ed7885;
−
   font-size: 1.3em;
+
   font-size: 1.7em;
 +
  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;
 +
  line-height: 1.5;
 
}
 
}
  
−
h1,h2,h3,h4 {
+
h1,h2,h3 {
 
text-align: center;
 
text-align: center;
 
}
 
}
  
 
p {
 
p {
−
font-size: 1.1em;
 
 
padding: 0px;
 
padding: 0px;
 +
        font-family: 'Didact Gothic', sans-serif;
 
}
 
}
  
 
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 206: 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 247:
 
.bold {
 
.bold {
 
   font-weight: bold;
 
   font-weight: bold;
 +
}
 +
 +
/******LINKMenu***************************************************************************************************************************************/
 +
 +
a:link {
 +
  color: black;
 +
}
 +
 +
a:visited {
 +
  color: black;
 +
}
 +
 +
a:active {
 +
  color: black;
 +
}
 +
 +
a:hover {
 +
  text-decoration: none;
 +
  color: black;
 +
}
 +
/***************LINK********************************************************************************************************/
 +
.lien {
 +
color: #ea6171 !important;
 +
}
 +
 +
.lien:hover {
 +
text-decoration: underline !important;
 
}
 
}
  
Line 234: 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;
 +
  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 275: Line 324:
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
−
}
 
−
 
−
.ordinateur {
 
−
    text-align : center;
 
−
}
 
−
 
−
 
−
 
−
/* .fleche{
 
−
    justify-content: center;
 
−
    position:fixed;
 
−
    vertical-align:middle;
 
−
    z-index:10;
 
−
    width:2%;
 
−
    top:42%;
 
−
    right:30px;
 
−
}
 
−
 
−
.fleche :hover{
 
−
  color: #3298CB;
 
−
} */
 
−
 
−
/******FOOTER************************************************************************************************************************************************/
 
−
 
−
footer {
 
−
  margin-top: 70px;
 
−
}
 
−
 
−
.p_footer
 
−
{
 
−
    margin: none !important;
 
−
    padding: none !important;
 
−
}
 
−
 
−
.footer_snetwork
 
−
{
 
−
    border-top: solid 1px black;
 
−
    margin-top: 10px;
 
−
    padding-top: 20px;
 
−
    display: flex;
 
−
    justify-content: space-around;
 
−
}
 
−
 
−
#conteneur
 
−
{
 
−
    display: flex;
 
−
    flex-wrap: wrap;
 
−
    justify-content: space-around;
 
−
}
 
−
 
−
.lienimage
 
−
{
 
−
    text-decoration: none !important;
 
−
}
 
−
 
−
.image_snetwork
 
−
{
 
−
    height: 60px;
 
−
    padding: 1% 3%;
 
−
    opacity : 0.5;
 
−
    filter: grayscale(100%);
 
−
}
 
−
 
−
/************FA_ICONS_REACTIVE****************************************************************************************************************************************************/
 
−
 
−
.fa-facebook
 
−
{
 
−
    -o-transition:.5s;
 
−
    -ms-transition:.5s;
 
−
    -moz-transition:.5s;
 
−
    -webkit-transition:.5s;
 
−
    transition: .5s;
 
−
    color: #000000;
 
−
}
 
−
 
−
.fa-facebook:hover
 
−
{
 
−
    color: #e64254;
 
−
}
 
−
 
−
.fa-instagram
 
−
{
 
−
    -o-transition:.5s;
 
−
    -ms-transition:.5s;
 
−
    -moz-transition:.5s;
 
−
    -webkit-transition:.5s;
 
−
    transition: .5s;
 
−
    color: #000000;
 
−
}
 
−
 
−
.fa-instagram:hover
 
−
{
 
−
    color: #e64254;
 
−
}
 
−
 
−
.fa-twitter-square
 
−
{
 
−
    -o-transition:.5s;
 
−
    -ms-transition:.5s;
 
−
    -moz-transition:.5s;
 
−
    -webkit-transition:.5s;
 
−
    transition: .5s;
 
−
    color: #000000;
 
−
}
 
−
 
−
.fa-twitter-square:hover
 
−
{
 
−
    color: #e64254;
 
−
}
 
−
 
−
.fa-home
 
−
{
 
−
    -o-transition:.5s;
 
−
    -ms-transition:.5s;
 
−
    -moz-transition:.5s;
 
−
    -webkit-transition:.5s;
 
−
    transition: .5s;
 
−
    color: #000000;
 
−
}
 
−
 
−
.fa-home:hover
 
−
{
 
−
    color: #e64254;
 
−
}
 
−
 
−
.fa-heart
 
−
{
 
−
    -o-transition:.5s;
 
−
    -ms-transition:.5s;
 
−
    -moz-transition:.5s;
 
−
    -webkit-transition:.5s;
 
−
    transition: .5s;
 
−
    color: #000000;
 
−
}
 
−
 
−
.fa-heart:hover
 
−
{
 
−
    color: #e64254;
 
−
}
 
−
 
−
.fa-envelope
 
−
{
 
−
    -o-transition:.5s;
 
−
    -ms-transition:.5s;
 
−
    -moz-transition:.5s;
 
−
    -webkit-transition:.5s;
 
−
    transition: .5s;
 
−
    color: #000000;
 
−
}
 
−
 
−
.fa-envelope:hover
 
−
{
 
−
    color: #e64254;
 
−
}
 
−
 
−
.fa-map-marker-alt
 
−
{
 
−
    -o-transition:.5s;
 
−
    -ms-transition:.5s;
 
−
    -moz-transition:.5s;
 
−
    -webkit-transition:.5s;
 
−
    transition: .5s;
 
−
    color: #000000;
 
−
}
 
−
 
−
.fa-map-marker-alt:hover
 
−
{
 
−
    color: #e64254;
 
−
}
 
−
 
−
/******************************FA_ICONS************************************************************************************************************************************************/
 
−
 
−
.fab fa-facebook:before
 
−
{
 
−
    content: "\f09a";
 
−
}
 
−
 
−
.fab fa-instagram:before
 
−
{
 
−
    content: "\f16d";
 
−
}
 
−
 
−
.fab fa-twitter-square:before
 
−
{
 
−
    content: "\f081";
 
−
}
 
−
 
−
.fas fa-home:before
 
−
{
 
−
    content: "\f015";
 
−
}
 
−
 
−
.fas fa-heart:before
 
−
{
 
−
    content: "\f004";
 
−
}
 
−
 
−
.fas fa-map-marker-alt:before
 
−
{
 
−
    content: "\f3c5";
 
−
}
 
−
 
−
.fas fa-envelope:before
 
−
{
 
−
    content: "\f0e0";
 
−
}
 
−
 
−
.far fa-arrow-alt-circle-right:before
 
−
{
 
−
  content: "\f35a";
 
−
}
 
−
 
−
/******END_FA_ICONS*************************************************************************************************************************************************************************/
 
−
 
−
.usefull_links
 
−
{
 
−
    text-align: center;
 
−
    width: 33.3%;
 
−
}
 
−
 
−
.follow_us
 
−
{
 
−
    text-align: center;
 
−
    border-right: solid 1px black;
 
−
    border-left: solid 1px black;
 
−
    width: 33.3%;
 
−
}
 
−
 
−
.follow_us_icons
 
−
{
 
−
    display: flex;
 
−
    justify-content: space-around;
 
−
}
 
−
 
−
.contact_us
 
−
{
 
−
    text-align: center;
 
−
    width: 33.3%;
 
 
}
 
}
  
Line 519: 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 563: 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 582: Line 393:
 
.boxbox {
 
.boxbox {
 
   clear: both;
 
   clear: both;
−
   display: inline-block;
+
   display: flex;
 +
  flex-direction: row;
 +
  justify-content: space-around;
 +
  align-items: stretch;
 
   width: 100%;
 
   width: 100%;
 
   background-color: #FFFFFF;
 
   background-color: #FFFFFF;
Line 594: Line 408:
  
 
.boxes {
 
.boxes {
 +
  flex: 1;
 
   width: 23%;
 
   width: 23%;
−
  height: 615px;
 
 
   text-align: center;
 
   text-align: center;
 
   float: left;
 
   float: left;
Line 609: Line 423:
  
 
.cards {
 
.cards {
−
   width: 300px;
+
   width: 100%;
 
   /*width: 100%;
 
   /*width: 100%;
 
   height: auto;
 
   height: auto;
Line 625: Line 439:
 
}
 
}
  
−
/*********antibodies 2 colonnes********************************************************************************************************************************************/
+
/*********colonnes********************************************************************************************************************************************/
  
 
.deux_colonnes {
 
.deux_colonnes {
Line 639: 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;
 
}
 
}
  
 
</style>
 
</style>
 +
 +
</head>
  
 
  <body id="content">
 
  <body id="content">
 
         <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 657: 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 701: 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>
  
Line 713: Line 587:
 
/********NAVBAR************************************************************************************************************************************************************/
 
/********NAVBAR************************************************************************************************************************************************************/
  
−
   let animationDelay = 200; //in ms
+
   let animationDelay = 100; //in ms
  
 
   function appearEachChild(selector) {
 
   function appearEachChild(selector) {
Line 745: Line 619:
 
       menuLink.mouseenter(function() {
 
       menuLink.mouseenter(function() {
 
         subitemcontainer.css({left: menuLink.position().left, top: parseInt(menuLink.position().top, 10) + parseInt(menuLink.outerHeight(), 10) +
 
         subitemcontainer.css({left: menuLink.position().left, top: parseInt(menuLink.position().top, 10) + parseInt(menuLink.outerHeight(), 10) +
−
           parseInt(menuLink.css("margin-bottom"), 10)*2});
+
           parseInt(menuLink.css("margin-bottom"), 10)*2 + 1});
 
           subitemcontainer.css("display", "flex");
 
           subitemcontainer.css("display", "flex");
 
           appearEachChild(subitemcontainer);
 
           appearEachChild(subitemcontainer);

Latest revision as of 19:04, 5 December 2018