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

Line 82: Line 82:
 
/* MENU LINKS */
 
/* MENU LINKS */
  
nav { /*pour cibler le style des listes du menu navigateur et pas des liens en général*/
+
.navbar { /*pour cibler le style des listes du menu navigateur et pas des liens en général*/
 
width:80%; /*pour agrandir le menu*/
 
width:80%; /*pour agrandir le menu*/
 
/*background-color:#424558;*/
 
/*background-color:#424558;*/
Line 89: Line 89:
 
}
 
}
 
 
nav > ul {
+
.navbar > ul {
 
margin: 0px;
 
margin: 0px;
 
padding: 0px;
 
padding: 0px;
 
}
 
}
 
 
nav > ul::after {
+
.navbar > ul::after {
 
content: "";
 
content: "";
 
display:block;
 
display:block;
Line 101: Line 101:
 
}
 
}
 
 
nav > ul > li {
+
.navbar > ul > li {
 
float:left; /*Bien positionner le menu*/
 
float:left; /*Bien positionner le menu*/
 
position: relative;
 
position: relative;
 
}
 
}
 
 
nav > ul > li > a
+
.navbar > ul > li > a
 
{
 
{
 
padding: 20px 30px;
 
padding: 20px 30px;
 
color:#18457D;
 
color:#18457D;
 
}
 
}
nav > ul > li:hover a{ /*pour pallier au problème de la bordure qui descend quand on passe la souris*/
+
.navbar > ul > li:hover a{ /*pour pallier au problème de la bordure qui descend quand on passe la souris*/
 
padding: 15px 30px 20px 30px;
 
padding: 15px 30px 20px 30px;
 
}
 
}
 
 
nav li {
+
.navbar li {
 
list-style-type:none;
 
list-style-type:none;
 
}
 
}
Line 123: Line 123:
 
}
 
}
 
 
nav a {
+
.navbar a {
 
display: inline-block;
 
display: inline-block;
 
text-decoration: none;
 
text-decoration: none;
 
}
 
}
 
 
nav li:hover .submenu{
+
.navbar li:hover .submenu{
 
/*change le style du submenu quand on passe la souris sur un élément li*/
 
/*change le style du submenu quand on passe la souris sur un élément li*/
 
display: inline-block;
 
display: inline-block;
Line 222: Line 222:
 
    
 
    
 
    
 
    
         <nav>
+
         <nav class="navbar">
 
<ul>
 
<ul>
 
<li class="menu"><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>

Revision as of 12:25, 27 June 2017