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 } |