Aller au contenu

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

MediaWiki:Common.css (voir la source)

Version du 29 mars 2026 à 11:18

11 627 octets ajoutés ,  29 mars
aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
 
(36 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 1 183 : 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 339 : 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 484 : 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 629 : 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 774 : 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 144 : Ligne 2 143 :
}
}


/* ============================================================
/* ===========================================================
  INFOBOX EFFETMAGIQUE — Style épuré
   STYLE TABLEAU QUÊTE ÉSOTÉRIQUE (NL)
  Inspiré de l'infobox Arcane Majeur
   =========================================================== */
   À ajouter dans MediaWiki:Common.css
.neph_table_NL_quete_eso {
   ============================================================ */
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  color: #2A2520 !important;
  font-family: 'Source Sans 3', 'Segoe UI', sans-serif;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 1.4;
  border: none !important;
  width: 100% !important;
}


/* --- Conteneur principal --- */
/* --- Cellules générales --- */
.infobox-effetmagique {
.neph_table_NL_quete_eso th,
    float: right;
.neph_table_NL_quete_eso td {
    width: 280px;
  border: 1px solid #c8c0d0 !important;
    margin: 0 0 12px 16px;
  padding: 4px 7px !important;
    padding: 0;
  vertical-align: middle !important;
    background: #ffffff;
  background: #ffffff !important;
    border: 1px solid #e2e5ea;
  color: #2A2520 !important;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04);
    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 */
.neph_table_NL_quete_eso td {
.infobox-effetmagique p {
  font-size: 16px !important;
    margin: 0;
    padding: 0;
}
}


/* Reset de la table infobox_v2 interne */
/* --- En-têtes (th) --- */
.infobox-effetmagique .infobox_v2 {
.neph_table_NL_quete_eso th {
    border: none !important;
  background: #2D1B4E !important;
    background: transparent !important;
  color: #D0C4DC !important;
    box-shadow: none !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;
}
}


.infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] {
/* --- Largeurs des colonnes --- */
    background: linear-gradient(135deg, #2e3558 0%, #4a4280 60%, #5548a0 100%) !important;
.neph_table_NL_quete_eso th:first-child {
    padding: 16px 20px !important;
  width: 8%;
    text-align: center;
}
    font-size: 20px;
.neph_table_NL_quete_eso th:nth-child(2),
    font-weight: 700;
.neph_table_NL_quete_eso th:nth-child(3) {
    line-height: 1.3;
  width: 46%;
    text-transform: none !important;
    font-variant: normal !important;
    font-family: 'EB Garamond', 'Lora', Georgia, serif !important;
}
}


/* Texte blanc dans l'en-tête */
/* --- Première colonne (Degré) --- */
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"],
.neph_table_NL_quete_eso td:first-child {
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] b,
  text-align: center !important;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] i,
  font-weight: bold !important;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] span {
  background: #574B6B !important;
    color: #ffffff !important;
  color: #D0C4DC !important;
}
}


/* --- Image --- */
/* --- Caption --- */
.infobox-effetmagique .infobox_v2 td[style*="text-align:center"] img {
.neph_table_NL_quete_eso caption {
    border-radius: 6px;
  font-weight: bold;
    margin: 4px 0;
  font-size: 1.1em;
  padding: 8px;
  font-family: 'Cinzel', serif;
}
}


