Difference between revisions of "Template:Grenoble-Alpes/menu"

 
(48 intermediate revisions by 2 users not shown)
Line 22: Line 22:
 
/*style des onglets*/
 
/*style des onglets*/
 
                 .navi ul {           
 
                 .navi ul {           
−
                         text-transform : uppercase;
+
                         text-transform: uppercase;
 
                         font-family: 'Lato';
 
                         font-family: 'Lato';
 
                         font-size: 100%;  
 
                         font-size: 100%;  
Line 29: Line 29:
 
                 }
 
                 }
  
−
                 .navi ul {
+
                 .navi li {
 
                         list-style: none;   
 
                         list-style: none;   
 
                 }
 
                 }
Line 55: Line 55:
 
                 }
 
                 }
  
−
/*hover menu*/
+
.menu:hover {
−
              /* .menu:hover {
+
            border-top: 3px solid #3498db; /*bordure au dessus*/
−
                        border-top: 3px solid #3498db; /*bordure au dessus*/
+
}
−
                } */
+
 
−
                .navi li:hover {
+
−
                        border-top: 3px solid #3498db; /*bordure au dessus*/
+
−
                }
+
 
/*ne pas afficher les sous-menus */             
 
/*ne pas afficher les sous-menus */             
 
               .submenu {             
 
               .submenu {             
Line 78: Line 75:
 
                 .navi a {
 
                 .navi a {
 
                         display: inline-block;
 
                         display: inline-block;
 +
                        text-decoration: none;
 
                 }
 
                 }
  
Line 83: Line 81:
 
                 { /*pour pallier au problème de la bordure qui descend quand on passe la souris*/
 
                 { /*pour pallier au problème de la bordure qui descend quand on passe la souris*/
 
                         text-decoration: none;
 
                         text-decoration: none;
−
                         color : #ecf0f1;
+
                         color : #3498db;
 
                         padding: 2px 40px 5px 40px;
 
                         padding: 2px 40px 5px 40px;
−
                         background-color: #3498db;
+
                         background-color: #ecf0f1;
−
                        opacity: 0.4;
+
 
  
 
}
 
}
  
 
.submenu li { /*pour décrire le style du sous-menu */
 
.submenu li { /*pour décrire le style du sous-menu */
−
border-bottom: 1px solid #1F97C6;
+
border-bottom: 1px solid #3498db;
−
display: block;
+
 
}
 
}
 
 
Line 101: Line 98:
 
display: block;
 
display: block;
 
}
 
}
−
 
+
−
                .navi li:hover{ /*fond un peu transparent etc*/
+
             
−
border-top: 3px solid #1F97C6; /*bordure supérieure assez large*/
+
              .submenu {
−
/*background-color: #1F97C6;*/
+
                    background-color: #3498db;
−
+
              }
−
}
+
             
−
 
+
              .submenu li:hover {
−
.menu .submenu {
+
                    background-color: #3498db;
−
opacity: 0.5;
+
                    opacity: 0.5;
−
                      background-color: #FFF; /*fond de couleur sur les sous-menus*/
+
                }
−
}
+
−
+
−
                .submenu li:hover a { /*quand on passe la souris sur submenu=li on change a*/
+
−
color: #1F97C6;  
+
−
}
+
−
+
−
+
  
 
                 @-webkit-keyframes anim {
 
                 @-webkit-keyframes anim {
Line 163: Line 153:
 
                           text-align: center;
 
                           text-align: center;
 
                     }
 
                     }
 +
              .navi li:hover .submenu {
 +
                        position: relative;
 +
                        width : -webkit-fill-available;
 +
              }
 +
 
                     .navi ul li a, .navi ul li:hover a{
 
                     .navi ul li a, .navi ul li:hover a{
 
                           padding: 5px 0px;
 
                           padding: 5px 0px;
Line 190: Line 185:
 
                         <label for="menumobile" class="menumobile">MENU</label>
 
                         <label for="menumobile" class="menumobile">MENU</label>
 
                         <input type="checkbox" id="menumobile" role="button">
 
                         <input type="checkbox" id="menumobile" role="button">
−
<ul class="menu">
+
<ul>
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes">Home</a></li>
+
<li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes">Home</a></li>
−
                                 <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Team">Team</a>
+
                                 <li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/Team">Team</a>
 
                                       <ul class="submenu">
 
                                       <ul class="submenu">
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Team">Members</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Team">Members</a></li>
−
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Atrributions">Attributions</a></li>
+
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Attributions">Attributions</a></li>
−
                                          <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Acknowledgements">Acknowledgements</a></li>
+
 
                                       </ul></li>
 
                                       </ul></li>
−
<li> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Description"> Project </a>
+
<li class="menu"> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Description"> Project </a>
 
                                       <ul class="submenu">
 
                                       <ul class="submenu">
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Description">Description</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Description">Description</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Demonstrate">Results</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Demonstrate">Results</a></li>
 
                                       </ul></li>
 
                                       </ul></li>
−
<li> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Lab">Lab</a>
+
<li class="menu"> <a href="https://2017.igem.org/Team:Grenoble-Alpes/LabBook">Lab</a>
 
                                       <ul class="submenu">
 
                                       <ul class="submenu">
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/LabBook">LabBook</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/LabBook">LabBook</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Protocols">Protocols</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Protocols">Protocols</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Composite_Part">Composite part</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Composite_Part">Composite part</a></li>
 +
                                          <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Parts">Parts</a></li>
 
                                       </ul></li>
 
                                       </ul></li>
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Engineering">Engineering</a>
+
<li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/Measurement">Engineering</a>
 
                                       <ul class="submenu">
 
                                       <ul class="submenu">
−
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Engineering">Detection</a></li>
+
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Measurement">Detection</a></li>
−
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Microfluidics">Microfluidics</a></li>
+
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Fluid_Transfer">Fluid Transfer</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Temperature_Control">Temperature control</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Temperature_Control">Temperature control</a></li>
−
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Design">Design</a></li>
+
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Hardware">Hardware</a></li>
 
                                       </ul></li>
 
                                       </ul></li>
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Software">App</a></li>
+
<li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/Software">App</a></li>
−
<li> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Safety">Safety</a></li>
+
<li class="menu"> <a href="https://2017.igem.org/Team:Grenoble-Alpes/Safety">Safety</a></li>
−
<li><a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Silver">Human Practices</a>
+
<li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Silver">Human Practices</a>
 
                                       <ul class="submenu">
 
                                       <ul class="submenu">
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Silver">Human Practices</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/HP/Silver">Human Practices</a></li>
Line 224: Line 219:
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Collaborations">Collaborations</a></li>
 
                                           <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Collaborations">Collaborations</a></li>
 
                                       </ul></li>
 
                                       </ul></li>
−
                                 <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Notebook">Notebook</a></li>
+
                                 <li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes/Notebook">Notebook</a>
 +
                                    <ul class="submenu">
 +
                                          <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Notebook">Notebook</a></li>
 +
                                          <li><a href="https://2017.igem.org/Team:Grenoble-Alpes/Medals">Medal Criteria</a></li>
 +
                                      </ul></li>
 
</ul>
 
</ul>
 
           </div>
 
           </div>

Latest revision as of 20:56, 28 October 2017