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