Nephilim Wiki

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

Message Discussion

MediaWiki:Common.css (voir la source)

Version du 29 mars 2026 à 11:18

20 193 octets ajoutés ,  29 mars
aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
 
(46 versions intermédiaires par le même utilisateur non affichées)
Ligne 131 : Ligne 131 :
/* --- Pyrim / Effet-dragon Feu (rouge) --- */
/* --- Pyrim / Effet-dragon Feu (rouge) --- */
.mw-body-content .FichePNJNL.fiche-pnj-pyrim .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-pyrim .entete-pnj {
     background-color: #C0524E;
     background: linear-gradient(135deg, #8B2A28 0%, #C0524E 60%, #D4706C 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 140 : Ligne 140 :
/* --- Éolim / Effet-dragon Air (bleu ciel) --- */
/* --- Éolim / Effet-dragon Air (bleu ciel) --- */
.mw-body-content .FichePNJNL.fiche-pnj-eolim .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-eolim .entete-pnj {
     background-color: #5BA4D9;
     background: linear-gradient(135deg, #2E6B9A 0%, #5BA4D9 60%, #7CBDE8 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 149 : Ligne 149 :
/* --- Hydrim / Effet-dragon Eau (bleu outremer) --- */
/* --- Hydrim / Effet-dragon Eau (bleu outremer) --- */
.mw-body-content .FichePNJNL.fiche-pnj-hydrim .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-hydrim .entete-pnj {
     background-color: #3B6FA0;
     background: linear-gradient(135deg, #1E4A6E 0%, #3B6FA0 60%, #5488B8 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 158 : Ligne 158 :
/* --- Faërim / Effet-dragon Terre (vert) --- */
/* --- Faërim / Effet-dragon Terre (vert) --- */
.mw-body-content .FichePNJNL.fiche-pnj-faerim .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-faerim .entete-pnj {
     background-color: #4A9A6A;
     background: linear-gradient(135deg, #266044 0%, #4A9A6A 60%, #62B07E 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 167 : Ligne 167 :
/* --- Onirim / Effet-dragon Lune (violet sombre) --- */
/* --- Onirim / Effet-dragon Lune (violet sombre) --- */
.mw-body-content .FichePNJNL.fiche-pnj-onirim .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-onirim .entete-pnj {
     background-color: #6B4E8A;
     background: linear-gradient(135deg, #3A2458 0%, #6B4E8A 60%, #8262A0 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 176 : Ligne 176 :
/* --- Selenim / Effet-dragon Lune Noire (noir) --- */
/* --- Selenim / Effet-dragon Lune Noire (noir) --- */
.mw-body-content .FichePNJNL.fiche-pnj-selenim .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-selenim .entete-pnj {
     background-color: #3A3A3A;
     background: linear-gradient(135deg, #1A1A1A 0%, #3A3A3A 60%, #555555 100%);
}
}
.mw-body-content .FichePNJNL.fiche-pnj-selenim .entete-pnj,
.mw-body-content .FichePNJNL.fiche-pnj-selenim .entete-pnj,
Ligne 189 : Ligne 189 :
/* --- Saurien (violet sombre corrompu) --- */
/* --- Saurien (violet sombre corrompu) --- */
.mw-body-content .FichePNJNL.fiche-pnj-saurien .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-saurien .entete-pnj {
     background-color: #352846;
     background: linear-gradient(135deg, #1C1228 0%, #352846 60%, #4A3860 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 198 : Ligne 198 :
/* --- Humain lambda (jaune sable) --- */
/* --- Humain lambda (jaune sable) --- */
.mw-body-content .FichePNJNL.fiche-pnj-humain .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-humain .entete-pnj {
     background-color: #B8A878;
     background: linear-gradient(135deg, #7A6A48 0%, #B8A878 60%, #CEC098 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 207 : Ligne 207 :
/* --- Humain initié (or solaire) --- */
/* --- Humain initié (or solaire) --- */
.mw-body-content .FichePNJNL.fiche-pnj-humain-initie .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-humain-initie .entete-pnj {
     background-color: #D4A820;
     background: linear-gradient(135deg, #8A6800 0%, #D4A820 60%, #E8C84A 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 216 : Ligne 216 :
/* --- Ar-Kaïm (turquoise) --- */
/* --- Ar-Kaïm (turquoise) --- */
.mw-body-content .FichePNJNL.fiche-pnj-arkaim .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-arkaim .entete-pnj {
     background-color: #2E9E9E;
     background: linear-gradient(135deg, #1A6E6E 0%, #2E9E9E 60%, #46B8B8 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 225 : Ligne 225 :
/* --- Bohémien (mauve clair) --- */
/* --- Bohémien (mauve clair) --- */
.mw-body-content .FichePNJNL.fiche-pnj-bohemien .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-bohemien .entete-pnj {
     background-color: #A86CA8;
     background: linear-gradient(135deg, #6A3A6A 0%, #A86CA8 60%, #C088C0 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 234 : Ligne 234 :
/* --- Daïmon (gris métallique) --- */
/* --- Daïmon (gris métallique) --- */
.mw-body-content .FichePNJNL.fiche-pnj-daimon .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-daimon .entete-pnj {
     background-color: #6E7A85;
     background: linear-gradient(135deg, #404C55 0%, #6E7A85 60%, #8A98A5 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 243 : Ligne 243 :
/* --- Wowakan / Loa / Shen / Jukurrpa (marron terre) --- */
/* --- Wowakan / Loa / Shen / Jukurrpa (marron terre) --- */
.mw-body-content .FichePNJNL.fiche-pnj-cousin .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-cousin .entete-pnj {
     background-color: #6B4832;
     background: linear-gradient(135deg, #3E2818 0%, #6B4832 60%, #8A6248 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 252 : Ligne 252 :
/* --- Reflet akashique (soleil pur) --- */
/* --- Reflet akashique (soleil pur) --- */
.mw-body-content .FichePNJNL.fiche-pnj-reflet .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-reflet .entete-pnj {
     background-color: #E8C820;
     background: linear-gradient(135deg, #A89000 0%, #E8C820 60%, #F5DC50 100%);
     color: #fff !important;
     color: #fff !important;
}
}
Ligne 270 : Ligne 270 :
/* ============================================= */
/* ============================================= */
/* FichePNJNL — Nouvelles classes de couleurs    */
/* FichePNJNL — Nouvelles classes de couleurs    */
/* À ajouter dans MediaWiki:Common.css          */
/* ============================================= */
/* ============================================= */


/* --- 1. Ka-Soleil (Nephilim exceptionnel, ex: Khnoum) --- */
/* --- 1. Ka-Soleil (Nephilim exceptionnel, ex: Khnoum) --- */
.mw-body-content .FichePNJNL.fiche-pnj-soleil .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-soleil .entete-pnj {
     background: linear-gradient(135deg, #C49A2A 0%, #F5D76E 40%, #DAA520 60%, #C49A2A 100%) !important;
     background: linear-gradient(135deg, #8B5A00 0%, #C49A2A 40%, #E8C84A 70%, #F5DC80 100%) !important;
}
}
.mw-body-content .FichePNJNL.fiche-pnj-soleil .bandeau-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-soleil .bandeau-pnj {
Ligne 299 : Ligne 298 :
}
}


/* --- 3. Autre créature (nouveau : crème/sable, remplace l'ancien gris) --- */
/* --- 3. Autre créature (crème/sable) --- */
.mw-body-content .FichePNJNL.fiche-pnj-autre .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-autre .entete-pnj {
     background: linear-gradient(135deg, #B5A68C 0%, #C9BC9E 50%, #B5A68C 100%) !important;
     background: linear-gradient(135deg, #B5A68C 0%, #C9BC9E 50%, #B5A68C 100%) !important;
Ligne 314 : Ligne 313 :
/* --- 4. Animal (ocre) --- */
/* --- 4. Animal (ocre) --- */
.mw-body-content .FichePNJNL.fiche-pnj-animal .entete-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-animal .entete-pnj {
     background: #B8883B !important;
     background: linear-gradient(135deg, #7A5520 0%, #B8883B 60%, #D0A860 100%) !important;
}
}
.mw-body-content .FichePNJNL.fiche-pnj-animal .bandeau-pnj {
.mw-body-content .FichePNJNL.fiche-pnj-animal .bandeau-pnj {
Ligne 343 : Ligne 342 :
     margin: 0 0 1em 0 !important;
     margin: 0 0 1em 0 !important;
   }
   }
}
/* ================================================= */
/* Infobox Effetmagique — Affichage mobile          */
/* À AJOUTER à la fin de MediaWiki:Common.css        */
/* ================================================= */
@media screen and (max-width: 768px) {
/* Conteneur flex pour réordonner : infobox en premier */
.mw-parser-output:has(.infobox-effetmagique) {
display: flex !important;
flex-direction: column !important;
}
/* L’infobox passe en premier et occupe toute la largeur */
.mw-parser-output .infobox-effetmagique {
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 1em 0 !important;
order: -1 !important;
}
}
}


Ligne 1 161 : Ligne 1 182 :
   background: #ffffff !important;
   background: #ffffff !important;
   color: #2A2520 !important;
   color: #2A2520 !important;
   font-family: 'EB Garamond', Georgia, serif;
   font-family: 'Source Sans 3', 'Segoe UI', sans-serif;
   font-size: 16px !important;
   font-size: 16px !important;
   font-weight: 500;
   font-weight: 500;
Ligne 1 317 : Ligne 1 338 :
   background: #ffffff !important;
   background: #ffffff !important;
   color: #2A2520 !important;
   color: #2A2520 !important;
   font-family: 'EB Garamond', Georgia, serif;
   font-family: 'Source Sans 3', 'Segoe UI', sans-serif;
   font-size: 16px !important;
   font-size: 16px !important;
   font-weight: 500;
   font-weight: 500;
Ligne 1 462 : Ligne 1 483 :
   background: #ffffff !important;
   background: #ffffff !important;
   color: #2A2520 !important;
   color: #2A2520 !important;
   font-family: 'EB Garamond', Georgia, serif;
   font-family: 'Source Sans 3', 'Segoe UI', sans-serif;
   font-size: 16px !important;
   font-size: 16px !important;
   font-weight: 500;
   font-weight: 500;
Ligne 1 607 : Ligne 1 628 :
   background: #ffffff !important;
   background: #ffffff !important;
   color: #2A2520 !important;
   color: #2A2520 !important;
   font-family: 'EB Garamond', Georgia, serif;
   font-family: 'Source Sans 3', 'Segoe UI', sans-serif;
   font-size: 16px !important;
   font-size: 16px !important;
   font-weight: 500;
   font-weight: 500;
Ligne 1 752 : Ligne 1 773 :
   background: #ffffff !important;
   background: #ffffff !important;
   color: #2A2520 !important;
   color: #2A2520 !important;
   font-family: 'EB Garamond', Georgia, serif;
   font-family: 'Source Sans 3', 'Segoe UI', sans-serif;
   font-size: 16px !important;
   font-size: 16px !important;
   font-weight: 500;
   font-weight: 500;
Ligne 2 122 : Ligne 2 143 :
}
}


/* ============================================ */
/* ===========================================================
/* INFOBOX EFFETMAGIQUE — Dégradés en-tête      */
  STYLE TABLEAU QUÊTE ÉSOTÉRIQUE (NL)
/* par science occulte                          */
  =========================================================== */
/* ============================================ */
.neph_table_NL_quete_eso {
 
  border-collapse: separate !important;
/* --- Nephilim --- */
  border-spacing: 0 !important;
 
  background: #ffffff !important;
/* Magie — Or royal (aussi utilisé par défaut si sc_occulte vide) */
  color: #2A2520 !important;
.infobox-sc-magie {
  font-family: 'Source Sans 3', 'Segoe UI', sans-serif;
   background: linear-gradient(135deg, #6A5010 0%, #B89830 25%, #E8C848 50%, #B89830 75%, #6A5010 100%) !important;
  font-size: 16px !important;
   color: #FFFFFF !important;
  font-weight: 500;
  line-height: 1.4;
   border: none !important;
   width: 100% !important;
}
}


/* Kabbale — Argent sacré */
/* --- Cellules générales --- */
.infobox-sc-kabbale {
.neph_table_NL_quete_eso th,
   background: linear-gradient(135deg, #3A3A4A 0%, #6A6A80 30%, #9898B0 50%, #6A6A80 70%, #3A3A4A 100%) !important;
.neph_table_NL_quete_eso td {
   color: #F0F0F8 !important;
  border: 1px solid #c8c0d0 !important;
  padding: 4px 7px !important;
  vertical-align: middle !important;
   background: #ffffff !important;
   color: #2A2520 !important;
}


.neph_table_NL_quete_eso td {
  font-size: 16px !important;
}
}


/* Alchimie — Rouge métallique */
/* --- En-têtes (th) --- */
.infobox-sc-alchimie {
.neph_table_NL_quete_eso th {
   background: linear-gradient(135deg, #3A0A0A 0%, #6A1A1A 30%, #982828 50%, #6A1A1A 70%, #3A0A0A 100%) !important;
  background: #2D1B4E !important;
   color: #F8D8D8 !important;
  color: #D0C4DC !important;
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 0.85em;
   letter-spacing: 0.04em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-color: #1E0F38 !important;
   border-bottom: 2px solid #33302A !important;
}


/* --- Largeurs des colonnes --- */
.neph_table_NL_quete_eso th:first-child {
  width: 8%;
}
.neph_table_NL_quete_eso th:nth-child(2),
.neph_table_NL_quete_eso th:nth-child(3) {
  width: 46%;
}
}


/* Qiyas — Or classique */
/* --- Première colonne (Degré) --- */
.infobox-sc-qiyas {
.neph_table_NL_quete_eso td:first-child {
   background: linear-gradient(135deg, #B8860B 0%, #DAA520 30%, #F0D060 50%, #DAA520 70%, #B8860B 100%) !important;
  text-align: center !important;
   color: #2A1F0A !important;
  font-weight: bold !important;
 
   background: #574B6B !important;
   color: #D0C4DC !important;
}
}


/* --- Selenim --- */
/* --- Caption --- */
 
.neph_table_NL_quete_eso caption {
/* Nécromancie — Noir / violet sombre */
   font-weight: bold;
.infobox-sc-necromancie {
  font-size: 1.1em;
   background: linear-gradient(135deg, #1A1020 0%, #2A1840 30%, #402860 50%, #2A1840 70%, #1A1020 100%) !important;
   padding: 8px;
   color: #D0C0E0 !important;
  font-family: 'Cinzel', serif;
 
}
}


/* Kabbale noire — Noir / gris métallique */
/* --- Ligne séparatrice colspan --- */
.infobox-sc-kabbale-noire {
.neph_table_NL_quete_eso th[colspan] {
   background: linear-gradient(135deg, #0E0E0E 0%, #2A2A30 30%, #484850 50%, #2A2A30 70%, #0E0E0E 100%) !important;
   text-align: center;
  color: #C8C8D0 !important;
 
}
}


/* --- Ar-Kaïm --- */
/* ============================================================
  INFOBOX EFFETMAGIQUE — Style épuré
  Inspiré de l'infobox Arcane Majeur
  À ajouter dans MediaWiki:Common.css
  ============================================================ */


/* Talents — Turquoise métallique */
/* --- Conteneur principal --- */
.infobox-sc-talents {
.infobox-effetmagique {
  background: linear-gradient(135deg, #0A3038 0%, #186068 30%, #20888C 50%, #186068 70%, #0A3038 100%) !important;
    float: right;
  color: #D0F4F4 !important;
    width: 320px;
    margin: 0 0 12px 16px;
    padding: 0;
    background: #ffffff;
    border: 1px solid #d0c4dc;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #1e293b;
}


/* Reset des marges parasites insérées par MediaWiki */
.infobox-effetmagique p {
    margin: 0;
    padding: 0;
}
}


/* --- Bohémiens --- */
/* Reset de la table infobox_v2 interne */
.infobox-effetmagique .infobox_v2 {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* Mandalas — Mauve / gris argent */
.infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] {
.infobox-sc-mandalas {
    background: linear-gradient(135deg, #1e1535 0%, #3a2d60 60%, #4a3a80 100%) !important;
  background: linear-gradient(135deg, #3A2848 0%, #6A5080 30%, #8878A0 50%, #6A5080 70%, #3A2848 100%) !important;
    padding: 16px 20px !important;
  color: #E8E0F0 !important;
    text-align: center;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none !important;
    font-variant: normal !important;
    font-family: 'EB Garamond', 'Lora', Georgia, serif !important;
}


/* Texte blanc dans l'en-tête */
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"],
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] b,
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] i,
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] span {
    color: #ffffff !important;
}
}


/* Dons — Mauve / doré */
/* --- Image --- */
.infobox-sc-dons {
.infobox-effetmagique .infobox_v2 td[style*="text-align:center"] img {
  background: linear-gradient(135deg, #3A2040 0%, #6A4060 30%, #A07040 50%, #6A4060 70%, #3A2040 100%) !important;
    border-radius: 6px;
  color: #F0E0D0 !important;
    margin: 4px 0;
}


/* --- Bandeau de section (Identité, Sources) --- */
.infobox-effetmagique .infobox_v2 td[colspan="2"][style*="background-color: #E8E8E8"] {
    background-color: #f8fafc !important;
    border-top: 2px solid #f0f1f3 !important;
    border-bottom: 1px solid #e2e5ea !important;
    padding: 8px 20px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: none !important;
    color: #94a3b8 !important;
}
}


/* --- Bandeaux d'édition (en-têtes colorés NL, N4, NR, N2, N1) ---
  Ciblés via les classes infobox-sc-* définies dans les sous-modèles */


/* ============================================
/* --- Champs clé/valeur --- */
  Modèle {{Définition}} — Cadres de définition
.infobox-effetmagique .infobox_v2 th {
  Style A+C : filet latéral + badge d'édition
    padding: 5px 20px !important;
  ============================================ */
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #64748b !important;
    vertical-align: top;
    border-bottom: 1px solid #f1f5f9 !important;
    background: transparent !important;
}


/* Cadre de base */
.infobox-effetmagique .infobox_v2 td {
.def-cadre {
     padding: 5px 20px !important;
    border-left: 4px solid #999;
     font-size: 13px !important;
     padding: .8em 1.2em;
     color: #1e293b !important;
     margin: .5em 0;
     vertical-align: top;
     background: #fafafa;
     border-bottom: 1px solid #f1f5f9 !important;
     border-radius: 0 3px 3px 0;
     overflow: hidden;
}
}


/* Badge d'édition */
/* Liens dans les valeurs */
.def-badge {
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td a:not(.new):not(.external) {
     display: inline-block;
     color: #1e293b !important;
     font-family: 'Cinzel', serif;
     border-bottom: none !important;
    font-size: .7em;
}
    font-weight: 600;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td a:not(.new):not(.external):hover {
    letter-spacing: .06em;
     color: #6366f1 !important;
    text-transform: uppercase;
    padding: .15em .55em;
    border-radius: 3px;
     color: #fff;
    margin-bottom: .5em;
    line-height: 1.4;
}
}


/* Texte de la définition */
/* --- Responsive : pleine largeur en mobile --- */
.def-texte {
@media screen and (max-width: 768px) {
     font-size: .95em;
 
    line-height: 1.55;
     .mw-parser-output .infobox-effetmagique {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 1em 0 !important;
    }
}
}


/* Source */
/* Bandeau édition dans Infobox Effetmagique — forcer texte clair */
.def-source {
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="574B6B"],
    margin-top: .5em;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="574B6B"] span,
    font-size: .82em;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="6B4548"],
     color: #888;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="6B4548"] span,
     font-style: italic;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="4A5568"],
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="4A5568"] span,
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="727a68"],
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="727a68"] span,
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="6B5D4F"],
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="6B5D4F"] span {
     color: #F7F6F2 !important;
     text-transform: none !important;
}
 
 
/* ============================================ */
/* INFOBOX EFFETMAGIQUE — Dégradés en-tête      */
/* par science occulte                          */
/* ============================================ */
 
/* --- Nephilim --- */
 
/* Magie — Or royal (aussi utilisé par défaut si sc_occulte vide) */
.infobox-sc-magie {
  background: linear-gradient(135deg, #6A5010 0%, #B89830 25%, #E8C848 50%, #B89830 75%, #6A5010 100%) !important;
  color: #FFFFFF !important;
}
}


/* --- Nephilim Légende (5e) — Pourpre --- */
/* Kabbale — Argent sacré */
.def-nl {
.infobox-sc-kabbale {
    border-left-color: #574B6B;
  background: linear-gradient(135deg, #3A3A4A 0%, #6A6A80 30%, #9898B0 50%, #6A6A80 70%, #3A3A4A 100%) !important;
}
  color: #F0F0F8 !important;
.def-badge-nl {
 
    background-color: #7B6D92;
}
}


/* --- Nephilim Anniversaire (4e) — Bordeaux --- */
/* Alchimie — Rouge métallique */
.def-n4 {
.infobox-sc-alchimie {
    border-left-color: #6B4548;
  background: linear-gradient(135deg, #3A0A0A 0%, #6A1A1A 30%, #982828 50%, #6A1A1A 70%, #3A0A0A 100%) !important;
}
  color: #F8D8D8 !important;
.def-badge-n4 {
 
    background-color: #8E6568;
}
}


/* --- Nephilim Révélation (3e) — Bleu nuit --- */
/* Qiyas — Or classique */
.def-nr {
.infobox-sc-qiyas {
    border-left-color: #4A5568;
  background: linear-gradient(135deg, #B8860B 0%, #DAA520 30%, #F0D060 50%, #DAA520 70%, #B8860B 100%) !important;
  color: #2A1F0A !important;
 
}
}
.def-badge-nr {
 
    background-color: #6B7A8E;
/* --- Selenim --- */
 
/* Nécromancie — Noir / violet sombre */
.infobox-sc-necromancie {
  background: linear-gradient(135deg, #1A1020 0%, #2A1840 30%, #402860 50%, #2A1840 70%, #1A1020 100%) !important;
  color: #D0C0E0 !important;
 
}
}


/* --- Nephilim 2e édition — Olive --- */
/* Kabbale noire — Noir / gris métallique */
.def-n2 {
.infobox-sc-kabbale-noire {
    border-left-color: #727a68;
  background: linear-gradient(135deg, #0E0E0E 0%, #2A2A30 30%, #484850 50%, #2A2A30 70%, #0E0E0E 100%) !important;
}
  color: #C8C8D0 !important;
.def-badge-n2 {
    background-color: #8E9680;
}


/* --- Nephilim 1ère édition — Brun chaud --- */
.def-n1 {
    border-left-color: #6B5D4F;
}
.def-badge-n1 {
    background-color: #8E7E6E;
}
}


/* --- Contenu natif du wiki — Ambre/Parchemin --- */
/* --- Ar-Kaïm --- */
.def-wiki {
 
    border-left-color: #A08050;
/* Talents — Turquoise métallique */
}
.infobox-sc-talents {
.def-badge-wiki {
  background: linear-gradient(135deg, #0A3038 0%, #186068 30%, #20888C 50%, #186068 70%, #0A3038 100%) !important;
    background-color: #B89860;
  color: #D0F4F4 !important;
}


/* Micro-titre "Définition" */
.def-type-label {
    display: block;
    font-family: 'Cinzel', serif;
    font-size: .55em;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #aaa;
    margin-bottom: .25em;
}
}


/* --- Bohémiens --- */
/* Mandalas — Mauve / gris argent */
.infobox-sc-mandalas {
  background: linear-gradient(135deg, #3A2848 0%, #6A5080 30%, #8878A0 50%, #6A5080 70%, #3A2848 100%) !important;
  color: #E8E0F0 !important;


/* ============================================
}
  INFOBOX SUPPLÉMENTS — Styles par édition
 
  À ajouter dans MediaWiki:Common.css
/* Dons — Mauve / doré */
  ============================================ */
.infobox-sc-dons {
  background: linear-gradient(135deg, #3A2040 0%, #6A4060 30%, #A07040 50%, #6A4060 70%, #3A2040 100%) !important;
  color: #F0E0D0 !important;


/* --- Structure commune --- */
.infobox-supplement {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    font-family: 'EB Garamond', 'Georgia', serif;
    font-size: 0.92em;
}
}


.infobox-supplement table {
/* --- Sources : texte réduit --- */
     width: 100%;
.infobox-effetmagique .infobox_v2 th.infobox-src,
     border-collapse: collapse;
.infobox-effetmagique .infobox_v2 td.infobox-src {
     font-size: 11px !important;
     padding: 8px 12px !important;
}
}


.infobox-supplement-badge {
 
     font-family: 'Cinzel', serif;
/* ============================================
     font-size: 0.65em;
  Modèle {{Définition}} — Cadres de définition
     letter-spacing: 0.15em;
  Style A+C : filet latéral + badge d'édition
     text-transform: uppercase;
  ============================================ */
     text-align: center;
 
    padding: 3px 8px;
/* Cadre de base */
     color: rgba(255,255,255,0.82) !important;
.def-cadre {
     border-left: 4px solid #999;
     padding: .8em 1.2em;
     margin: .5em 0;
     background: #fafafa;
     border-radius: 0 3px 3px 0;
     overflow: hidden;
}
}


.infobox-supplement-title {
/* Badge d'édition */
.def-badge {
    display: inline-block;
     font-family: 'Cinzel', serif;
     font-family: 'Cinzel', serif;
     font-size: 1.05em;
     font-size: .7em;
     font-weight: 700;
     font-weight: 600;
     text-align: center;
    letter-spacing: .06em;
     padding: 10px 12px;
     text-transform: uppercase;
     color: #fff !important;
     padding: .15em .55em;
     text-shadow: 0 1px 2px rgba(0,0,0,0.15);
    border-radius: 3px;
     color: #fff;
     margin-bottom: .5em;
    line-height: 1.4;
}
}


/* Force blanc sur titre même à travers les balises wiki bold/italic */
/* Texte de la définition */
.infobox-supplement-title b,
.def-texte {
.infobox-supplement-title i,
    font-size: .95em;
.infobox-supplement-title a {
     line-height: 1.55;
     color: #fff !important;
}
}


.infobox-supplement-cover {
/* Source */
     text-align: center;
.def-source {
     padding: 12px;
    margin-top: .5em;
     font-size: .82em;
     color: #888;
    font-style: italic;
}
}


.infobox-supplement-cover img {
/* --- Nephilim Légende (5e) — Pourpre --- */
     border-radius: 2px;
.def-nl {
     border: 1px solid rgba(0,0,0,0.08);
     border-left-color: #574B6B;
}
.def-badge-nl {
     background-color: #7B6D92;
}
}


.infobox-supplement-legend {
/* --- Nephilim Anniversaire (4e) — Bordeaux --- */
     text-align: center;
.def-n4 {
    font-style: italic;
     border-left-color: #6B4548;
     font-size: 0.82em;
}
    color: #888;
.def-badge-n4 {
    padding: 0 12px 8px;
     background-color: #8E6568;
}
}


.infobox-supplement-sep {
/* --- Nephilim Révélation (3e) — Bleu nuit --- */
     height: 1px;
.def-nr {
    padding: 0;
     border-left-color: #4A5568;
    line-height: 0;
}
     font-size: 0;
.def-badge-nr {
     background-color: #6B7A8E;
}
}


.infobox-supplement-section {
/* --- Nephilim 2e édition — Olive --- */
     font-family: 'Cinzel', serif;
.def-n2 {
    font-size: 0.68em;
     border-left-color: #727a68;
    font-weight: 600;
}
    letter-spacing: 0.1em;
.def-badge-n2 {
     text-transform: uppercase;
     background-color: #8E9680;
    padding: 4px 10px;
    color: #fff !important;
}
}


.infobox-supplement-label {
/* --- Nephilim 1ère édition — Brun chaud --- */
     width: 38%;
.def-n1 {
    text-align: left;
     border-left-color: #6B5D4F;
    padding: 4px 10px;
}
    font-weight: 600;
.def-badge-n1 {
    font-size: 16px;
     background-color: #8E7E6E;
    vertical-align: top;
     background: #fff;
    border-bottom: 1px solid #EDEDED;
}
}


.infobox-supplement-data {
/* --- Contenu natif du wiki — Ambre/Parchemin --- */
     padding: 4px 10px;
.def-wiki {
    font-size: 16px;
     border-left-color: #A08050;
    vertical-align: top;
}
    color: #444;
.def-badge-wiki {
     background: #fff;
     background-color: #B89860;
    border-bottom: 1px solid #EDEDED;
}
}


/* --- NL — 5e édition (Légende) — Pourpre --- */
/* Micro-titre "Définition" */
.infobox-supplement-nl {
.def-type-label {
     border: 1px solid #C4BAD0;
    display: block;
    font-family: 'Cinzel', serif;
    font-size: .55em;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
     color: #aaa;
    margin-bottom: .25em;
}
}
.infobox-supplement-nl .infobox-supplement-badge {
 
     background: #483D5C;
 
/* ============================================
  INFOBOX SUPPLÉMENTS — Styles par édition
  À ajouter dans MediaWiki:Common.css
  ============================================ */
 
/* --- Structure commune --- */
table.infobox-supplement {
    float: right !important;
    width: 35% !important;
    min-width: 280px !important;
    margin: 0 0 1em 2em !important;
    border-collapse: collapse;
     background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    font-family: 'EB Garamond', 'Georgia', serif;
    font-size: 0.92em;
}
}
.infobox-supplement-nl .infobox-supplement-title {
.infobox-supplement-badge {
     background: linear-gradient(135deg, #574B6B, #7B6E91);
    font-family: 'Cinzel', serif;
    font-size: 0.65em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: center;
    padding: 3px 8px;
     color: rgba(255,255,255,0.82) !important;
}
}
.infobox-supplement-nl .infobox-supplement-cover {
 
     background: #E3DEE8;
.infobox-supplement-title {
    font-family: 'Cinzel', serif;
    font-size: 1.05em;
    font-weight: 700;
    text-align: center;
    padding: 10px 12px;
     color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
}
.infobox-supplement-nl .infobox-supplement-legend {
 
     background: #E3DEE8;
/* Force blanc sur titre même à travers les balises wiki bold/italic */
.infobox-supplement-title b,
.infobox-supplement-title i,
.infobox-supplement-title a {
     color: #fff !important;
}
}
.infobox-supplement-nl .infobox-supplement-sep {
 
     background: #C4BAD0;
.infobox-supplement-cover {
    text-align: center;
     padding: 12px;
}
}
.infobox-supplement-nl .infobox-supplement-section {
 
     background: #7B6E91;
.infobox-supplement-cover img {
}
     border-radius: 2px;
.infobox-supplement-nl .infobox-supplement-label {
     border: 1px solid rgba(0,0,0,0.08);
     color: #574B6B;
}
}


/* --- N4 — 4e édition (Anniversaire) — Bordeaux --- */
.infobox-supplement-legend {
.infobox-supplement-n4 {
    text-align: center;
     border: 1px solid #D0C0BD;
    font-style: italic;
    font-size: 0.82em;
     color: #888;
    padding: 0 12px 8px;
}
}
.infobox-supplement-n4 .infobox-supplement-badge {
 
     background: #5B3538;
.infobox-supplement-sep {
    height: 1px;
    padding: 0;
    line-height: 0;
     font-size: 0;
}
}
.infobox-supplement-n4 .infobox-supplement-title {
 
     background: linear-gradient(135deg, #6B4548, #8B6568);
.infobox-supplement-section {
    font-family: 'Cinzel', serif;
    font-size: 0.68em;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 4px 10px;
     color: #fff !important;
}
}
.infobox-supplement-n4 .infobox-supplement-cover {
 
     background: #E8DDD8;
.infobox-supplement-label {
    width: 38%;
    text-align: left;
    padding: 4px 10px;
    font-weight: 600;
    font-size: 16px;
    vertical-align: top;
     background: #fff;
    border-bottom: 1px solid #EDEDED;
}
}
.infobox-supplement-n4 .infobox-supplement-legend {
 
     background: #E8DDD8;
.infobox-supplement-data {
    padding: 4px 10px;
    font-size: 16px;
    vertical-align: top;
    color: #444;
     background: #fff;
    border-bottom: 1px solid #EDEDED;
}
}
.infobox-supplement-n4 .infobox-supplement-sep {
 
     background: #D0C0BD;
/* --- NL — 5e édition (Légende) — Pourpre --- */
.infobox-supplement-nl {
     border: 1px solid #C4BAD0;
}
}
.infobox-supplement-n4 .infobox-supplement-section {
.infobox-supplement-nl .infobox-supplement-badge {
     background: #8B6568;
     background: #483D5C;
}
}
.infobox-supplement-n4 .infobox-supplement-label {
.infobox-supplement-nl .infobox-supplement-title {
     color: #6B4548;
     background: linear-gradient(135deg, #574B6B, #7B6E91);
}
}
 
.infobox-supplement-nl .infobox-supplement-cover {
/* --- NR — 3e édition (Révélation) — Bleu nuit --- */
     background: #E3DEE8;
.infobox-supplement-nr {
     border: 1px solid #C0C8D0;
}
}
.infobox-supplement-nr .infobox-supplement-badge {
.infobox-supplement-nl .infobox-supplement-legend {
     background: #3A4558;
     background: #E3DEE8;
}
}
.infobox-supplement-nr .infobox-supplement-title {
.infobox-supplement-nl .infobox-supplement-sep {
     background: linear-gradient(135deg, #4A5568, #6A7588);
     background: #C4BAD0;
}
}
.infobox-supplement-nr .infobox-supplement-cover {
.infobox-supplement-nl .infobox-supplement-section {
     background: #DDE2E8;
     background: #7B6E91;
}
}
.infobox-supplement-nr .infobox-supplement-legend {
.infobox-supplement-nl .infobox-supplement-label {
     background: #DDE2E8;
     color: #574B6B;
}
}
.infobox-supplement-nr .infobox-supplement-sep {
 
     background: #C0C8D0;
/* --- N4 — 4e édition (Anniversaire) — Bordeaux --- */
.infobox-supplement-n4 {
     border: 1px solid #D0C0BD;
}
}
.infobox-supplement-nr .infobox-supplement-section {
.infobox-supplement-n4 .infobox-supplement-badge {
     background: #6A7588;
     background: #5B3538;
}
}
.infobox-supplement-nr .infobox-supplement-label {
.infobox-supplement-n4 .infobox-supplement-title {
     color: #4A5568;
     background: linear-gradient(135deg, #6B4548, #8B6568);
}
}
 
.infobox-supplement-n4 .infobox-supplement-cover {
/* --- N2 — 2e édition — Olive --- */
     background: #E8DDD8;
.infobox-supplement-n2 {
     border: 1px solid #C8C8C0;
}
}
.infobox-supplement-n2 .infobox-supplement-badge {
.infobox-supplement-n4 .infobox-supplement-legend {
     background: #626A58;
     background: #E8DDD8;
}
}
.infobox-supplement-n2 .infobox-supplement-title {
.infobox-supplement-n4 .infobox-supplement-sep {
     background: linear-gradient(135deg, #727a68, #8A9278);
     background: #D0C0BD;
}
}
.infobox-supplement-n2 .infobox-supplement-cover {
.infobox-supplement-n4 .infobox-supplement-section {
     background: #E8E4D8;
     background: #8B6568;
}
}
.infobox-supplement-n2 .infobox-supplement-legend {
.infobox-supplement-n4 .infobox-supplement-label {
     background: #E8E4D8;
     color: #6B4548;
}
}
.infobox-supplement-n2 .infobox-supplement-sep {
 
     background: #C8C8C0;
/* --- NR — 3e édition (Révélation) — Bleu nuit --- */
.infobox-supplement-nr {
     border: 1px solid #C0C8D0;
}
}
.infobox-supplement-n2 .infobox-supplement-section {
.infobox-supplement-nr .infobox-supplement-badge {
     background: #8A9278;
     background: #3A4558;
}
}
.infobox-supplement-n2 .infobox-supplement-label {
.infobox-supplement-nr .infobox-supplement-title {
     color: #727a68;
     background: linear-gradient(135deg, #4A5568, #6A7588);
}
}
 
.infobox-supplement-nr .infobox-supplement-cover {
/* --- N1 — 1ère édition — Brun chaud --- */
     background: #DDE2E8;
.infobox-supplement-n1 {
     border: 1px solid #D0C8B8;
}
}
.infobox-supplement-n1 .infobox-supplement-badge {
.infobox-supplement-nr .infobox-supplement-legend {
     background: #5B4D3F;
     background: #DDE2E8;
}
}
.infobox-supplement-n1 .infobox-supplement-title {
.infobox-supplement-nr .infobox-supplement-sep {
     background: linear-gradient(135deg, #6B5D4F, #8B7D6F);
     background: #C0C8D0;
}
}
.infobox-supplement-n1 .infobox-supplement-cover {
.infobox-supplement-nr .infobox-supplement-section {
     background: #E8E0D3;
     background: #6A7588;
}
}
.infobox-supplement-n1 .infobox-supplement-legend {
.infobox-supplement-nr .infobox-supplement-label {
     background: #E8E0D3;
     color: #4A5568;
}
}
.infobox-supplement-n1 .infobox-supplement-sep {
 
     background: #D0C8B8;
/* --- N2 — 2e édition — Olive --- */
.infobox-supplement-n2 {
    border: 1px solid #C8C8C0;
}
.infobox-supplement-n2 .infobox-supplement-badge {
    background: #626A58;
}
.infobox-supplement-n2 .infobox-supplement-title {
    background: linear-gradient(135deg, #727a68, #8A9278);
}
.infobox-supplement-n2 .infobox-supplement-cover {
    background: #E8E4D8;
}
.infobox-supplement-n2 .infobox-supplement-legend {
    background: #E8E4D8;
}
.infobox-supplement-n2 .infobox-supplement-sep {
    background: #C8C8C0;
}
.infobox-supplement-n2 .infobox-supplement-section {
    background: #8A9278;
}
.infobox-supplement-n2 .infobox-supplement-label {
    color: #727a68;
}
 
/* --- N1 — 1ère édition — Brun chaud --- */
.infobox-supplement-n1 {
    border: 1px solid #D0C8B8;
}
.infobox-supplement-n1 .infobox-supplement-badge {
    background: #5B4D3F;
}
.infobox-supplement-n1 .infobox-supplement-title {
    background: linear-gradient(135deg, #6B5D4F, #8B7D6F);
}
.infobox-supplement-n1 .infobox-supplement-cover {
    background: #E8E0D3;
}
.infobox-supplement-n1 .infobox-supplement-legend {
    background: #E8E0D3;
}
.infobox-supplement-n1 .infobox-supplement-sep {
     background: #D0C8B8;
}
}
.infobox-supplement-n1 .infobox-supplement-section {
.infobox-supplement-n1 .infobox-supplement-section {
Ligne 2 610 : Ligne 2 843 :
   font-weight: 600;
   font-weight: 600;
   color: #1E1A16;
   color: #1E1A16;
}
.mw-body-content th b,
.mw-body-content th strong {
  color: inherit;
}
}
.mw-body-content i,
.mw-body-content i,
Ligne 2 649 : Ligne 2 886 :
   font-weight: 600;
   font-weight: 600;
   color: #1E1A16;
   color: #1E1A16;
}
body:not(.page-Accueil) .mw-body-content th b,
body:not(.page-Accueil) .mw-body-content th strong {
  color: inherit;
}
}


Ligne 3 685 : Ligne 3 926 :
   margin: 0 auto;
   margin: 0 auto;
   font-family: sans-serif;
   font-family: sans-serif;
  background: var(--adv-bg-tint);
   border: 1.5px solid var(--adv-border-color);
   border: 1.5px solid var(--adv-border-color);
   border-top: none;
   border-top: none;
   border-radius: 0 0 8px 8px;
   border-radius: 0 0 8px 8px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
}
/* Colored overlay on top of background image */
.arbre-de-vie::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 0 0 8px 8px;
  background: var(--adv-overlay);
  z-index: 0;
  pointer-events: none;
}
/* Background images per world
  IMPORTANT: Ajuster les URLs ci-dessous après upload sur le wiki.
  Pour trouver l'URL exacte : uploader l'image, aller sur la page
  Fichier:Fond-AdV-Sohar.png et copier l'URL directe de l'image.
  Exemple PlanetHoster: /images/X/XX/Fond-AdV-Sohar.png */
.arbre-de-vie.adv-sohar    { background-image: url('/index.php/Special:Redirect/file/Fond-AdV-Sohar.png'); }
.arbre-de-vie.adv-zakai    { background-image: url('/index.php/Special:Redirect/file/Fond-AdV-Zakai.png'); }
.arbre-de-vie.adv-meborack { background-image: url('/index.php/Special:Redirect/file/Fond-AdV-Meborack.png'); }
.arbre-de-vie.adv-pachad  { background-image: url('/index.php/Special:Redirect/file/Fond-AdV-Pachad.png'); }
.arbre-de-vie.adv-aresh    { background-image: url('/index.php/Special:Redirect/file/Fond-AdV-Aresh.png'); }


/* Title h2 generated by template — kill default margins */
/* Title h2 generated by template — kill default margins */
Ligne 3 725 : Ligne 3 990 :
   border-top: 2px solid var(--adv-path-color);
   border-top: 2px solid var(--adv-path-color);
   transform-origin: 0 0;
   transform-origin: 0 0;
   z-index: 0;
   z-index: 1;
   pointer-events: none;
   pointer-events: none;
}
}
Ligne 3 901 : Ligne 4 166 :
   --adv-text-light: #88A4B6;
   --adv-text-light: #88A4B6;
   --adv-bg-tint: #F6FAFE;
   --adv-bg-tint: #F6FAFE;
  --adv-overlay: rgba(74, 144, 184, 0.10);
   --adv-border-color: #B3D4E8;
   --adv-border-color: #B3D4E8;
}
}
Ligne 3 917 : Ligne 4 183 :
   --adv-text-light: #8090A8;
   --adv-text-light: #8090A8;
   --adv-bg-tint: #F4F6FA;
   --adv-bg-tint: #F4F6FA;
  --adv-overlay: rgba(58, 80, 128, 0.10);
   --adv-border-color: #AAB8D4;
   --adv-border-color: #AAB8D4;
}
}
Ligne 3 933 : Ligne 4 200 :
   --adv-text-light: #88A88C;
   --adv-text-light: #88A88C;
   --adv-bg-tint: #F5FBF6;
   --adv-bg-tint: #F5FBF6;
  --adv-overlay: rgba(74, 138, 90, 0.10);
   --adv-border-color: #B3D8BC;
   --adv-border-color: #B3D8BC;
}
}
Ligne 3 949 : Ligne 4 217 :
   --adv-text-light: #A088B0;
   --adv-text-light: #A088B0;
   --adv-bg-tint: #F8F4FC;
   --adv-bg-tint: #F8F4FC;
  --adv-overlay: rgba(122, 90, 158, 0.10);
   --adv-border-color: #CCBADE;
   --adv-border-color: #CCBADE;
}
}
Ligne 3 965 : Ligne 4 234 :
   --adv-text-light: #B08888;
   --adv-text-light: #B08888;
   --adv-bg-tint: #FDF6F6;
   --adv-bg-tint: #FDF6F6;
  --adv-overlay: rgba(184, 74, 74, 0.10);
   --adv-border-color: #E8B3B3;
   --adv-border-color: #E8B3B3;
}
}
Ligne 3 987 : Ligne 4 257 :
.adv-bandeau.adv-pachad  { background: linear-gradient(135deg, #7A5A9E, #9878B8); }
.adv-bandeau.adv-pachad  { background: linear-gradient(135deg, #7A5A9E, #9878B8); }
.adv-bandeau.adv-aresh    { background: linear-gradient(135deg, #B84A4A, #D46A6A); }
.adv-bandeau.adv-aresh    { background: linear-gradient(135deg, #B84A4A, #D46A6A); }
/* ===========================================================
  BLOC DE CITATION LONGUE
  Alternative au blockquote italique pour les longs passages
  =========================================================== */
body:not(.page-Accueil) .mw-body-content .citation-longue {
  margin: 1.5em 0;
  padding: 1.2em 1.6em;
  background: linear-gradient(135deg, #F8F5FB 0%, #F2EEF6 100%);
  border-left: 4px solid #C49A2A;
  border-right: 1px solid #D0C4DC;
  border-top: 1px solid #D0C4DC;
  border-bottom: 1px solid #D0C4DC;
  border-radius: 0 6px 6px 0;
  font-style: normal;
  color: #3A3530;
  font-size: 0.97em;
  line-height: 1.65;
  position: relative;
}
body:not(.page-Accueil) .mw-body-content .citation-longue::before {
  content: '\275D';
  position: absolute;
  top: -8px;
  left: 10px;
  font-size: 2.5em;
  color: rgba(196, 154, 42, 0.15);
  font-style: normal;
  line-height: 1;
}
/* Espacement généreux entre paragraphes dans les longs blocs */
body:not(.page-Accueil) .mw-body-content .citation-longue p {
  margin: 0.7em 0;
}
body:not(.page-Accueil) .mw-body-content .citation-longue p:first-child {
  margin-top: 0;
}
body:not(.page-Accueil) .mw-body-content .citation-longue p:last-child {
  margin-bottom: 0;
}
/* Filet décoratif en bas */
body:not(.page-Accueil) .mw-body-content .citation-longue::after {
  content: '';
  display: block;
  margin-top: 1em;
  height: 1px;
  background: linear-gradient(90deg, #C49A2A 0%, transparent 80%);
  opacity: 0.3;
}
/* ===========================================================
  BLOCKQUOTE qui respecte les infobox flottantes
  =========================================================== */
.mw-parser-output blockquote {
    overflow: hidden;
}
/* ============================================ */
/* Infobox Métamorphe — Base                    */
/* ============================================ */
.mw-parser-output .infobox-metamorphe {
  float: right;
  margin: 0 0 0.75em 0.75em;
  width: 400px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid rgba(45,27,78,0.25) !important;
}
.mw-parser-output .infobox-metamorphe .infobox_v2 {
  border-collapse: collapse !important;
  width: 100% !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
}
/* Colonne gauche et droite égales */
.mw-parser-output .infobox-metamorphe .infobox_v2 th {
  width: 50% !important;
  font-weight: 600 !important;
  text-align: left !important;
  white-space: normal !important;
  padding: 4px 8px !important;
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
  font-size: 0.88em !important;
  vertical-align: top !important;
}
.mw-parser-output .infobox-metamorphe .infobox_v2 td {
  width: 50% !important;
  padding: 4px 8px !important;
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
  font-size: 0.88em !important;
  vertical-align: top !important;
}
/* Cellule titre — fond coloré, texte non italique */
.mw-parser-output .infobox-metamorphe .infobox_v2 td.entete.auteur {
  width: 100% !important;
  font-family: 'Cinzel', serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
  text-align: center !important;
  padding: 8px 12px 6px !important;
  text-transform: none !important;
  font-variant: normal !important;
  font-size: 1.0em !important;
  border-bottom: none !important;
  line-height: 1.5 !important;
}
/* Titre en blanc, non italique */
.mw-parser-output .infobox-metamorphe .infobox_v2 td.entete.auteur b,
.mw-parser-output .infobox-metamorphe .infobox_v2 td.entete.auteur strong {
  color: #FFFFFF !important;
  font-style: normal !important;
}
/* Sous-titre dans la même cellule */
.mw-parser-output .infobox-metamorphe .infobox_v2 td.entete.auteur .soustitre-metamorphe {
  display: block !important;
  font-family: 'EB Garamond', serif !important;
  font-style: italic !important;
  font-size: 0.82em !important;
  font-weight: 400 !important;
  margin-top: 2px !important;
}
/* Masquer les <hr> */
.mw-parser-output .infobox-metamorphe .infobox_v2 hr {
  display: none !important;
}
/* Masquer les lignes vides générées par les <hr> */
.mw-parser-output .infobox-metamorphe .infobox_v2 tr:has(> td[colspan="2"] > hr) {
  display: none !important;
}
/* Bandeaux de section — base */
.mw-parser-output .infobox-metamorphe .infobox_v2 td[colspan="2"]:not(.entete) {
  width: 100% !important;
  text-align: center !important;
  font-family: 'Cinzel', serif !important;
  font-size: 0.75em !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  padding: 3px 8px 4px !important;
  background-color: #FFFFFF !important;
  border-top: none !important;
  border-bottom: none !important;
}
.mw-parser-output .infobox-metamorphe .infobox_v2 td[colspan="2"]:not(.entete) b {
  display: inline !important;
  font-style: normal !important;
}
/* Couleur des bandeaux par élément */
.mw-parser-output .metamorphe-pyrim .infobox_v2 td[colspan="2"]:not(.entete) b {
  color: #C0524E !important;
}
.mw-parser-output .metamorphe-eolim .infobox_v2 td[colspan="2"]:not(.entete) b {
  color: #3B7FAD !important;
}
.mw-parser-output .metamorphe-hydrim .infobox_v2 td[colspan="2"]:not(.entete) b {
  color: #3B6FA0 !important;
}
.mw-parser-output .metamorphe-faerim .infobox_v2 td[colspan="2"]:not(.entete) b {
  color: #4A9A6A !important;
}
.mw-parser-output .metamorphe-onirim .infobox_v2 td[colspan="2"]:not(.entete) b {
  color: #6B4E8A !important;
}
.mw-parser-output .metamorphe-neutre .infobox_v2 td[colspan="2"]:not(.entete) b {
  color: #574B6B !important;
}
/* ============================================ */
/* Couleurs par élément                        */
/* ============================================ */
/* ---- Feu / Pyrim ---- */
.mw-parser-output .metamorphe-pyrim .infobox_v2 td.entete.auteur {
  background: linear-gradient(135deg, #8B2A28 0%, #C0524E 100%) !important;
}
.mw-parser-output .metamorphe-pyrim .infobox_v2 td.entete.auteur .soustitre-metamorphe {
  color: #F2D5D3 !important;
}
.mw-parser-output .metamorphe-pyrim .infobox_v2 th {
  background-color: #F2D5D3 !important;
  color: #6A1F1D !important;
}
.mw-parser-output .metamorphe-pyrim .infobox_v2 td:not(.entete) {
  background-color: #FDF0EF !important;
}
.mw-parser-output .metamorphe-pyrim .infobox_v2 td[colspan="2"]:not(.entete) {
  color: #C0524E !important;
}
/* ---- Air / Éolim ---- */
.mw-parser-output .metamorphe-eolim .infobox_v2 td.entete.auteur {
  background: linear-gradient(135deg, #2E6B9A 0%, #5BA4D9 100%) !important;
}
.mw-parser-output .metamorphe-eolim .infobox_v2 td.entete.auteur .soustitre-metamorphe {
  color: #D4E9F7 !important;
}
.mw-parser-output .metamorphe-eolim .infobox_v2 th {
  background-color: #D4E9F7 !important;
  color: #1A3F5A !important;
}
.mw-parser-output .metamorphe-eolim .infobox_v2 td:not(.entete) {
  background-color: #F0F7FD !important;
}
.mw-parser-output .metamorphe-eolim .infobox_v2 td[colspan="2"]:not(.entete) {
  color: #3B7FAD !important;
}
/* ---- Eau / Hydrim ---- */
.mw-parser-output .metamorphe-hydrim .infobox_v2 td.entete.auteur {
  background: linear-gradient(135deg, #1E4A6E 0%, #3B6FA0 100%) !important;
}
.mw-parser-output .metamorphe-hydrim .infobox_v2 td.entete.auteur .soustitre-metamorphe {
  color: #CEDDEF !important;
}
.mw-parser-output .metamorphe-hydrim .infobox_v2 th {
  background-color: #CEDDEF !important;
  color: #1A3550 !important;
}
.mw-parser-output .metamorphe-hydrim .infobox_v2 td:not(.entete) {
  background-color: #EEF5FB !important;
}
.mw-parser-output .metamorphe-hydrim .infobox_v2 td[colspan="2"]:not(.entete) {
  color: #3B6FA0 !important;
}
/* ---- Terre / Faërim ---- */
.mw-parser-output .metamorphe-faerim .infobox_v2 td.entete.auteur {
  background: linear-gradient(135deg, #266044 0%, #4A9A6A 100%) !important;
}
.mw-parser-output .metamorphe-faerim .infobox_v2 td.entete.auteur .soustitre-metamorphe {
  color: #D2EDDA !important;
}
.mw-parser-output .metamorphe-faerim .infobox_v2 th {
  background-color: #D2EDDA !important;
  color: #1A4A2A !important;
}
.mw-parser-output .metamorphe-faerim .infobox_v2 td:not(.entete) {
  background-color: #F0FAF4 !important;
}
.mw-parser-output .metamorphe-faerim .infobox_v2 td[colspan="2"]:not(.entete) {
  color: #4A9A6A !important;
}
/* ---- Lune / Onirim ---- */
.mw-parser-output .metamorphe-onirim .infobox_v2 td.entete.auteur {
  background: linear-gradient(135deg, #3A2458 0%, #6B4E8A 100%) !important;
}
.mw-parser-output .metamorphe-onirim .infobox_v2 td.entete.auteur .soustitre-metamorphe {
  color: #E0D4EE !important;
}
.mw-parser-output .metamorphe-onirim .infobox_v2 th {
  background-color: #E0D4EE !important;
  color: #2D1B4E !important;
}
.mw-parser-output .metamorphe-onirim .infobox_v2 td:not(.entete) {
  background-color: #F7F3FC !important;
}
.mw-parser-output .metamorphe-onirim .infobox_v2 td[colspan="2"]:not(.entete) {
  color: #6B4E8A !important;
}
/* ---- Neutre ---- */
.mw-parser-output .metamorphe-neutre .infobox_v2 td.entete.auteur {
  background: linear-gradient(135deg, #2D1B4E 0%, #574B6B 100%) !important;
}
.mw-parser-output .metamorphe-neutre .infobox_v2 td.entete.auteur .soustitre-metamorphe {
  color: #D0C4DC !important;
}
.mw-parser-output .metamorphe-neutre .infobox_v2 th {
  background-color: #E8E0F0 !important;
  color: #2D1B4E !important;
}
.mw-parser-output .metamorphe-neutre .infobox_v2 td:not(.entete) {
  background-color: #F8F5FC !important;
}
.mw-parser-output .metamorphe-neutre .infobox_v2 td[colspan="2"]:not(.entete) {
  color: #574B6B !important;
}
/* ============================================ */
/* 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;
  }
}
Récupérée de « https://nephilim-rpg.com/index.php/Spécial:MobileDiff/26245...27606 »