/* --- Bandeau de section (Identité, Sources) --- */
/* --- Ligne séparatrice colspan --- */
.infobox-effetmagique .infobox_v2 td[colspan="2"][style*="background-color: #E8E8E8"] {
.neph_table_NL_quete_eso th[colspan] {
    background-color: #f8fafc !important;
  text-align: center;
    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 */
  INFOBOX EFFETMAGIQUE — Style épuré
  Inspiré de l'infobox Arcane Majeur
   À ajouter dans MediaWiki:Common.css
  ============================================================ */


/* --- Champs clé/valeur --- */
/* --- Conteneur principal --- */
.infobox-effetmagique .infobox_v2 th {
.infobox-effetmagique {
     padding: 5px 20px !important;
    float: right;
     font-size: 12px !important;
    width: 320px;
     font-weight: 400 !important;
    margin: 0 0 12px 16px;
     color: #64748b !important;
     padding: 0;
     vertical-align: top;
     background: #ffffff;
     border-bottom: 1px solid #f1f5f9 !important;
    border: 1px solid #d0c4dc;
     background: transparent !important;
    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;
}
}


.infobox-effetmagique .infobox_v2 td {
/* Reset des marges parasites insérées par MediaWiki */
     padding: 5px 20px !important;
.infobox-effetmagique p {
     font-size: 13px !important;
     margin: 0;
    color: #1e293b !important;
     padding: 0;
    vertical-align: top;
    border-bottom: 1px solid #f1f5f9 !important;
}
}


/* Liens dans les valeurs */
/* Reset de la table infobox_v2 interne */
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td a:not(.new):not(.external) {
.infobox-effetmagique .infobox_v2 {
     color: #1e293b !important;
    border: none !important;
     border-bottom: none !important;
     background: transparent !important;
     box-shadow: none !important;
}
}
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td a:not(.new):not(.external):hover {
 
     color: #6366f1 !important;
.infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] {
    background: linear-gradient(135deg, #1e1535 0%, #3a2d60 60%, #4a3a80 100%) !important;
    padding: 16px 20px !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;
}
}


/* --- Responsive : pleine largeur en mobile --- */
/* Texte blanc dans l'en-tête */
@media screen and (max-width: 768px) {
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,
    .mw-parser-output .infobox-effetmagique {
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] i,
        float: none !important;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 tr:first-child > td[colspan="2"] span {
        width: 100% !important;
    color: #ffffff !important;
        max-width: 100% !important;
        margin: 0 0 1em 0 !important;
    }
}
}


/* Bandeau édition dans Infobox Effetmagique — forcer texte clair */
/* --- Image --- */
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="574B6B"],
.infobox-effetmagique .infobox_v2 td[style*="text-align:center"] img {
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="574B6B"] span,
    border-radius: 6px;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="6B4548"],
    margin: 4px 0;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="6B4548"] span,
}
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,
/* --- Bandeau de section (Identité, Sources) --- */
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="727a68"],
.infobox-effetmagique .infobox_v2 td[colspan="2"][style*="background-color: #E8E8E8"] {
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="727a68"] span,
    background-color: #f8fafc !important;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="6B5D4F"],
    border-top: 2px solid #f0f1f3 !important;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="6B5D4F"] span {
    border-bottom: 1px solid #e2e5ea !important;
     color: #F7F6F2 !important;
    padding: 8px 20px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
     letter-spacing: 2px !important;
     text-transform: none !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 --- */
