| tableau.css Feuille de style pour les tableaux et listes |
|
tableau : définit la zone contenant le tableau tableau_outils : zone des outils d'actions sur le tableau / liste tableau_corps : corps du tableau tableau_corps_pair : ligne paire tableau_corps_impair : ligne impaire tableau_corps_alerte : ligne d'alerte tableau_corps_select : ligne selectionnée tableau_deco : elements de décoration (filets gauche / droit) tableau_navig : zone de navigation tableau_libellescolonnes : zone des libellés des colonnes tableau_fin : zone de fin de tableau / liste tableau_corps_reduit : corps du tableau réduit tableau_corps_pair_reduit : ligne paire du tableau réduit tableau_corps_impair_reduit : ligne impaire du tableau réduit tableau_corps_alerte_reduit : ligne d'alerte du tableau réduit tableau_corps_select_reduit : ligne selectionnée du tableau réduit tableau_libellescolonnes_reduit : zone des libellés des colonnes du tableau réduit tableau_fin_reduit : zone de fin de tableau réduit tableau_ht1 : définit la zone contenant le tableau ht1 tableau_ht2 : définit la zone contenant le tableau ht2 tableau_ht3 : définit la zone contenant le tableau ht3 tableau_hto0 : définit la zone contenant le tableau hto0 tableau_hto1 : définit la zone contenant le tableau hto1 tableau_hto2 : définit la zone contenant le tableau hto2 tableau_hto3 : définit la zone contenant le tableau hto3 tableau_ht1_reduit : définit la zone contenant le tableau ht1 réduit tableau_ht2_reduit : définit la zone contenant le tableau ht2 réduit tableau_ht3_reduit : définit la zone contenant le tableau ht3 réduit tableau_hto0_reduit : définit la zone contenant le tableau hto0 réduit tableau_hto1_reduit : définit la zone contenant le tableau hto1 réduit tableau_hto2_reduit : définit la zone contenant le tableau hto2 réduit tableau_hto3_reduit : définit la zone contenant le tableau hto3 réduit
/* definition de style pour les tableaux/listes */
.tableau table {
font-size: 12px;
border: 0;
margin: 0;
padding: 0;
border-width: 0px;
}
.tableau_outils td {
background-color: #999999;
font-size: 12px;
color: #FFFFFF;
text-align: left;
margin: 0;
padding: 0;
}
.tableau_corps td {
font-size: 12px;
color: #000000;
border-bottom: 2px solid #CCCCCC;
}
.tableau_corps_pair td {
background-color: #FFFFFF;
font-size: 12px;
color: #000000;
border-bottom: 2px solid #CCCCCC;
}
.tableau_corps_impair td {
background-color: #F1F1F1;
font-size: 12px;
color: #000000;
border-bottom: 2px solid #CCCCCC;
}
.tableau_tri_croissant {
color: @CODE_COULEUR_FONCE@;
font-style: italic;
}
.tableau_tri_decroissant {
color: @CODE_COULEUR_FONCE@;
font-style: italic;
}
.tableau_corps_alerte td {
background-color: #FDCFCF;
font-size: 12px;
color: #000000;
border-bottom: 2px solid #CCCCCC;
}
.tableau_corps_select td {
font-size: 12px;
color: #000000;
border-bottom: 2px solid #CCCCCC;
}
.tableau_deco td {
background-color: #FFFFFF;
font-size: 12px;
color: #FFFFFF;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.tableau_navig td {
background-color: #999999;
font-size: 12px;
color: #FFFFFF;
text-align: left;
margin: 0;
padding: 0;
}
.tableau_navig a {
color: #FFFFFF;
}
.tableau_libellescolonnes td {
font-size: 12px;
color: #FFFFFF;
padding: 2px;
height: 25px
}
.tableau_fin td {
font-size: 12px;
border-top: 5px solid @CODE_COULEUR_BANDEAU_CHEMIN@;
}
.tableau_corps_reduit td {
font-size: 10px;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}
.tableau_corps_pair_reduit td {
background-color: #FFFFFF;
font-size: 10px;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}
.tableau_corps_impair_reduit td {
background-color: #F1F1F1;
font-size: 10px;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}
.tableau_corps_alerte_reduit td {
background-color: #FDCFCF;
font-size: 10px;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}
.tableau_corps_select_reduit td {
font-size: 10px;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}
.tableau_libellescolonnes_reduit td {
font-size: 10px;
color: #FFFFFF;
padding: 1px;
}
.tableau_fin_reduit td {
font-size: 10px;
border-top: 2px solid @CODE_COULEUR_BANDEAU_CHEMIN@;
}
.tableau_ht1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
color: @CODE_COULEUR_FONCE@;
margin: 20px 0 5px 0;
cursor: pointer;
}
.tableau_ht2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
color: @CODE_COULEUR_MOYEN@;
margin: 15px 0 3px 0;
cursor: pointer;
}
.tableau_ht3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
color: @CODE_COULEUR_CLAIR@;
margin: 10px 0 3px 0;
cursor: pointer;
}
.tableau_hto0 td, td.hto0 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: small-caps;
color: #FFFFFF;
background-color: @CODE_COULEUR_FONCE@;
margin: 0px 0 0px 0;
}
.tableau_hto1 td, td.hto1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: bold;
font-variant: small-caps;
color: #000000;
background-color: @CODE_COULEUR_MOYEN@;
margin: 0px 0 0px 0;
}
.tableau_hto2 td, td.hto2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: small-caps;
color: #000000;
background-color: @CODE_COULEUR_CLAIR@;
margin: 0px 0 0px 0;
}
.tableau_hto3 td, td.hto3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: small-caps;
color: #000000;
background-color: @CODE_COULEUR_TRESCLAIR@;
margin: 0px 0 0px 0;
}
.tableau_ht1_reduit {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
color: @CODE_COULEUR_FONCE@;
margin: 15px 0 2px 0;
cursor: pointer;
}
.tableau_ht2_reduit {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
color: @CODE_COULEUR_MOYEN@;
margin: 10px 0 2px 0;
cursor: pointer;
}
.tableau_ht3_reduit {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
color: @CODE_COULEUR_CLAIR@;
margin: 5px 0 1px 0;
cursor: pointer;
}
.tableau_hto0_reduit td {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: small-caps;
color: #FFFFFF;
background-color: @CODE_COULEUR_FONCE@;
margin: 0px 0 0px 0;
}
.tableau_hto1_reduit td {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: small-caps;
color: #000000;
background-color: @CODE_COULEUR_CLAIR@;
margin: 0px 0 0px 0;
}
.tableau_hto2_reduit td {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: small-caps;
color: #000000;
background-color: @CODE_COULEUR_CLAIR@;
margin: 0px 0 0px 0;
}
.tableau_hto3_reduit td {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: small-caps;
color: #000000;
background-color: @CODE_COULEUR_TRESCLAIR@;
margin: 0px 0 0px 0;
}
navigselect{
font-size: 10px;
vertical-align: middle;
}
|