MediaWiki:Common.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

/* TABLEAUX PERSONNALISÉS TABLO */

/* Style général */
.mw-parser-output table.tablo {
  border-collapse: collapse;
  width: auto;
}

/* En-têtes */
.mw-parser-output table.tablo caption{
  background-color: #4b3124 !important;
  color: #ffffff !important;
  font-weight: bold;
  padding: 6px;
  text-align: center;
}

/* En-têtes */
.mw-parser-output table.tablo th {
  background-color: #ffffff !important;
  font-weight: bold;
  padding: 6px;
  text-align: center;
  border: 1px solid #e7dfc6;
}

/* Cellules */
.mw-parser-output table.tablo td {
  padding: 4px 6px;
  border: 1px solid #e7dfc6;
}

/* Zébrage automatique */
.mw-parser-output table.tablo tr:nth-child(even) td {
  background-color: #ffffff;
}

.mw-parser-output table.tablo tr:nth-child(odd) td {
  background-color: #f3efe2;
}


/* ================================
   TABLEAUX BESTIAIRE — STYLE AMÉLIORÉ
   ================================ */

/* Structure générale */
.mw-parser-output table.bestiaire {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 95%;
  border: 2px solid #4b3124;
  background-color: #fdfbf7;
}

/* Titre du tableau */
.mw-parser-output table.bestiaire caption {
  background-color: #4b3124;
  color: #ffffff;
  font-weight: bold;
  padding: 8px 10px;
  text-align: left;
  font-size: 110%;
  border-bottom: 2px solid #3a251b;
}

/* En-têtes */
.mw-parser-output table.bestiaire th {
  background-color: #e8e0d4;
  color: #4b3124;
  font-weight: bold;
  padding: 6px 8px;
  border-bottom: 2px solid #4b3124;
  text-align: left;
}

/* Cellules */
.mw-parser-output table.bestiaire td {
  padding: 6px 8px;
  border-bottom: 1px solid #d6cfc4;
}

/* Zébrage amélioré */
.mw-parser-output table.bestiaire tr:nth-child(odd) td {
  background-color: #f3efe2;
}

.mw-parser-output table.bestiaire tr:nth-child(even) td {
  background-color: #ffffff;
}

/* Survol des lignes */
.mw-parser-output table.bestiaire tr:hover td {
  background-color: #f0e8d8;
  transition: background-color 0.2s ease-in-out;
}

/* Mise en valeur des valeurs importantes (ex : ND, PV, CA) */
.mw-parser-output table.bestiaire .important {
  font-weight: bold;
  color: #3a251b;
}

/* Bordures verticales légères */
.mw-parser-output table.bestiaire td + td,
.mw-parser-output table.bestiaire th + th {
  border-left: 1px solid #d6cfc4;
}


/* ================================
     Tableau Test de Connaissance 
   ================================ */

.mw-parser-output table.connaissance {
  border: 1px solid #4b3124;
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
  font-size: 95%;
}

/* Titre du tableau */
.mw-parser-output table.connaissance caption {
  background-color: #4b3124;
  color: #ffffff;
  font-weight: bold;
  padding: 6px 10px;
  text-align: left;
  font-size: 110%;
}

/* En-têtes */
.mw-parser-output table.connaissance th {
  background-color: #e8e0d4;
  color: #4b3124;
  font-weight: bold;
  padding: 6px;
  border-bottom: 2px solid #4b3124;
}

/* Cellules */
.mw-parser-output table.test-connaissance td {
  padding: 6px;
  border-bottom: 1px solid #d6cfc4;
}

/* Zébrage (hérité de ton style bestiaire) */
.mw-parser-output table.connaissance tr:nth-child(even) td {
  background-color: #ffffff;
}

.mw-parser-output table.connaissance tr:nth-child(odd) td {
  background-color: #f3efe2;
}