/* INFOBOX EFFETMAGIQUE — Dégradés en-tête      */
.infobox-effetmagique .infobox_v2 th {
/* par science occulte                          */
    padding: 5px 20px !important;
/* ============================================ */
    font-size: 12px !important;
 
    font-weight: 400 !important;
/* --- Nephilim --- */
    color: #64748b !important;
 
    vertical-align: top;
/* Magie — Or royal (aussi utilisé par défaut si sc_occulte vide) */
    border-bottom: 1px solid #f1f5f9 !important;
.infobox-sc-magie {
    background: transparent !important;
  background: linear-gradient(135deg, #6A5010 0%, #B89830 25%, #E8C848 50%, #B89830 75%, #6A5010 100%) !important;
  color: #FFFFFF !important;
}
}


/* Kabbale — Argent sacré */
.infobox-effetmagique .infobox_v2 td {
.infobox-sc-kabbale {
    padding: 5px 20px !important;
  background: linear-gradient(135deg, #3A3A4A 0%, #6A6A80 30%, #9898B0 50%, #6A6A80 70%, #3A3A4A 100%) !important;
    font-size: 13px !important;
  color: #F0F0F8 !important;
    color: #1e293b !important;
    vertical-align: top;
    border-bottom: 1px solid #f1f5f9 !important;
}


/* Liens dans les valeurs */
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td a:not(.new):not(.external) {
    color: #1e293b !important;
    border-bottom: none !important;
}
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td a:not(.new):not(.external):hover {
    color: #6366f1 !important;
}
}


/* Alchimie — Rouge métallique */
/* --- Responsive : pleine largeur en mobile --- */
.infobox-sc-alchimie {
@media screen and (max-width: 768px) {
  background: linear-gradient(135deg, #3A0A0A 0%, #6A1A1A 30%, #982828 50%, #6A1A1A 70%, #3A0A0A 100%) !important;
  color: #F8D8D8 !important;


    .mw-parser-output .infobox-effetmagique {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 1em 0 !important;
    }
}
}


/* Qiyas — Or classique */
/* Bandeau édition dans Infobox Effetmagique — forcer texte clair */
.infobox-sc-qiyas {
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="574B6B"],
  background: linear-gradient(135deg, #B8860B 0%, #DAA520 30%, #F0D060 50%, #DAA520 70%, #B8860B 100%) !important;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="574B6B"] span,
  color: #2A1F0A !important;
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="6B4548"],
body:not(.page-Accueil) .mw-body-content .infobox-effetmagique .infobox_v2 td[style*="6B4548"] span,
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;
}


}


/* --- Selenim --- */
/* ============================================ */
/* INFOBOX EFFETMAGIQUE — Dégradés en-tête      */
/* par science occulte                          */
/* ============================================ */


/* Nécromancie — Noir / violet sombre */
/* --- Nephilim --- */
.infobox-sc-necromancie {
  background: linear-gradient(135deg, #1A1020 0%, #2A1840 30%, #402860 50%, #2A1840 70%, #1A1020 100%) !important;
  color: #D0C0E0 !important;


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


/* Kabbale noire — Noir / gris métallique */
/* Kabbale — Argent sacré */
.infobox-sc-kabbale-noire {
.infobox-sc-kabbale {
   background: linear-gradient(135deg, #0E0E0E 0%, #2A2A30 30%, #484850 50%, #2A2A30 70%, #0E0E0E 100%) !important;
   background: linear-gradient(135deg, #3A3A4A 0%, #6A6A80 30%, #9898B0 50%, #6A6A80 70%, #3A3A4A 100%) !important;
   color: #C8C8D0 !important;
   color: #F0F0F8 !important;


}
}


/* --- Ar-Kaïm --- */
/* Alchimie — Rouge métallique */
.infobox-sc-alchimie {
  background: linear-gradient(135deg, #3A0A0A 0%, #6A1A1A 30%, #982828 50%, #6A1A1A 70%, #3A0A0A 100%) !important;
  color: #F8D8D8 !important;
 
}
 
/* Qiyas — Or classique */
.infobox-sc-qiyas {
  background: linear-gradient(135deg, #B8860B 0%, #DAA520 30%, #F0D060 50%, #DAA520 70%, #B8860B 100%) !important;
  color: #2A1F0A !important;
 
}
 
/* --- 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;
 
}
 
/* Kabbale noire — Noir / gris métallique */
.infobox-sc-kabbale-noire {
  background: linear-gradient(135deg, #0E0E0E 0%, #2A2A30 30%, #484850 50%, #2A2A30 70%, #0E0E0E 100%) !important;
  color: #C8C8D0 !important;
 
}
 
/* --- Ar-Kaïm --- */


/* Talents — Turquoise métallique */
/* Talents — Turquoise métallique */
Ligne 2 350 : Ligne 2 422 :
   color: #F0E0D0 !important;
   color: #F0E0D0 !important;


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


Ligne 2 464 : Ligne 2 543 :


/* --- Structure commune --- */
/* --- Structure commune --- */
.infobox-supplement {
table.infobox-supplement {
    float: right !important;
    width: 35% !important;
    min-width: 280px !important;
    margin: 0 0 1em 2em !important;
    border-collapse: collapse;
     background: #fff;
     background: #fff;
     border-radius: 4px;
     border-radius: 4px;
Ligne 2 472 : Ligne 2 556 :
     font-size: 0.92em;
     font-size: 0.92em;
}
}
.infobox-supplement table {
    width: 100%;
    border-collapse: collapse;
}
.infobox-supplement-badge {
.infobox-supplement-badge {
     font-family: 'Cinzel', serif;
     font-family: 'Cinzel', serif;
Ligne 2 765 : 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 804 : 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 4 223 : Ligne 4 309 :
   background: linear-gradient(90deg, #C49A2A 0%, transparent 80%);
   background: linear-gradient(90deg, #C49A2A 0%, transparent 80%);
   opacity: 0.3;
   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/26888...27606 »