[Sommaire] [Imprimer]

   1  /****************************************************************/

   2  /* 1. COULEURS DES FONDS ET DES TEXTES */

   3  /****************************************************************/

   4  
   5  /* 1.1 Couleur par défaut du fond et du texte */

   6  
   7  BODY {BACKGROUND-COLOR: #FFF}
   8  
   9  .pun {COLOR: #333}
  10  
  11  DIV.box, .pun BLOCKQUOTE, DIV.codebox, #adminconsole FIELDSET TH, .rowodd, .roweven {BACKGROUND-COLOR: #F1F1F1}
  12  #adminconsole TD, #adminconsole TH {BORDER-COLOR: #F1F1F1}

  13  
  14  /* 1. 2 Couleurs de fond plus sombres */

  15  
  16  TD.tc2, TD.tc3, TD.tcmod, #postpreview, #viewprofile DD, DIV.forminfo,
  17  #adminconsole FIELDSET TD, DIV.blockmenu DIV.box, #adstats DD {BACKGROUND-COLOR: #DEDFDF}

  18  
  19  /* 1.3 Couleurs de fonds et de texte des en-têtes principaux et de la barre de navigation */

  20  
  21  .pun H2, #brdmenu {BACKGROUND-COLOR: #0066B9; COLOR: #FFF}
  22  
  23  /* 1.4 Ligne d'en-tête des tableaux */

  24  
  25  .pun TH {BACKGROUND-COLOR: #D1D1D1}
  26  
  27  /* 1.5 Couleur du texte de la légende des jeu de champs */

  28  
  29  .pun LEGEND {COLOR: #005CB1}
  30  
  31  /* 1.6 Texte surligné pour différents éléments */

  32  
  33  .pun DIV.blockmenu LI.isactive A, #posterror LI STRONG {COLOR: #333}
  34  
  35  /****************************************************************/

  36  /* 2. FOND ET TEXTE DES MESSAGES */

  37  /****************************************************************/

  38  
  39  /* 2.1 Ceci est le paramètrage des messages. */

  40  
  41  DIV.blockpost DIV.box, DIV.postright, DIV.postfootright {BACKGROUND-COLOR: #DEDFDF}
  42  DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #f1f1f1}
  43  DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {BACKGROUND-COLOR: #F1F1F1}
  44  
  45  /* 2.2 Fond pour les en-têtes des messages et couleur du texte pour le numéros des messages dans la page viewtopic */

  46  
  47  DIV.blockpost H2 {BACKGROUND-COLOR: #006FC9}
  48  DIV.blockpost H2 SPAN.conr {COLOR: #AABDCD}
  49  
  50  /* 2.3 Ceci est la ligne au-dessus de la signature dans les messages.  La couleur et le fond devraient être identique */

  51  
  52  .pun HR {BACKGROUND-COLOR: #333; COLOR: #333}
  53  
  54  /****************************************************************/

  55  /* 3. COULEURS DES BORDURES */

  56  /****************************************************************/

  57  
  58  /* 3.1 Toutes les bordures externes */

  59  
  60  DIV.box {BORDER-COLOR: #0066B9}
  61  
  62  /* 3.2 Rends la bordure du haut des posts assortie avec la couleur utilisée pour les en-tête des posts */

  63  
  64  DIV.blockpost DIV.box {BORDER-COLOR: #006fC9 #0066B9 #0066B9}
  65  
  66  /* 3.3 Bordures internes des tableaux. Par défaut la couleur de TH est la même que celle du fond (en 1.4) et la bordure est donc invisible */

  67  
  68  .pun TD {BORDER-COLOR: #BBCEDE}
  69  .pun TH {BORDER-COLOR: #D1D1D1}
  70  
  71  /* 3.4 Crée la bordure d'encart pour les blocs de citation, de code, et pour les blocs d'information des formulaires */

  72  
  73  .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {BORDER-COLOR: #ACA899 #FFF #FFF #ACA899}
  74  
  75  /* 3.5 Les bordures par défaut des listes de champs vues par Gecko sont vraiment vilaines, alors ceci leur donne une couleur , 

  76  sans intérférer avec celles d'IE qui sont plutôt jolies */
  77  
  78  .pun DIV>FIELDSET {BORDER-COLOR: #ACA899}
  79  
  80  /****************************************************************/

  81  /* 4. COULEURS DES LIENS */

  82  /****************************************************************/

  83  
  84  /* 4.1 Ceci est la couleur par défaut de tous les liens */

  85  
  86  .pun A:link, .pun A:visited {COLOR: #005CB1}
  87  .pun A:hover {COLOR: #B42000}
  88  
  89  /* 4.2 Ceci est la couleur pour les liens dans les lignes d'en-tête de tableaux et dans la barre de navigation */

  90  
  91  .pun H2 A:link, .pun H2 A:visited, #brdmenu A:link, #brdmenu A:visited {COLOR: #FFF}
  92  .pun H2 A:hover, #brdmenu A:hover {COLOR: #FFF}
  93  
  94  /* 4.3 Ceci est pour pour les sujet fermés et pour les liens importants (maintenance, signalements,... ) */

  95  
  96  LI.postreport A:link, LI.postreport A:visited, TR.iclosed TD.tcl A:link, TR.iclosed TD.tcl A:visited {COLOR: #888}
  97  LI.postreport A:hover, TR.iclosed TD.tcl A:hover {COLOR: #AAA}
  98  LI.maintenancelink A:link, LI.maintenancelink A:visited {COLOR: #B42000}
  99  LI.maintenancelink A:hover {COLOR: #B42000}
 100  
 101  /****************************************************************/

 102  /* 5. INDICATEURS DE STATUT DES MESSAGES */

 103  /****************************************************************/

 104  
 105  /* Ce sont les indicateurs de statut des messages qui apparaissent à la gauche de quelques tableaux.

 106  .inew = nouveaux messages, .iredirect = forums de redirection, .iclosed = sujets fermés et .isticky = sujets épinglés.  Par défaut seul .inew est différent du défaut.*/
 107  
 108  DIV.icon {BORDER-COLOR: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
 109  TR.iredirect DIV.icon {BORDER-COLOR: #F1F1F1 #F1F1F1 #F1F1F1 #F1F1F1}
 110  DIV.inew {BORDER-COLOR: #0080D7 #0065C0 #0058B3 #0072CA}