| onglet.css Feuille de style pour les onglets |
|
Définition du systême d'onglet onglet : définit la zone contenant les onglets selection : définit la zone d'un bandeau d'onglets dont les onglets non visibles sont accessibles par boîte de sélection clearboth : utilisé pour définir le saut de ligne entre le titre des onglets et leur contenu ongletcontenu : définit la zone contenu d'un onglet
/* style pour les onglets */
.onglet {
margin: 0;
padding: 0 0 22px 0px;
border-bottom: 10px solid @CODE_COULEUR_FONCE@ /* !ATTENTION! couleur en fonction du domaine */
}
.onglet ul, .onglet li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none
}
.onglet a:link, .onglet a:visited {
float: left;
line-height: 16px;
font-weight: bold;
font-size: 11px;
margin: 2px 1px 4px 0px;
text-decoration: none;
color: #000000;
border-bottom: 4px solid @CODE_COULEUR_FONCE@; /*!ATTENTION! couleur en fonction du domaine */
padding: 2px 12px 2px 12px;
background-color: #FFFFFF;
background-image: url('@URL_IMG_ImagesGrapheOnglet_coin@');
background-position: left top;
background-repeat: no-repeat
}
.onglet a:link.current, .onglet a:visited.current, .onglet a:hover {
border-bottom: 4px solid @CODE_COULEUR_FONCE@; /*!ATTENTION! couleur en fonction du domaine */
padding-bottom: 4px;
background: transparent;
color: #FFFFFF;
background-color: @CODE_COULEUR_FONCE@; /* !ATTENTION! couleur en fonction du domaine */
background-image: url('@URL_IMG_ImagesGrapheOnglet_coin@');
background-position: left top;
background-repeat: no-repeat
}
.selection {
float: left;
border-bottom: 4px solid @CODE_COULEUR_FONCE@; /* !ATTENTION! couleur en fonction du domaine */
padding: 0px 5px 0px 12px;
margin: 2px 1px 4px 0px;
background-color: #FFFFFF;
background-image: url('@URL_IMG_ImagesGrapheOnglet_coin@');
background-position: left top;
background-repeat: no-repeat;
line-height: 14px
}
.selection option, .selection select{
font-size: 11px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif
}
.onglet a:hover {
color: #FFFFFF
}
.clearboth {
clear: both
}
.ongletcontenu {
background-color: #FFFFFF;
padding: 4px
}
/* pour la navigation */
.onglet a:link.navig, .onglet a:visited.navig, .onglet a:hover.navig {
border-bottom: 4px solid @CODE_COULEUR_FONCE@; /* !ATTENTION! couleur en fonction du domaine */
padding-bottom: 4px;
background: transparent;
color: #000000
}
|