Aller au contenu

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

MediaWiki:Common.css (voir la source)

Version du 4 mars 2026 à 23:41

3 696 octets ajoutés ,  4 mars
aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 4 233 : Ligne 4 233 :


/* ============================================ */
/* ============================================ */
/* Infobox Métamorphe — Couleurs par Ka-élément */
/* Infobox Métamorphe — Base                    */
/* ============================================ */
/* ============================================ */


/* Entête — ciblage direct sur td.entete.auteur */
/* Conteneur général */
.mw-parser-output .infobox-metamorphe {
  float: right;
  margin: 0 0 0.75em 0.75em;
  max-width: 300px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid rgba(45,27,78,0.25) !important;
}
 
/* Table interne */
.mw-parser-output .infobox-metamorphe .infobox_v2 {
  border-collapse: collapse !important;
  width: 100% !important;
  border-spacing: 0 !important;
}
 
/* Toutes les cellules — zéro espacement */
.mw-parser-output .infobox-metamorphe .infobox_v2 td,
.mw-parser-output .infobox-metamorphe .infobox_v2 th {
  padding: 4px 8px !important;
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
  font-size: 0.88em;
}
 
/* Titre principal */
.mw-parser-output .infobox-metamorphe .infobox_v2 td.entete.auteur {
.mw-parser-output .infobox-metamorphe .infobox_v2 td.entete.auteur {
  font-family: 'Cinzel', serif !important;
   text-align: center !important;
   text-align: center !important;
   padding: 6px 10px !important;
   padding: 8px 12px 4px !important;
   text-transform: none !important;
   text-transform: none !important;
   font-variant: normal !important;
   font-variant: normal !important;
  font-size: 1.05em !important;
  border-bottom: none !important;
}
}
/* Forcer texte blanc sur entête — anti-héritage Vector 2022 */
.mw-parser-output .infobox-metamorphe .infobox_v2 td.entete.auteur b,
.mw-parser-output .infobox-metamorphe .infobox_v2 td.entete.auteur b,
.mw-parser-output .infobox-metamorphe .infobox_v2 td.entete.auteur i,
.mw-parser-output .infobox-metamorphe .infobox_v2 td.entete.auteur i,
Ligne 4 251 : Ligne 4 278 :
}
}


/* Cellules th (labels) */
/* Sous-titre "Métamorphe · Ka-XXX" */
.mw-parser-output .infobox-metamorphe .infobox_v2 td.soustitre-metamorphe {
  font-family: 'EB Garamond', serif !important;
  font-style: italic !important;
  font-size: 0.85em !important;
  text-align: center !important;
  padding: 2px 8px 8px !important;
  opacity: 0.9;
  border-bottom: none !important;
}
 
/* Labels (th) — colonne gauche */
.mw-parser-output .infobox-metamorphe .infobox_v2 th {
.mw-parser-output .infobox-metamorphe .infobox_v2 th {
   font-weight: bold;
   font-weight: 600 !important;
   padding: 3px 6px;
   text-align: left !important;
   vertical-align: top;
  white-space: nowrap !important;
   white-space: nowrap;
   width: 48% !important;
}
 
/* Titres de sections internes */
.mw-parser-output .infobox-metamorphe .infobox_v2 td[colspan="2"]:not(.entete):not(.soustitre-metamorphe) {
  text-align: center !important;
  font-family: 'Cinzel', serif !important;
  font-size: 0.75em !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  padding: 7px 8px 5px !important;
  border-top: 1px solid rgba(196,154,42,0.35) !important;
   border-bottom: 1px solid rgba(196,154,42,0.35) !important;
}
.mw-parser-output .infobox-metamorphe .infobox_v2 td[colspan="2"]:not(.entete):not(.soustitre-metamorphe) b {
  display: inline !important;
}
}


/* Sous-titres de section (Métamorphoses, Portrait chinois, Sources) */
/* Masquer les <hr> (remplacés par border-top CSS) */
.mw-parser-output .infobox-metamorphe .infobox_v2 td[colspan="2"] b {
.mw-parser-output .infobox-metamorphe .infobox_v2 hr {
   display: block;
   display: none !important;
  text-align: center;
  padding: 2px 0;
}
}
/* ============================================ */
/* Couleurs par élément                        */
/* ============================================ */


