82 lines
1.7 KiB
SCSS
82 lines
1.7 KiB
SCSS
@charset "UTF-8";
|
|
/******************************************************* NORMAL ITEM
|
|
**/
|
|
|
|
div#nav {
|
|
margin-bottom: 35px;
|
|
margin-top: 1px;
|
|
border-radius: 0 0 8px 8px;
|
|
padding-left: 10px;
|
|
> ul > li:first-child > a {
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
|
|
div#nav > ul {
|
|
border-color: transparent;
|
|
height: 40px;
|
|
overflow: unset;
|
|
padding: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
div#nav > ul > li a {
|
|
text-transform: uppercase;
|
|
color: #eee;
|
|
font-weight: normal;
|
|
padding: 0px 20px;
|
|
display: inline-block;
|
|
line-height: 2.8em;
|
|
-webkit-transition: background 0.5s, color 0.5s;
|
|
-moz-transition: background 0.5s, color 0.5s;
|
|
-ms-transition: background 0.5s, color 0.5s;
|
|
-o-transition: background 0.5s, color 0.5s;
|
|
transition: background 0.5s, color 0.5s;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Menu : item normal weight*/
|
|
div#nav > ul > li > a {
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* Sous-menu : item normal weight*/
|
|
div#nav > ul > li span {
|
|
font-weight: normal;
|
|
}
|
|
|
|
/******************************************************* SELECTED ITEM
|
|
**/
|
|
div#nav > ul > li.selected > a {
|
|
color: white;
|
|
text-decoration: none;
|
|
padding-bottom: 2px;
|
|
border-bottom: 2px solid #e42380;
|
|
}
|
|
|
|
/******************************************************* HOVER ITEM
|
|
**/
|
|
|
|
/* Permet d'afficher un soulignement rose
|
|
en dessous de l'élément sélectionné dans le menu*/
|
|
div#nav > ul > li > a:hover {
|
|
padding-bottom: 2px;
|
|
border-bottom: 2px solid #e42380;
|
|
}
|
|
|
|
div#nav ul ul:hover {
|
|
margin-top: 2px;
|
|
border-top: 2px solid #e42380;
|
|
}
|
|
|
|
/* Hover sur un item déjà sélectionné!*/
|
|
div#nav ul li.selected ul:hover {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
/* Hover on an item already selected*/
|
|
div#nav ul ul span:hover {
|
|
font-weight: normal;
|
|
text-decoration: underline;
|
|
}
|