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

aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 4 230 : Ligne 4 230 :
   background: linear-gradient(90deg, #C49A2A 0%, transparent 80%);
   background: linear-gradient(90deg, #C49A2A 0%, transparent 80%);
   opacity: 0.3;
   opacity: 0.3;
}
/* ============================================ */
/* Infobox Métamorphe — Couleurs par Ka-élément */
/* ============================================ */
/* --- Structure de base commune --- */
.infobox-metamorphe .infobox_v2 {
  background-color: #F8F6FB;
  border: 1px solid #574B6B;
  border-radius: 4px;
  font-size: 0.88em;
  width: 100%;
}
.infobox-metamorphe .infobox_v2 th {
  font-weight: bold;
  padding: 3px 6px;
  border-top: 1px solid #D8D0E8;
  vertical-align: top;
  white-space: nowrap;
}
.infobox-metamorphe .infobox_v2 td {
  color: #2A2520;
  padding: 3px 6px;
  border-top: 1px solid #E0D8EC;
  vertical-align: top;
}
/* Sous-titres internes (Portrait chinois, Métamorphoses, Sources) */
.infobox-metamorphe .infobox_v2 td[colspan="2"] b {
  display: block;
  text-align: center;
  padding: 2px 0;
}
/* Séparateurs dorés */
.infobox-metamorphe .infobox_v2 hr {
  border: none;
  border-top: 1px solid #C49A2A;
  margin: 2px 0;
  opacity: 0.5;
}
/* Texte blanc sur entête — anti-héritage */
.infobox-metamorphe .infobox_v2 .entete.auteur b,
.infobox-metamorphe .infobox_v2 .entete.auteur strong,
.infobox-metamorphe .infobox_v2 .entete.auteur span,
.infobox-metamorphe .infobox_v2 .entete.auteur i {
  color: #FFFFFF !important;
}
/* Forcer casse naturelle sur le titre */
.infobox-metamorphe .infobox_v2 .entete.auteur {
  text-transform: none !important;
  font-variant: normal !important;
  text-align: center;
  padding: 6px 10px;
}
/* ---- Feu / Pyrim (#C0524E) ---- */
.metamorphe-pyrim .entete.auteur {
  background-color: #C0524E !important;
  color: #FFFFFF !important;
}
.metamorphe-pyrim .infobox_v2 th {
  background-color: #F2D5D3;
  color: #5A1A18 !important;
}
.metamorphe-pyrim .infobox_v2 td[colspan="2"] b {
  color: #C0524E !important;
}
/* ---- Air / Éolim (#5BA4D9) ---- */
.metamorphe-eolim .entete.auteur {
  background-color: #5BA4D9 !important;
  color: #FFFFFF !important;
}
.metamorphe-eolim .infobox_v2 th {
  background-color: #D4E9F7;
  color: #1A3F5A !important;
}
.metamorphe-eolim .infobox_v2 td[colspan="2"] b {
  color: #3B7FAD !important;
}
/* ---- Eau / Hydrim (#3B6FA0) ---- */
.metamorphe-hydrim .entete.auteur {
  background-color: #3B6FA0 !important;
  color: #FFFFFF !important;
}
.metamorphe-hydrim .infobox_v2 th {
  background-color: #CEDDEF;
  color: #1A3550 !important;
}
.metamorphe-hydrim .infobox_v2 td[colspan="2"] b {
  color: #3B6FA0 !important;
}
/* ---- Terre / Faërim (#4A9A6A) ---- */
.metamorphe-faerim .entete.auteur {
  background-color: #4A9A6A !important;
  color: #FFFFFF !important;
}
.metamorphe-faerim .infobox_v2 th {
  background-color: #D2EDDA;
  color: #1A4A2A !important;
}
.metamorphe-faerim .infobox_v2 td[colspan="2"] b {
  color: #4A9A6A !important;
}
/* ---- Lune / Onirim (#6B4E8A) ---- */
.metamorphe-onirim .entete.auteur {
  background-color: #6B4E8A !important;
  color: #FFFFFF !important;
}
.metamorphe-onirim .infobox_v2 th {
  background-color: #E0D4EE;
  color: #2D1B4E !important;
}
.metamorphe-onirim .infobox_v2 td[colspan="2"] b {
  color: #6B4E8A !important;
}
/* ---- Neutre / Ka indéfini (violet wiki par défaut) ---- */
.metamorphe-neutre .entete.auteur {
  background: linear-gradient(135deg, #2D1B4E 0%, #574B6B 60%, #7A6890 100%) !important;
  color: #F0EAF8 !important;
}
.metamorphe-neutre .infobox_v2 th {
  background-color: #E8E0F0;
  color: #2D1B4E !important;
}
.metamorphe-neutre .infobox_v2 td[colspan="2"] b {
  color: #574B6B !important;
}
/* ============================================ */
/* Infobox Métamorphe — Responsive mobile      */
/* ============================================ */
@media screen and (max-width: 768px) {
  .mw-parser-output .infobox-metamorphe {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1em 0 !important;
  }
  .mw-parser-output .infobox-metamorphe .infobox_v2 {
    width: 100% !important;
    max-width: 100% !important;
  }
}
}