/* ---- Feu / Pyrim ---- */
/* ---- Feu / Pyrim ---- */
.mw-parser-output .metamorphe-pyrim .infobox_v2 td.entete.auteur {
.mw-parser-output .metamorphe-pyrim .infobox_v2 td.entete.auteur {
   background: linear-gradient(135deg, #8B2A28 0%, #C0524E 50%, #D4706C 100%) !important;
   background: linear-gradient(135deg, #8B2A28 0%, #C0524E 100%) !important;
}
.mw-parser-output .metamorphe-pyrim .infobox_v2 td.soustitre-metamorphe {
  background-color: #C0524E !important;
   color: #FFFFFF !important;
   color: #FFFFFF !important;
}
}
Ligne 4 275 : Ligne 4 333 :
   color: #6A1F1D !important;
   color: #6A1F1D !important;
}
}
.mw-parser-output .metamorphe-pyrim .infobox_v2 td[colspan="2"] b {
.mw-parser-output .metamorphe-pyrim .infobox_v2 td:not(.entete):not(.soustitre-metamorphe) {
  background-color: #FDF0EF !important;
}
.mw-parser-output .metamorphe-pyrim .infobox_v2 td[colspan="2"]:not(.entete):not(.soustitre-metamorphe) {
  background-color: #F8E0DE !important;
   color: #C0524E !important;
   color: #C0524E !important;
}
}
Ligne 4 281 : Ligne 4 343 :
/* ---- Air / Éolim ---- */
/* ---- Air / Éolim ---- */
.mw-parser-output .metamorphe-eolim .infobox_v2 td.entete.auteur {
.mw-parser-output .metamorphe-eolim .infobox_v2 td.entete.auteur {
   background: linear-gradient(135deg, #2E6B9A 0%, #5BA4D9 50%, #7CBDE8 100%) !important;
   background: linear-gradient(135deg, #2E6B9A 0%, #5BA4D9 100%) !important;
}
.mw-parser-output .metamorphe-eolim .infobox_v2 td.soustitre-metamorphe {
  background-color: #5BA4D9 !important;
   color: #FFFFFF !important;
   color: #FFFFFF !important;
}
}
Ligne 4 288 : Ligne 4 353 :
   color: #1A3F5A !important;
   color: #1A3F5A !important;
}
}
.mw-parser-output .metamorphe-eolim .infobox_v2 td[colspan="2"] b {
.mw-parser-output .metamorphe-eolim .infobox_v2 td:not(.entete):not(.soustitre-metamorphe) {
  background-color: #F0F7FD !important;
}
.mw-parser-output .metamorphe-eolim .infobox_v2 td[colspan="2"]:not(.entete):not(.soustitre-metamorphe) {
  background-color: #DCF0FA !important;
   color: #3B7FAD !important;
   color: #3B7FAD !important;
}
}
Ligne 4 294 : Ligne 4 363 :
/* ---- Eau / Hydrim ---- */
/* ---- Eau / Hydrim ---- */
.mw-parser-output .metamorphe-hydrim .infobox_v2 td.entete.auteur {
.mw-parser-output .metamorphe-hydrim .infobox_v2 td.entete.auteur {
   background: linear-gradient(135deg, #1E4A6E 0%, #3B6FA0 50%, #5488B8 100%) !important;
   background: linear-gradient(135deg, #1E4A6E 0%, #3B6FA0 100%) !important;
}
.mw-parser-output .metamorphe-hydrim .infobox_v2 td.soustitre-metamorphe {
  background-color: #3B6FA0 !important;
   color: #FFFFFF !important;
   color: #FFFFFF !important;
}
}
Ligne 4 301 : Ligne 4 373 :
   color: #1A3550 !important;
   color: #1A3550 !important;
}
}
.mw-parser-output .metamorphe-hydrim .infobox_v2 td[colspan="2"] b {
.mw-parser-output .metamorphe-hydrim .infobox_v2 td:not(.entete):not(.soustitre-metamorphe) {
  background-color: #EEF5FB !important;
}
.mw-parser-output .metamorphe-hydrim .infobox_v2 td[colspan="2"]:not(.entete):not(.soustitre-metamorphe) {
  background-color: #D8EAF5 !important;
   color: #3B6FA0 !important;
   color: #3B6FA0 !important;
}
}
Ligne 4 307 : Ligne 4 383 :
/* ---- Terre / Faërim ---- */
/* ---- Terre / Faërim ---- */
.mw-parser-output .metamorphe-faerim .infobox_v2 td.entete.auteur {
.mw-parser-output .metamorphe-faerim .infobox_v2 td.entete.auteur {
   background: linear-gradient(135deg, #266044 0%, #4A9A6A 50%, #62B07E 100%) !important;
   background: linear-gradient(135deg, #266044 0%, #4A9A6A 100%) !important;
}
.mw-parser-output .metamorphe-faerim .infobox_v2 td.soustitre-metamorphe {
  background-color: #4A9A6A !important;
   color: #FFFFFF !important;
   color: #FFFFFF !important;
}
}
Ligne 4 314 : Ligne 4 393 :
   color: #1A4A2A !important;
   color: #1A4A2A !important;
}
}
.mw-parser-output .metamorphe-faerim .infobox_v2 td[colspan="2"] b {
.mw-parser-output .metamorphe-faerim .infobox_v2 td:not(.entete):not(.soustitre-metamorphe) {
  background-color: #F0FAF4 !important;
}
.mw-parser-output .metamorphe-faerim .infobox_v2 td[colspan="2"]:not(.entete):not(.soustitre-metamorphe) {
  background-color: #D8EEE0 !important;
   color: #4A9A6A !important;
   color: #4A9A6A !important;
}
}
Ligne 4 320 : Ligne 4 403 :
/* ---- Lune / Onirim ---- */
/* ---- Lune / Onirim ---- */
.mw-parser-output .metamorphe-onirim .infobox_v2 td.entete.auteur {
.mw-parser-output .metamorphe-onirim .infobox_v2 td.entete.auteur {
   background: linear-gradient(135deg, #3A2458 0%, #6B4E8A 50%, #8262A0 100%) !important;
   background: linear-gradient(135deg, #3A2458 0%, #6B4E8A 100%) !important;
}
.mw-parser-output .metamorphe-onirim .infobox_v2 td.soustitre-metamorphe {
  background-color: #6B4E8A !important;
   color: #FFFFFF !important;
   color: #FFFFFF !important;
}
}
Ligne 4 327 : Ligne 4 413 :
   color: #2D1B4E !important;
   color: #2D1B4E !important;
}
}
.mw-parser-output .metamorphe-onirim .infobox_v2 td[colspan="2"] b {
.mw-parser-output .metamorphe-onirim .infobox_v2 td:not(.entete):not(.soustitre-metamorphe) {
  background-color: #F7F3FC !important;
}
.mw-parser-output .metamorphe-onirim .infobox_v2 td[colspan="2"]:not(.entete):not(.soustitre-metamorphe) {
  background-color: #E8DCFA !important;
   color: #6B4E8A !important;
   color: #6B4E8A !important;
}
}


