« MediaWiki:Common.css » : différence entre les versions

De Wiki Pathfinder Lacrypte
Aller à la navigation Aller à la recherche
Page créée avec « ********** : TABLEAUX : ********** : #PageContentDiv table.tablo { border-collapse: collapse; Indispensable pour que les bordures soient "fusionnées" : } Titre du tableau : ---------------- : #PageContentDiv table.tablo caption { background-color: #4b3124; color: #fff; font-weight: bold; text-transform: uppercase; padding: 4px; margin-bottom: 6px; } Contenu : ------- : #PageContentDiv table.tablo tr { vertical-ali... »
 
Aucun résumé des modifications
 
(21 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/************/
/* TABLEAUX PERSONNALISÉS TABLO */
/* TABLEAUX */
/************/


#PageContentDiv table.tablo {
/* Style général */
   border-collapse: collapse; /* Indispensable pour que les bordures soient "fusionnées" */
.mw-parser-output table.tablo {
   border-collapse: collapse;
  width: auto;
}
}


/* Titre du tableau */
/* En-têtes */
/* ---------------- */
.mw-parser-output table.tablo caption{
 
   background-color: #4b3124 !important;
#PageContentDiv table.tablo caption {
   color: #ffffff !important;
   background-color: #4b3124;
   color: #fff;
   font-weight: bold;
   font-weight: bold;
  text-transform: uppercase;
   padding: 6px;
   padding: 4px;
   text-align: center;
   margin-bottom: 6px;
}
}


/* Contenu */
/* En-têtes */
/* ------- */
.mw-parser-output table.tablo th {
 
   background-color: #ffffff !important;
#PageContentDiv table.tablo tr {
  font-weight: bold;
   vertical-align: top;
   padding: 6px;
}
#PageContentDiv table.tablo tr td {
   border-top: 1px solid #e7dfc6;
   text-align: center;
   text-align: center;
   padding: 4px;
   border: 1px solid #e7dfc6;
}
}
#PageContentDiv table.toutgauche tr td {
 
   text-align: left;
/* Cellules */
.mw-parser-output table.tablo td {
   padding: 4px 6px;
  border: 1px solid #e7dfc6;
}
}
#PageContentDiv table.tablo tr td:first-child {
 
   text-align: left;
/* Zébrage automatique */
.mw-parser-output table.tablo tr:nth-child(even) td {
   background-color: #ffffff;
}
}
#PageContentDiv table.col1centre tr td:first-child {
 
   text-align: center;
.mw-parser-output table.tablo tr:nth-child(odd) td {
   background-color: #f3efe2;
}
}


/* Titres */
/* ------ */


#PageContentDiv table.tablo tr.titre td {
/* ================================
   border-top: 0;
  TABLEAUX BESTIAIRE — STYLE AMÉLIORÉ
   background-color: transparent;
  ================================ */
 
/* 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;
   font-weight: bold;
   padding: 0 4px 4px 4px;
   padding: 8px 10px;
  text-align: center;
}
#PageContentDiv table.toutgauche tr.titre td {
   text-align: left;
   text-align: left;
  font-size: 110%;
  border-bottom: 2px solid #3a251b;
}
}
#PageContentDiv table.tablo tr.titre td:first-child {
 
/* 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;
   text-align: left;
}
}
#PageContentDiv table.col1centre tr.titre td:first-child {
 
   text-align: center;
/* Cellules */
.mw-parser-output table.bestiaire td {
  padding: 6px 8px;
   border-bottom: 1px solid #d6cfc4;
}
}
#PageContentDiv table.tablo tr.titre td.avecsoustitre {
 
  padding: 0 4px 0px 4px;
/* Zébrage amélioré */
}
.mw-parser-output table.bestiaire tr:nth-child(odd) td {
#PageContentDiv table.tablo tr.soustitre td {
   background-color: #ffffff;
  border-top: 0;
 
   background-color: #FFFFFF;
  font-weight: normal;
  text-align: center;
  font-size: 85%;
}
}


/* Exceptions */
.mw-parser-output table.bestiaire tr:nth-child(even) td {
/* ---------- */
  background-color: #f3efe2;


#PageContentDiv table.tablo tr td.gauche {
  text-align: left;
}
}


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


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


#PageContentDiv table.tablo tr.lignesup td {
  border-top: 1px solid black;
}


#PageContentDiv table.tablo tr.dernier td {
/* ================================
  border-bottom: 2px solid black;
    Tableau Test de Connaissance
}
  ================================ */


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


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


#PageContentDiv table.autoalt tr:nth-child(odd) {
/* En-têtes */
   background-color: #f3efe2;
.mw-parser-output table.connaissance th {
   background-color: #e8e0d4;
  color: #4b3124;
  font-weight: bold;
  padding: 6px;
  border-bottom: 2px solid #4b3124;
}
}


#PageContentDiv table.autoalt tr.titre td {
/* Cellules */
   background-color: #fff;
.mw-parser-output table.test-connaissance td {
   padding: 6px;
  border-bottom: 1px solid #d6cfc4;
}
}


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


/* Notes */
.mw-parser-output table.connaissance tr:nth-child(odd) td {
/* ----- */
   background-color: #f3efe2;
 
#PageContentDiv table.tablo tr.note td, #PageContentDiv table.tablo td.note {
   padding: 2px 20px 2px 20px;
  font-size: x-small;
  font-style: italic;
  text-align: left
}
}

Dernière version du 18 février 2026 à 22:35

/* 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: #ffffff;

}

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

}


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