2015-10-20 20:10:38 +00:00
|
|
|
/*
|
2015-10-20 08:44:40 +00:00
|
|
|
*
|
|
|
|
|
* Gestion complète du MENU
|
|
|
|
|
* -------------------------------------
|
|
|
|
|
* 1. propriétés complémentaires #MENU
|
|
|
|
|
* 2. position textes
|
|
|
|
|
* 3. icônes
|
|
|
|
|
* 4. Labels
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*******************************************/
|
|
|
|
|
/*** 1. Propriétés complémentaires #MENU ***/
|
|
|
|
|
/*******************************************/
|
2015-10-20 20:10:38 +00:00
|
|
|
#HEADER #MENU a,
|
|
|
|
|
#HEADER a{
|
2015-10-20 08:44:40 +00:00
|
|
|
/* position */
|
|
|
|
|
display: block;
|
2015-10-20 20:10:38 +00:00
|
|
|
position: relative;
|
|
|
|
|
padding: 0 1em;
|
2015-10-20 08:44:40 +00:00
|
|
|
|
|
|
|
|
/* border */
|
2015-10-20 20:10:38 +00:00
|
|
|
border-bottom: 3px solid transparent;
|
2015-10-20 08:44:40 +00:00
|
|
|
|
|
|
|
|
/* foreground */
|
2015-10-20 20:10:38 +00:00
|
|
|
color: #fff;
|
|
|
|
|
line-height: 48px;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
letter-spacing: 1px;
|
2015-10-20 08:44:40 +00:00
|
|
|
|
2015-10-20 20:10:38 +00:00
|
|
|
/* xTra */
|
|
|
|
|
cursor: pointer;
|
2015-10-20 08:44:40 +00:00
|
|
|
}
|
|
|
|
|
|
2015-10-20 20:10:38 +00:00
|
|
|
#HEADER #MENU a:nth-child(1):hover,
|
|
|
|
|
#HEADER a:hover{ background-color: #6c336d; }
|
|
|
|
|
#HEADER #MENU a:nth-child(2):hover{ background-color: #6eab2e; }
|
|
|
|
|
#HEADER #MENU a:nth-child(3):hover{ background-color: #f98012; }
|
|
|
|
|
#HEADER #MENU a:nth-child(4):hover{ background-color: #999999; }
|
|
|
|
|
#HEADER #MENU a:nth-child(5):hover{ background-color: #DD9F22; }
|
|
|
|
|
#HEADER #MENU a:nth-child(6):hover{ background-color: #4653b4; }
|
|
|
|
|
#HEADER #MENU a:nth-child(7):hover{ background-color: #a62a3e; }
|
|
|
|
|
#HEADER #MENU a:nth-child(8):hover{ background-color: #fb4b28; }
|
|
|
|
|
|
|
|
|
|
/***********************/
|
|
|
|
|
/* 2. Authentification */
|
|
|
|
|
/***********************/
|