/* ---- Neutre (Ka indéfini) ---- */
/* ---- Neutre ---- */
.mw-parser-output .metamorphe-neutre .infobox_v2 td.entete.auteur {
.mw-parser-output .metamorphe-neutre .infobox_v2 td.entete.auteur {
   background: linear-gradient(135deg, #2D1B4E 0%, #574B6B 60%, #7A6890 100%) !important;
   background: linear-gradient(135deg, #2D1B4E 0%, #574B6B 100%) !important;
}
.mw-parser-output .metamorphe-neutre .infobox_v2 td.soustitre-metamorphe {
  background-color: #574B6B !important;
   color: #F0EAF8 !important;
   color: #F0EAF8 !important;
}
}
Ligne 4 340 : Ligne 4 433 :
   color: #2D1B4E !important;
   color: #2D1B4E !important;
}
}
.mw-parser-output .metamorphe-neutre .infobox_v2 td[colspan="2"] b {
.mw-parser-output .metamorphe-neutre .infobox_v2 td:not(.entete):not(.soustitre-metamorphe) {
  background-color: #F8F5FC !important;
}
.mw-parser-output .metamorphe-neutre .infobox_v2 td[colspan="2"]:not(.entete):not(.soustitre-metamorphe) {
  background-color: #EAE4F4 !important;
   color: #574B6B !important;
   color: #574B6B !important;
}
}


/* ============================================ */
/* ============================================ */
/* Infobox Métamorphe — Responsive mobile       */
/* Responsive mobile                           */
/* ============================================ */
/* ============================================ */
@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
Récupérée de « https://nephilim-rpg.com/index.php/Spécial:MobileDiff/26909 »