×
Créer un nouvel article
Écrivez le titre de votre page ici :
Nous avons actuellement 193 articles sur RDWiki. Saisissez votre nom d’article au-dessus de ou cliquez sur un des titres ci-dessous et commencez à écrire !



RDWiki

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

Aucun résumé des modifications
Aisuuuuu (discussion | contributions)
Aucun résumé des modifications
 
(79 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
/*
/* Header Site */
* Hollow Knight Wiki (EN) - Version 1.0.040 (07.08.2023)
* Skin créer par l'tilisateur:Polymeric (22.06.2021)
* Traduit et modifié pour Hollow Knight Wiki (FR) par l'utilisatrice: InkScarlet (13.07.2023)
*
* Veuillez noter que ce skin a été créé spécifiquement pour la version bureau de
* https://hollow-knight.fandom.com/ et que si vous souhaitez le copier,
* que ce soit partiellement ou complètement, n'oubliez pas de créditer
* et de citer son origine.
*/


/* TABLE DES MATIÈRES */
.cosmos-header__top-container {
/*
    height: 100px;
* Pour trouver une section spécifique du document, appuyez sur CTRL + F et,
* dans la barre de recherche, écrivez le nom de la section à laquelle
* vous voulez accéder. barre de recherche, écrivez le nom de la section dans
* laquelle vous voulez vous diriger.
*
* 1. Importations
* 2. Polices de caractères
* 3. Variables globales
* 3.1. Thème sombre
* 3.2. Thème clair
* 4. Boîte d'information
* 4.1. Styles généraux
* 4.2. Cellule de titre
* 4.3. Cellules d'information
* 4.4. Section d'image
* 4.5. Styles thématiques
* 4.6. Infoboxes avec infobulles
* 5. Styles généraux
* 5.1. En-tête
* 5.2. Body
* 5.3. Footer
* 6. Corrections et ajustements
* 7. Modèles et composants
* 8. Styles spécifiques à la page
* 9. Préférences de l'utilisateur
*/
 
/* 1. Imports. */
@import url(/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:Grid.css&only=styles);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap);
 
/* 2. Fonts. */
@font-face {
  font-display: swap;
  font-family: TrajanPro;
  font-style: normal;
  font-weight: 400;
  src: local('TrajanPro-Regular'), url(https://hk.fandom.com/Special:Filepath/TrajanPro-Regular.otf) format('opentype');
}
 
@font-face {
  font-display: swap;
  font-family: TrajanPro;
  font-style: normal;
  font-weight: 700;
  src: local('TrajanPro-Bold'), url(https://hk.fandom.com/Special:Filepath/TrajanPro-Bold.otf) format('opentype');
}
 
/* 3. Global variables. */
.wiki-rdwiki {
  --oasis-europa-horizontal-group-background-color: transparent;
  --theme-font-1: TrajanPro, 'Times New Roman', serif;
  --theme-font-2: Lato, Roboto, Arial, sans-serif;
  --theme-font-3: Perpetua, 'Times New Roman', serif;
  --pi-headers-font: var(--theme-font-1);
  --pi-tabbers-font: var(--theme-font-1);
  --pi-buttons-font: var(--theme-font-1);
  --theme-body-font: var(--theme-font-2);
  --theme-body-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Bg.webp);
  --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/7/7e/Image_d%27en-t%C3%AAte_Wiki.png/revision/latest?cb=20210626110542&format=original&path-prefix=fr);
}
 
/** 3.1. Dark theme. **/
.theme-fandomdesktop-dark {
  --theme-accent-color: #000;
  --theme-accent-color--rgb: 0, 0, 0;
  --theme-accent-color--hover: #000;
  --theme-accent-label-color: #fff;
  --scrollbar-background-color: #464646;
  --scrollbar-corner-color: #121212;
  --theme-alert-color: #ef9a9a;
  --theme-alert-color--rgb: 239, 154, 154;
  --theme-alert-label: #121212;
  --theme-success-color: #a5d6a7;
  --theme-success-color--rgb: 165, 214, 167;
  --theme-success-label: #121212;
  --theme-message-color: #81d4fa;
  --theme-selection-color-alpha: .16; /* % of selection's bg color opacity. */
  /*** Default theme. ***/
  /****
  * Note: any colors for the normal theme should be changed through the Theme
  * Designer (except the links-on-hover color, which should be updated alongside
  * the theme designer). Do not use background or header images in there, use
  * the variables below instead.
  * Not having a value for --theme-link-color--hover-rgb will also break the
  * scrollbar's button colors.
  ****/
  --theme-border-color: #ccc;
  --theme-border-color--rgb: 204, 204, 204;
  --theme-header-background-color: #000;
  --theme-header-background-color--rgb: 0, 0, 0;
  --theme-link-color--filter: invert(67%) sepia(14%) saturate(1350%) hue-rotate(186deg) brightness(113%) contrast(105%);
  --theme-link-color--hover: #cfdded;
  --theme-link-color--hover-rgb: 207, 221, 237;
  --theme-link-color--hover-filter: invert(89%) sepia(16%) saturate(242%) hue-rotate(175deg) brightness(97%) contrast(91%);
  --theme-text-on-background: rgb(255, 255, 255);
  --theme-text-on-background--rgb: 255, 255, 255;
  --theme-text-primary-on-background: rgba(255, 255, 255, .87);
  --theme-text-secondary-on-background: rgba(255, 255, 255, .6);
  --theme-text-disabled-on-background: rgba(255, 255, 255, .38);
  --theme-text-on-background--inverse: rgb(0, 0, 0);
  --theme-text-on-background--inverse--rgb: 0, 0, 0;
  --theme-text-primary-on-background--inverse: rgba(0, 0, 0, .87);
  --theme-text-secondary-on-background--inverse: rgba(0, 0, 0, .6);
  --theme-text-disabled-on-background--inverse: rgba(0, 0, 0, .38);
  --theme-color__red: #ef9a9a;
  --theme-color__red--rgb: 239, 154, 154;
  --theme-color__red--filter: invert(80%) sepia(36%) saturate(3969%) hue-rotate(306deg) brightness(119%) contrast(87%);
  --theme-color__pink: #f48fb1;
  --theme-color__pink--rgb: 244, 143, 177;
  --theme-color__purple: #ce93d8;
  --theme-color__purple--rgb: 206, 147, 216;
  --theme-color__deep-purple: #b39ddb;
  --theme-color__deep-purple--rgb: 179, 157, 219;
  --theme-color__indigo: #9fa8da;
  --theme-color__indigo--rgb: 159, 168, 218;
  --theme-color__blue: #90caf9;
  --theme-color__blue--rgb: 144, 202, 249;
  --theme-color__blue--filter: invert(71%) sepia(49%) saturate(398%) hue-rotate(177deg) brightness(98%) contrast(100%);
  --theme-color__light-blue: #81d4fa;
  --theme-color__light-blue--rgb: 129, 212, 250;
  --theme-color__cyan: #80deea;
  --theme-color__cyan--rgb: 128, 222, 234;
  --theme-color__teal: #80cbc4;
  --theme-color__teal--rgb: 128, 203, 196;
  --theme-color__green: #a5d6a7;
  --theme-color__green--rgb: 165, 214, 167;
  --theme-color__light-green: #c5e1a5;
  --theme-color__light-green--rgb: 197, 225, 165;
  --theme-color__lime: #e6ee9c;
  --theme-color__lime--rgb: 230, 238, 156;
  --theme-color__yellow: #fff59d;
  --theme-color__yellow--rgb: 255, 245, 157;
  --theme-color__yellow--filter: invert(92%) sepia(15%) saturate(1162%) hue-rotate(338deg) brightness(106%) contrast(105%);
  --theme-color__amber: #ffe082;
  --theme-color__amber--rgb: 255, 224, 130;
  --theme-color__orange: #ffcc80;
  --theme-color__orange--rgb: 255, 204, 128;
  --theme-color__deep-orange: #ffab91;
  --theme-color__deep-orange--rgb: 255, 171, 145;
  --theme-color__brown: #bcaaa4;
  --theme-color__brown--rgb: 188, 170, 164;
  --theme-color__grey: #eee;
  --theme-color__grey--rgb: 237, 237, 237;
  --theme-color__blue-grey: #b0bec5;
  --theme-color__blue-grey--rgb: 176, 190, 197;
  accent-color: var(--theme-color__light-blue);
  color-scheme: dark light;
}
 
.portable-infobox {
  --pi-background: rgba(81, 90, 132, .4);
  --pi-border-color: var(--theme-accent-label-color);
}
 
.wds-tabs, .wds-tabs__wrapper {
  --wds-tab-color: var(--theme-link-color);
  --wds-tab-color--hover: var(--wds-tab-color);
}
 
/** Themed variables. **/
/*** Rêves Cachés (Sombre) ***/
.theme-fandomdesktop-dark:is(.page-Rêves_Cachés,
.page-Catégorie_Rêves_Cachés,
.page-Protecteur_Blanc,
.page-Zote_le_Prince_Gris,
.page-Zoteling_Sautant,
.page-Zoteling_Ailé,
.page-Zoteling_Instable,
.page-Portail_des_Rêves) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/2/2f/HK_Wiki_Bg-Hidden_Dreams.webp);
  --theme-border-color: #ce93d8;
  --theme-border-color--rgb: 207, 147, 216;
  /* Page background color. */
  --theme-page-background-color: #311a47; /* var(--theme-page-background-color) + 8% var(--theme-link-color--rgb) */
  /* Right rail background color. */
  --theme-page-background-color--secondary: #44335c; /* var(--theme-page-background-color--secondary) + 16% var(--theme-link-color--rgb) */
  /* Text and links colors. */
  --theme-page-text-mix-color: #ce93d8;
  --theme-accent-label-color: #f3e5f5;
  --theme-link-color: #c078d2;
  --theme-link-color--rgb: 192, 120, 210;
  --theme-link-color--flter: filter: invert(57%) sepia(18%) saturate(1331%) hue-rotate(242deg) brightness(95%) contrast(83%);
  --theme-link-color--hover: #ce93d8;
  --theme-link-color--hover-rgb: 207, 147, 216;
  --theme-link-color--hover-filter: filter: invert(65%) sepia(13%) saturate(1242%) hue-rotate(245deg) brightness(103%) contrast(76%);
  --theme-header-background-color: #6a498e;
  --theme-header-background-color--rgb: 106, 73, 142;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-Hidden_Dreams.webp);
  --theme-selection-color-alpha: .2;
}
 
/*** La Troupe Grimm. ***/
:is(.ns-0,
.ns-14).theme-fandomdesktop-dark:is(.page-La_Troupe_Grimm,
.page-Veille,
.page-Catégorie_La_Troupe_Grimm,
.page-La_Troupe_Grimm_Groupe,
.page-La_Troupe_Grimm_Quête,
.page-Grimm_Maître_de_la_troupe,
.page-Roi_des_Cauchemars_Grimm,
.page-Grimm_Novice,
.page-Grimm_Despote,
.page-Grimm_Cauchemardesque,
.page-Brumm,
.page-Divine,
.page-Destrier_de_Grimm,
.page-Nymm,
.page-Le_coeur_des_cauchemars,
.page-L’Héritier_de_Grimm,
.page-Bouclier_éthéré,
.page-Maître_de_la_vitesse,
.page-Chant_du_Tisserand,
.page-Mélodie_insouciante,
.page-Force_Inébranlable,
.page-Coeur_Indestructible,
.page-Cupidité_Irréversible,
.page-Sceau_de_Lien,
.page-Roi_des_Cauchemars_Grimm) {
  --theme-body-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Bg-The_Grimm_Troupe.webp);
  --theme-border-color: #ef9a9a;
  --theme-border-color--rgb: 239, 154, 154;
  --theme-page-background-color: #401C1B;
  --theme-page-background-color--secondary: #742b3f;
  --theme-page-text-mix-color: #ef8e9a;
  --theme-accent-label-color: #fdd2d3;
  --theme-link-color: #ef6069;
  --theme-link-color--rgb: 239, 96, 106;
  --theme-link-color--filter: invert(45%) sepia(59%) saturate(924%) hue-rotate(313deg) brightness(100%) contrast(87%);
  --theme-link-color--hover: #ef9a9a;
  --theme-link-color--hover-rgb: 229, 43, 81;
  --theme-link-color--hover-filter: invert(70%) sepia(9%) saturate(1482%) hue-rotate(311deg) brightness(97%) contrast(92%);
  --theme-header-background-color: #ab1336;
  --theme-header-background-color--rgb: 170, 19, 39;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-The_Grimm_Trouper.webp);
  --theme-selection-color-alpha: .32;
}
 
/*** Chercheur de Dieux (Sombre) ***/
.theme-fandomdesktop-dark:is(.page-Chercheur_de_Dieux,
.page-Catégorie_Chercheur_de_Dieux,
.page-Frères_Oro_et_Mato,
.page-Fluke_Ermite,
.page-Flukemunga,
.page-Mode_Chercheur_de_Dieux,
.page-Grand_Maître_d’Aiguillons_Sly,
.page-Salle_des_Dieux,
.page-Maître_Peintre_Sheo,
.page-Rôdeuse_Pâle,
.page-Panthéon_d’Hallownest,
.page-Panthéon_des_Artistes,
.page-Panthéon_du_Chevalier,
.page-Panthéon_du_Maître,
.page-Panthéon_du_Grand_Maître,
.page-Vaisseau_pur,
.page-L’Éternelle_Ordalie,
.page-L’Éternelle_Ordalie,
.page-Chercheuse_de_Dieux,
.page-Idole_du_Vide,
.page-Masque_Effrité,
.page-Syntoniseur_Divin,
.page-L’Éternelle_Ordalie,
.page-Maison_des_Dieux,
.page-Panthéons,
.page-Soeurs_d’Armes,
.page-Nosk_Ailé,
.page-Radiance_Véritable) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/5/5c/HK_Wiki_Bg-Godmaster.webp);
  --theme-border-color: #ffd29e;
  --theme-border-color--rgb: 255, 210, 158;
  --theme-page-background-color: #47382c;
  --theme-page-background-color--secondary: #574232;
  --theme-page-text-mix-color: #FFe694;
  --theme-accent-label-color: #fffde7;
  --theme-link-color: #ccab78;
  --theme-link-color--rgb: 204, 171, 120;
  --theme-link-color--filter: invert(88%) sepia(29%) saturate(457%) hue-rotate(6deg) brightness(88%) contrast(85%);
  --theme-link-color--hover: #ffcd9d;
  --theme-link-color--hover-rgb: 255, 220, 157;
  --theme-link-color--hover-filter: invert(84%) sepia(38%) saturate(371%) hue-rotate(1deg) brightness(106%) contrast(102%);
  --theme-header-background-color: #ba9056;
  --theme-header-background-color--rgb: 186, 144, 86;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-Godmaster.webp);
}
 
/*** Sang-de-vie (Sombre) ***/
.theme-fandomdesktop-dark:is(.page-Catégorie_Sang_de_vie,
.page-Sang-de-vie,
.page-Chevalier_de_la_Ruche) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/7/7c/HK_Wiki_Bg-Lifeblood.webp);
  --theme-border-color: #34bbfa;
  --theme-border-color--rgb: 199, 79, 98;
  --theme-page-background-color: #263b52;
  --theme-page-background-color--secondary: #3c566b;
  --theme-page-text-mix-color: #81d4fa;
  --theme-accent-label-color: #e1f5fe;
  --theme-link-color: #00a9ff;
  --theme-link-color--rgb: 0, 169, 255;
  --theme-link-color--filter: invert(68%) sepia(47%) saturate(689%) hue-rotate(141deg) brightness(97%) contrast(87%);
  --theme-link-color--hover: #81d4fa;
  --theme-link-color--hover-rgb: 129, 213, 250;
  --theme-link-color--hover-filter: invert(72%) sepia(24%) saturate(684%) hue-rotate(158deg) brightness(103%) contrast(96%);
  --theme-header-background-color: #003554;
  --theme-header-background-color--rgb: 0, 53, 84;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-Lifeblood.webp);
}
 
/*** Édition Coeur-du-Vide (Sombre) ***/
.theme-fandomdesktop-dark.page-Édition_Coeur-du-Vide{
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/f/f5/HK_Wiki_Bg-Voidheart.webp);
  --theme-border-color: #89a395;
  --theme-border-color--rgb: 137, 163, 149;
  --theme-page-background-color: #262926;
  --theme-page-background-color--secondary: #2f3634;
  --theme-page-text-mix-color: #eee;
  --theme-accent-label-color: #e1f5fe;
  --theme-link-color: #89a395;
  --theme-link-color--rgb: 137, 163, 149;
  --theme-link-color--filter: invert(95%) sepia(0%) saturate(0%) hue-rotate(155deg) brightness(83%) contrast(83%);
  --theme-link-color--hover: #b4d6c4;
  --theme-link-color--hover-rgb: 180, 214, 196;
  --theme-link-color--hover-filter: invert(95%) sepia(32%) saturate(5447%) hue-rotate(189deg) brightness(128%) contrast(87%);
  --theme-header-background-color: #000;
  --theme-header-background-color--rgb: 0, 0, 0;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-Voidheart.webp);
}
 
/*** Histoire d'Hallownest (Sombre) ***/
.theme-fandomdesktop-dark:is(.page-Histoire_d’Hallownest,
.page-Créature_des_Abysses,
.page-Civilisation_Ancienne,
.page-Les_Abeilles,
.page-Unn,
.page-Boon,
.page-Royaume_du_Rêve,
.page-Rêveurs,
.page-Ellina_la_Chroniqueuse,
.page-Les_Cinq_Grands_Chevaliers,
.page-Les_Flukes,
.page-Les_Fous,
.page-Le_Clan_Champignon,
.page-Les_Chercheurs_de_Dieux,
.page-Hallownest,
.page-Êtres_supérieurs,
.page-L’Infection,
.page-Sceaux,
.page-Seigneur_Fou,
.page-La_Tribu_des_Araignées,
.page-La_Tribu_des_Mantes,
.page-La_Tribu_des_Moussues,
.page-La_Tribu_des_Papillons_de_Nuit,
.page-Le_Nid,
.page-Le_Roi_Pâle,
.page-Les_Shamans_Escargot,
.page-Les_Chercheurs_du_Sanctuaire_de_l’Âme,
.page-Vaisseaux,
.page-Vide,
.page-Entité_du_Vide,
.page-Tisserands,
.page-Reine_Des_Abeilles_Vespa,
.page-Les_Wyrms) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/4/49/LoreBG.png/revision/latest?cb=20191025111805&format=original&path-prefix=fr);
  --theme-border-color: #e1eeFF;
  --theme-border-color--rgb: 255, 238, 255;
  --theme-page-background-color: #323c4d;
  --theme-page-background-color--secondary: #3e495e;
  --theme-page-text-mix-color: #92aadb;
  --theme-accent-label-color: #e2f1f8;
  --theme-link-color: #92aadb;
  --theme-link-color--rgb: 146,170,219;
  --theme-link-color--filter: invert(72%) sepia(11%) saturate(261%) hue-rotate(155deg) brightness(104%) contrast(89%);
  --theme-link-color--hover: #fff;
  --theme-link-color--hover-rgb: 255, 255, 255;
  --theme-link-color--hover-filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(184deg) brightness(105%) contrast(105%);
  --theme-header-background-color: #aebed6;
  --theme-header-background-color--rgb: 174, 190, 214;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-Lore.webp);
}
 
/*** Hollow Knight (Sombre) ***/
.theme-fandomdesktop-dark:is(.page-Catégorie_Hollow_Knight,
/* Personnage jouable. */
.page-Le_Chevalier,
/* Zones d'Hallownest. */
.page-Les_Abysses,
.page-Bassin_Ancestral,
.page-Cité_Des_Larmes,
.page-Le_Colisée_Des_Fous,
.page-Mont_Cristal,
.page-Nid-profond,
.page-Dirtmouth,
.page-Brumes_Canyon,
.page-Routes_Oubliées,
.page-Caverne_Nocive,
.page-Vertchemin,
.page-La_Ruche,
.page-Falaises_Hurlantes,
.page-Frontières_du_Royaume,
.page-Jardins_de_la_Reine,
.page-Repos_Éternel,
.page-Voies_d’Eau_Royales,
.page-Palais_Blanc,
.page-Zones_d’Hallownest,
.page-Catégorie_Zones_d’Hallownest,
/* Combat. */
.page-Aiguillon,
.page-Combat_Hollow_Knight,
/** Ennemis (ordre basé sur le Journal du Chasseur **/
.page-Crawlid,
.page-Mouche_Vengeresse,
.page-Mouche_Vengeresse_Royale,
.page-Gruzzer,
.page-Mère_Gruz,
.page-Tiktik,
.page-Aspid_Chasseresse,
.page-Mère_Aspid,
.page-Nouveau-né_Aspid,
.page-Goam,
.page-Carcasse_Vagabonde,
.page-Carcasse_Cornue,
.page-Carcasse_Sauteuse,
.page-Carcasse_Malmeneuse,
.page-Carcasse_Guerrière,
.page-Carcasse_de_la_défense,
.page-Carcasse_Enterrée,
.page-Faux_Chevalier,
.page-Maggot,
.page-Fixeur,
.page-Graine-de-vie,
.page-Baldur,
.page-Ancien_Baldur,
.page-Rampant_Moussu,
.page-Mouche_moussue,
.page-Moussues,
.page-Moussues_Instables,
.page-Mangesot,
.page-Moustique,
.page-Obble,
.page-Gulka,
.page-Mouche_Masquée,
.page-Emboutisseur_Moussu,
.page-Emboutisseur_Moussu_Massif,
.page-Chevalier_Moussu,
.page-Vagabond_Moussu,
.page-Durandoo,
.page-Duranda,
.page-Aluba,
.page-Lumafly_Chargée,
.page-Uoma,
.page-Ooma,
.page-Uumuu,
.page-Ambloom,
.page-Bulling,
.page-Bullboon,
.page-Sporg,
.page-Carcasse_Fungifiée,
.page-Champiling,
.page-Guerrier_Champignon,
.page-Ogre_Fongique,
.page-Jeune_Mante,
.page-Guerrière_Mante,
.page-Dames_Mante,
.page-Sentinelle_Vide,
.page-Sentinelle_Armée,
.page-Sentinelle_Ailée,
.page-Sentinelle_à_l’aiguillon_long,
.page-Erreur,
.page-Folly,
.page-Tourmenteur_de_l’Âme,
.page-Guerrier_de_l’Âme,
.page-Maître_de_l’Âme,
.page-Tyran_de_l’Âme,
.page-Carcasse_Prétentieuse,
.page-Carcasse_Peureuse,
.page-Carcasse_Gloutonne,
.page-Carcasse_Magnifique,
.page-Sentinelle_Vide_Armée,
.page-Veilleur,
.page-Le_Collectionneur,
.page-Belfly,
.page-Pilflip,
.page-Hwurmp,
.page-Bluggsac,
.page-Défenseur_Bousier,
.page-Flukefey,
.page-Flukemon,
.page-Flukemarm,
.page-Mite_de_cristal,
.page-Glimback,
.page-Chasseur_de_cristaux,
.page-Rampant_de_cristal,
.page-Carcasse_Mineuse,
.page-Carcasse_Cristallisée,
.page-Gardien_de_Cristal,
.page-Mouche_Vengeresse_Enragée,
.page-Gruzzer_Instable,
.page-Carcasse_Violente,
.page-Carcasse_Baveuse,
.page-Fouisseur,
.page-Fouisseur_Incubateur,
.page-Garpede,
.page-Nécrosite,
.page-Mini_Araignée,
.page-Araignée_Cracheuse,
.page-Tisseuse,
.page-Adorateur_Fouineur,
.page-Nosk,
.page-Rampant_des_ombres,
.page-Mawlek_Inférieur,
.page-Mawlurk,
.page-Mawlek_Maussade,
.page-Blob_Parasite,
.page-Bulle_Infectée,
.page-Vaisseau_Corrompu,
.page-Mouche_Boursouflée,
.page-Aspid_Sauvage,
.page-Sautilleur,
.page-Grand_Sautilleur,
.page-Larve_Caméléon,
.page-Ruchelins,
.page-Soldat_de_la_ruche,
.page-Gardien_de_la_Ruche,
.page-Carcasse_d’Abeilles,
.page-Carcasse_Épineuse,
.page-Loodle,
.page-Mante_Petra,
.page-Mante_Traître,
.page-Seigneur_Traître,
.page-Baldur_Endurci,
.page-Moustique_Cuirassé,
.page-Combattant_Obble,
.page-Oblobble,
.page-Fou_Cuirassé,
.page-Fou_Robuste,
.page-Fou_Ailé,
.page-Fou_Massif,
.page-Loodle_de_la_mort,
.page-Manipulateur_Voltaïque,
.page-Zote_le_Redoutable,
.page-Dompteur_de_dieux,
.page-Xero,
.page-Gorb,
.page-Hu_L’Ancien,
.page-Marmu,
.page-Sans-yeux,
.page-Galien,
.page-Markoth,
.page-Corps_Ailé,
.page-Serviteur_Royal,
.page-Corps_Royal,
.page-Famille,
.page-Tentacules_du_vide,
.page-Hornet,
.page-Hornet_Protectrice,
.page-Hollow_Knight,
.page-Radiance,
.page-Ombre,
.page-Marque_du_chasseur,
.page-Boss_Hollow_Knight,
.page-Ennemis_Hollow_Knight,
.page-Valeurs_des_dégâts_et_santé_de_l’ennemi_Hollow_Knight,
.page-Catégory_Boss_Hollow_Knight,
.page-Catégory_Ennemis_Hollow_Knight,
/*** Ennemis sans entrée de journal. ***/
.page-Gardien_Furieux,
.page-Champion_Raté,
.page-Larve_Fluke,
.page-Hornet_Sentinelle,
.page-Proche_Disparu,
.page-Revek,
/** PNJs. **/
.page-Catégorie_Personnages_non_jouables_Hollow_Knight,
.page-Personnages_non_jouables_Hollow_Knight,
.page-Salubra,
.page-Prêtresse_Jiji,
.page-Iselda,
.page-Mangepatte,
.page-Nigaud,
.page-Millibelle,
.page-Fabricant_d’Aiguillons,
.page-Chercheur_de_Reliques_Lemm,
.page-Sly,
.page-Jinn_Âme_d’Acier,
.page-Le_Dernier_Coléoptère,
.page-Tuk,
.page-Maître_d’Aiguillons_Mato,
.page-Maître_d’Aiguillons_Oro,
.page-Maître_d’Aiguillons_Sheo,
.page-Cloth,
.page-Cornifer_le_Cartographe,
.page-Monsieur_Champignon,
.page-Quirrel,
.page-Tiso,
.page-Bretta,
.page-L’Endeuillée_Grise,
.page-Père-Larve,
.page-La_Voyante,
.page-Papillon_de_Nuit_sans_nom,
.page-Le_Chasseur,
.page-Bardoon,
.page-Villageois_Lointains,
.page-Défenseur_Bousier,
.page-L’Ancien,
.page-Emilitia,
.page-Faiseur_de_Masques,
.page-Sage-femme,
.page-Prophète_de_Mousse,
.page-Myla,
.page-Shaman_Escargot,
.page-Papillon_de_nuit_sans_nom,
.page-Dame_Blanche,
.page-Willoh,
.page-Herrah_la_Bête,
.page-Lurien_le_Veilleur,
.page-Joni_L’Enfant_Bleu,
.page-Monomon_l’Érudite,
.page-Marissa,
.page-Chardon-de-vent,
.page-Personnages_non_jouables_sans_nom_Hollow_Knight,
.page-L’enfant_des_traîtres,
.page-Esprits,
/* Information du jeu. */
.page-Hollow_Knight_jeu_vidéo,
.page-Hollow_Knight_version_Bêta,
.page-Campagne_Kickstarter,
.page-Contenu_abandonné_Hollow_Knight,
.page-Contrôles_Hollow_Knight,
.page-Contenu_additionnel_Hollow_Knight,
.page-Mises_à_jour_Hollow_Knight,
.page-Thèmes_du_menu_principale_Hollow_Knight,
.page-Succès_Hollow_Knight,
.page-Pourcentage_d’Achèvement_Hollow_Knight,
.page-Bande_originale_Hollow_Knight,
.page-Anedoctes_Hollow_Knight,
.page-Aiguillon_des_Rêves,
.page-Mode_Âme_d’Acier,
.page-Fins_Hollow_Knight,
.page-Hollow_Knight_Premier_Chapitre_Quirrel,
.page-Hollow_Knight_Wanderer’s_Journal,
.page-Instructions_pour_l’entretien_des_Larves,
/* Charmes. */
.page-Charmes,
.page-Interactions_entre_les_Charmes,
.page-Synergies_de_Charme,
.page-Boussole_murmurante,
.page-Écu_du_défenseur,
.page-Essaim_cueilleur,
.page-Carapace_infrangible,
.page-Capturâme,
.page-Pierre_du_shaman,
.page-Mangeur_d’Âme,
.page-Maître_de_la_célérité,
.page-Chant_des_larves,
.page-Larve-mouche_élégie,
.page-Coeur_fragile,
.page-Avarice_fragile,
.page-Force_fragile,
.page-Tourmenteur_d’Âme,
.page-Roc_solide,
.page-Coup_puissant,,
.page-Entaille_rapide,
.page-Longue-lame,
.page-Marque_de_respect,
.page-Fureur_des_disparus,
.page-Épines_d’agonie,
.page-Carapace_de_Baldur,
.page-Nid_de_Flukes,
.page-Ecu_du_défenseur,
.page-Ventre_rutilan,
.page-Canalisation_rapide,
.page-Canalisation_intense,
.page-Coeur_sang-de-vie,
.page-Noyau_sang-de-vie,
.page-Bénédiction_de_Joni,
.page-Sang-de-ruche,
.page-Champi-spore,
.page-Ombre_tranchante,
.page-Forme_d’Unn,
.page-Gloire_du_Maître_d’Aiguillons,
.page-Porteur_de_rêves,
.page-Âme-royale,
.page-Coeur_du_vide,
/* Objets. */
.page-Objets_Hollow_Knight,
.page-Catégorie_Objets_Hollow_Knight,
/** Clés. **/
.page-Cocon_Sang-de-vie,
.page-ÂME,
.page-Clé_simple,
.page-Clé_élégante,
.page-Clé_de_l’Amour,
.page-Clé_du_marchand,
.page-Blason_de_la_Ville,
.page-Marque_du_roi,
/** Exploration & quêtes. */
.page-Fleur_Délicate_Quête,
.page-Geo,
.page-Laissez-passer_du_tramway,
.page-Lanterne_de_Lumafly,
.page-Carte_et_Plume,
.page-Journal_du_Chasseur,
.page-Fleur_Délicate,
.page-Éclat_de_masque,
.page-Fragment_de_réceptacle,
.page-Bénédiction_de_Salubra,
.page-Minerai_pâle,
.page-Oeuf_rance,
.page-Journal_d’un_voyageur,
.page-Sceau_d’Hallownest,
.page-Idole_du_roi,
.page-Oeuf_Arcanique,
.page-Localisation_des_Dialogues_Aiguillon_des_Rêves,
.page-Tablettes_d’Histoire_Hollow_Knight,
.page-Voyage_Rapide_Hollow_Knight,
.page-Banc_Hollow_Knight,
/** Sorts. **/
.page-Sorts_et_Capacités_Hollow_Knight,
.page-Canaliser,
.page-Esprit_Vengeur,
.page-Spectres_Hurleurs,
.page-Élan_ravageur,
.page-Âme_d’ombre,
.page-Ténèbres_Descendantes,
.page-Cri_des_abysses,
/** Capacités. **/
.page-Cape_d’ailes_de_papillon,
.page-Pince_de_mante_religieuse,
.page-Coeur_de_cristal,
.page-Ailes_de_monarque,
.page-Larme_d’Isma,
.page-Cape_des_ombres,
.page-Aiguillon_des_Rêves,
.page-Sens_du_Monde,
/** Arts de l’Aiguillon. **/
.page-Entaille_cyclone,
.page-Entaille_éclair,
.page-Entaille_rapide,
/** Points d’intérêt. **/
.page-Points_d’intérêt_Hollow_Knight,
.page-Larves,
.page-Source_Chaude,
.page-Porte_d’ombre,
.page-ÂME,
.page-Racines_murmurantes,
/* Défis. */
.page-L’Épreuve_des_Guerriers,
.page-L’Épreuve_des_Conquérants,
.page-L’Épreuve_des_Fous) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/a/a6/HK_Wiki_Bg-Hollow_Knight.webp);
  --theme-border-color: #BFC8D6;
  --theme-border-color--rgb: 191, 200, 214;
  --theme-page-background-color: #272D3E;
  --theme-page-background-color--secondary: #23283D;
  --theme-page-text-mix-color: #B0BEDC;
  --theme-accent-label-color: #CBDDF5;
  --theme-link-color: #B0BED2;
  --theme-link-color--rgb: 176, 190, 210;
  --theme-link-color--hover: #fff;
  --theme-link-color--hover-rgb: 255, 255, 255;
  --theme-header-background-color: #262A47;
  --theme-header-background-color--rgb: 38, 42, 71;
  --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/6/6e/Image_d%27en-tête_%28Hollow_Knight%29.png/revision/latest?cb=20210625211001&format=original&path-prefix=fr);
}
 
/*** Hollow Knight: Silksong (Sombre) ***/
:is(.ns-0,
.ns-14).theme-fandomdesktop-dark:is([class*='Hollow_Knight_Silksong'],
.page-Hollow_Knight_Silksong,
.page-Catégorie_Hollow_Knight_Silksong,
.page-Catégorie_Personnage_non_jouables_Silksong,
.page-Catégorie_Boss_Silksong,
.page-Catégorie_Ennemis_Silksong,
.page-Catégorie_Objets_Silksong,
.page-Zone_de_Pharloom,
.page-Chantiers_Profonds,
.page-Greymoor,
.page-Grindle,
.page-Grotte_Moussue,
.page-Fond_Osseux,
.page-Personnages_non_jouables_Silksong,
.page-Ballow,
.page-Gardien_de_l’Église,
.page-Fille-Forgeron,
.page-Garmond_et_Zaza,
.page-La_Chasseresse,
.page-La_Médullaire,
.page-Shakra,
.page-Seth,
.page-Sherma,
.page-Caravane,
.page-Trobbio,
.page-Boss_Silksong,
.page-Lace,
.page-Insecte_Géant_de_Fer,
.page-Roi_du_Corail,
.page-Mère_Moussue,
.page-Sharpe_l’Assassin_d’Acier,
.page-Ennemis_Silksong,
.page-Rosaire,
.page-Druide_du_Temple_Moussu,
.page-Soie,
.page-Aiguille,
.page-Outils,
.page-La_Citadelle,
.page-Tablettes_d’Histoire_Silksong,
.page-Bande_originale_Hollow_Knight_Silksong,
.page-Bestiole_des_Cloches,
.page-Dernier_Juge,
.page-Quêtes,
.page-Banc_Silksong,
.page-Zones_de_Pharloom,
.page-Points_d’intérêt_Silksong,
.page-Quêtes_Silksong,
.page-Hornet_Silksong) {
--theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/8/86/HK_Wiki_Bg-Silksong.webp);
  --theme-border-color: #d7784c;
  --theme-border-color--rgb: 215, 120, 76;
  --theme-page-background-color: #5F3020;
  --theme-page-background-color--secondary: #61372B;
  --theme-page-text-mix-color: #6b4436;
  --theme-accent-label-color: #ffddc1;
  --theme-link-color: #d7784c;
  --theme-link-color--rgb: 215, 120, 76;
  --theme-link-color--filter: invert(68%) sepia(72%) saturate(402%) hue-rotate(342deg) brightness(101%) contrast(99%);
  --theme-link-color--hover: #ffab91;
  --theme-link-color--hover-rgb: 255, 172, 145;
  --theme-link-color--hover-filter: invert(73%) sepia(31%) saturate(823%) hue-rotate(318deg) brightness(104%) contrast(101%);
  --theme-header-background-color: #653020;
  --theme-header-background-color--rgb: 101 ,48, 32;
  --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/d/dc/Image_d%27en-t%C3%AAte_%28Hollow_Knight_Silksong%29.png/revision/latest?cb=20250402193546&format=original&path-prefix=fr);
}
 
/*** Histoire de Pharloom (Sombre) ***/
.theme-fandomdesktop-dark:is(.page-Histoire_de_Pharloom,
.page-Catégorie_Histoire_de_Pharloom,
.page-Pharloom,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/5/51/Silksong_Early_010.png/revision/latest?cb=20191224001811&path-prefix=fr);
  --theme-border-color: #FCE8DE;
  --theme-border-color--rgb: 252,232,222;
  --theme-page-background-color: #284352;
  --theme-page-background-color--secondary: #263741;
  --theme-page-text-mix-color: #92aadb;
  --theme-accent-label-color: #FCE8DE;
  --theme-link-color: #de4e66;
  --theme-link-color--rgb: 222,78,102;
  --theme-link-color--filter: invert(72%) sepia(11%) saturate(261%) hue-rotate(155deg) brightness(104%) contrast(89%);
  --theme-link-color--hover: #f0e4da;
  --theme-link-color--hover-rgb: 255, 255, 255;
  --theme-link-color--hover-filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(184deg) brightness(105%) contrast(105%);
  --theme-header-background-color: #173645;
  --theme-header-background-color--rgb: 23,54,69;
  --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/f/f5/Image_d%27en-t%C3%AAte_Histoire_de_Pharloom.png/revision/latest?cb=20250402234239&format=original&path-prefix=fr);
}
 
/*** Toggles colors. ***/
.theme-fandomdesktop-dark,
.theme-fandomdesktop-dark .wds-toggle__label {
  --wds-toggle-background-color: #9aa0a6;
  --wds-toggle-switch-color: #dadce0;
  --wds-toggle-background-color--checked: #4285f4;
  --wds-toggle-switch-color--checked: #8ab4f8;
}
 
/**** Disabled. ****/
/***** Bar. *****/
.oo-ui-toggleSwitchWidget {
  background-color: var(--wds-toggle-background-color);
}
 
/***** Knob. *****/
.oo-ui-toggleSwitchWidget-grip {
  background-color: var(--wds-toggle-switch-color);
}
 
/**** Enabled. ****/
/***** Bar. *****/
.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on {
  background-color: var(--wds-toggle-background-color--checked);
}
 
/***** Knob. *****/
.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
  background-color: var(--wds-toggle-switch-color--checked);
}
 
/** 3.2. Light theme. **/
.theme-fandomdesktop-light {
  --theme-accent-color: #000;
  --theme-accent-color--rgb: 0, 0, 0;
  --theme-accent-color--hover: #000;
  --theme-accent-label-color: #fff;
  --scrollbar-background-color: #f1f1f1;
  --scrollbar-corner-color: #c0c0c0;
  --theme-accent-color: #000;
  --theme-alert-color: #b71c1c;
  --theme-alert-color--rgb: 127, 0, 0;
  --theme-alert-label: #fff;
  --theme-success-color: #1b5e20;
  --theme-success-color--rgb: 0, 51, 1;
  --theme-success-label: #fff;
  --theme-message-color: #002f6c;
  --theme-selection-color-alpha: .24; /* % of selection's bg color opacity. */
  /*** Default theme. ***/
  --theme-body-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Bg-Hollow_Knight.webp);
  --theme-border-color: #444;
  --theme-border-color--rgb: 68, 68, 68;
  --theme-header-background-color: #000;
  --theme-header-background-color--rgb: 0, 0, 0;
  --theme-link-color--filter: invert(21%) sepia(51%) saturate(1247%) hue-rotate(131deg) brightness(94%) contrast(101%);
  --theme-link-color--hover: #006064;
  --theme-link-color--hover-rgb: 0, 97, 100;
  --theme-link-color--hover-filter: invert(28%) sepia(52%) saturate(1317%) hue-rotate(144deg) brightness(90%) contrast(103%);
  --theme-page-background-color: #fff;
  --theme-page-background-color--rgb: 238, 238, 238;
  --theme-text-on-background: rgb(0, 0, 0);
  --theme-text-primary-on-background: rgba(0, 0, 0, .87);
  --theme-text-secondary-on-background: rgba(0, 0, 0, .65);
  --theme-text-disabled-on-background: rgba(0, 0, 0, .45);
  --theme-text-on-background--inverse: rgb(255, 255, 255);
  --theme-text-primary-on-background--inverse: rgba(255, 255, 255, .87);
  --theme-text-secondary-on-background--inverse: rgba(255, 255, 255, .6);
  --theme-text-disabled-on-background--inverse: rgba(255, 255, 255, .38);
  --theme-color__red: #f44330;
  --theme-color__red--rgb: 244, 67, 48;
  --theme-color__red--filter: invert(29%) sepia(79%) saturate(3118%) hue-rotate(347deg) brightness(112%) contrast(91%);
  --theme-color__pink: #e91e63;
  --theme-color__pink--rgb: 233, 30, 99;
  --theme-color__purple: #e91e63;
  --theme-color__purple--rgb: 233, 30, 99;
  --theme-color__deep-purple: #673ab7;
  --theme-color__deep-purple--rgb: 103, 58, 183;
  --theme-color__indigo: #3f51b5;
  --theme-color__indigo--rgb: 63, 81, 181;
  --theme-color__blue: #2196f3;
  --theme-color__blue--rgb: 33, 150, 243;
  --theme-color__blue--filter: invert(55%) sepia(87%) saturate(3821%) hue-rotate(186deg) brightness(101%) contrast(91%);
  --theme-color__light-blue: #03a9f4;
  --theme-color__light-blue--rgb: 3, 169, 244;
  --theme-color__cyan: #00bcd4;
  --theme-color__cyan--rgb: 0, 188, 212;
  --theme-color__teal: #009688;
  --theme-color__teal--rgb: 0, 150, 136;
  --theme-color__green: #4caf50;
  --theme-color__green--rgb: 76, 175, 80;
  --theme-color__light-green: #8bc34a;
  --theme-color__light-green--rgb: 139, 195, 74;
  --theme-color__lime: #cddc39;
  --theme-color__lime--rgb: 205, 220, 57;
  --theme-color__yellow: #ffeb3b;
  --theme-color__yellow--rgb: 255, 235, 59;
  --theme-color__yellow--filter: invert(81%) sepia(39%) saturate(767%) hue-rotate(357deg) brightness(109%) contrast(103%);
  --theme-color__amber: #ffc107;
  --theme-color__amber--rgb: 255, 193, 7;
  --theme-color__orange: #ff9800;
  --theme-color__orange--rgb: 255, 152, 0;
  --theme-color__deep-orange: #ff5722;
  --theme-color__deep-orange--rgb: 255, 87, 34;
  --theme-color__brown: #795548;
  --theme-color__brown--rgb: 121, 85, 72;
  --theme-color__grey: #9e9e9e;
  --theme-color__grey--rgb: 158, 158, 158;
  --theme-color__blue-grey: #607d8b;
  --theme-color__blue-grey--rgb: 96, 125, 139;
  accent-color: var(--theme-color__light-blue);
  color-scheme: light dark;
}
 
.portable-infobox {
  --pi-background: rgba(81, 90, 132, .4);
  --pi-border-color: var(--theme-accent-label-color);
}
 
.wds-tabs, .wds-tabs__wrapper {
  --wds-tab-color: var(--theme-link-color);
  --wds-tab-color--hover: var(--wds-tab-color);
}
 
/*** Rêves Cachés (Clair) ***/
.theme-fandomdesktop-light:is(.page-Rêves_Cachés,
.page-Catégorie_Rêves_Cachés,
.page-Protecteur_Blanc,
.page-Zote_le_Prince_Gris,
.page-Zoteling_Sautant,
.page-Zoteling_Ailé,
.page-Zoteling_Instable,
.page-Portail_des_Rêves) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/2/2f/HK_Wiki_Bg-Hidden_Dreams.webp);
  --theme-border-color: #6c148c;
  --theme-border-color--rgb: 108, 20, 140;
  --theme-page-background-color: #d7c2f2;
  --theme-page-background-color--secondary: #c8b3de;
  --theme-page-text-mix-color: #ce93d8;
  --theme-accent-label-color: #ffffff;
  --theme-link-color: #6e2da8;
  --theme-link-color--rgb: 110, 45, 168;
  --theme-link-color--filter: invert(15%) sepia(52%) saturate(4408%) hue-rotate(252deg) brightness(98%) contrast(92%);
  --theme-link-color--hover: #410078;
  --theme-link-color--hover-rgb: 65, 0, 120;
  --theme-link-color--hover-filter: invert(17%) sepia(92%) saturate(7491%) hue-rotate(257deg) brightness(48%) contrast(124%);
  --theme-header-background-color: #6a498e;
  --theme-header-background-color--rgb: 106, 73, 142;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-Hidden_Dreams.webp);
  /* Infobox colors - the colors here are the same as dark theme's normal/hover
  * links color. Updating these would mean updating those too. */
  --pi-cta-color: #c078d2;
  --pi-cta-color--rgb: 192, 120, 210;
  --pi-cta-color--hover: #ce93d8;
  --pi-cta-color--hover-rgb: 207, 147, 216;
}
 
/*** La Troupe Grimm (Clair) ***/
:is(.ns-0,
.ns-14).theme-fandomdesktop-light:is([class*='La_Troupe_Grimm'],
.page-Catégorie_La_Troupe_Grimm,
.page-La_Troupe_Grimm_Quête,
.page-La_Troupe_Grimm_Groupe,
.page-Grimm_Maître_de_la_troupe,
.page-Roi_des_Cauchemars_Grimm,
.page-Grimm_Novice,
.page-Grimm_Despote,
.page-Grimm_Cauchemardesque,
.page-Brumm,
.page-Brumm,
.page-Divine,
.page-Destrier_de_Grimm,
.page-Nymm,
.page-Le_coeur_des_cauchemars,
.page-L’Héritier_de_Grimm,
.page-Bouclier_éthéré,
.page-Maître_de_la_vitesse,
.page-Chant_du_Tisserand,
.page-Mélodie_insouciante,
.page-Force_Inébranlable,
.page-Coeur_Indestructible,
.page-Cupidité_Irréversible,
.page-Sceau_de_Lien,
.page-Roi_des_Cauchemars_Grimm) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/0/07/HK_Wiki_Bg-The_Grimm_Troupe.webp);
  --theme-border-color: #7f0000;
  --theme-border-color--rgb: 127, 0, 0;
  --theme-page-background-color: #E88B8E;
  --theme-page-background-color--secondary: #D47882;
  --theme-page-text-mix-color: #7f0000;
  --theme-accent-label-color: #ffffff;
  --theme-link-color: #b71c1c;
  --theme-link-color--rgb: 183, 28, 28;
  --theme-link-color--filter: invert(18%) sepia(36%) saturate(5562%) hue-rotate(345deg) brightness(100%) contrast(102%);
  --theme-link-color--hover: #7f0000;
  --theme-link-color--hover-rgb: 127, 0, 0;
  --theme-link-color--hover-filter: invert(10%) sepia(55%) saturate(5348%) hue-rotate(355deg) brightness(95%) contrast(116%);
  --theme-header-background-color: #ab1336;
  --theme-header-background-color--rgb: 171, 19, 54;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-The_Grimm_Trouper.webp);
  --theme-selection-color-alpha: .24;
  --pi-cta-color: #ef6069;
  --pi-cta-color--rgb: 239, 96, 106;
  --pi-cta-color--hover: #ef9a9a;
  --pi-cta-color--hover-rgb: 229, 43, 81;
}
 
/*** Chercheur de Dieux (Clair) ***/
.theme-fandomdesktop-light:is(.page-Chercheur_de_Dieux,
.page-Catégorie_Chercheur_de_Dieux,
.page-Frères_Oro_Mato,
.page-Fluke_Ermite,
.page-Flukemunga,
.page-Mode_Chercheur_de_Dieux,
.page-Grand_Maître_d’Aiguillons_Sly,
.page-Salle_des_Dieux,
.page-Maître_Peintre_Sheo,
.page-Rôdeuse_Pâle,
.page-Panthéon_d’Hallownest,
.page-Panthéon_des_Artistes,
.page-Panthéon_du_Chevalier,
.page-Panthéon_du_Maître,
.page-Panthéon_du_Grand_Maître,
.page-Vaisseau_pur,
.page-L’Éternelle_Ordalie,
.page-L’Éternelle_Ordalie,
.page-Chercheuse_de_Dieux,
.page-Idole_du_Vide,
.page-Masque_Effrité,
.page-Syntoniseur_Divin,
.page-L’Éternelle_Ordalie,
.page-Maison_des_Dieux,
.page-Panthéons,
.page-Soeurs_d’Armes,
.page-Nosk_Ailé,
.page-Radiance_Véritable) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/5/5c/HK_Wiki_Bg-Godmaster.webp);
  --theme-border-color: #3e3123;
  --theme-border-color--rgb: 62, 49, 35;
  --theme-page-background-color: #E6CB9F;
  --theme-page-background-color--secondary: #DFBE8B;
  --theme-page-text-mix-color: #3e3123;
  --theme-accent-label-color: #ffffff;
  --theme-link-color: #9e8455;
  --theme-link-color--rgb: 158, 132, 85;
  --theme-link-color--filter: invert(54%) sepia(66%) saturate(306%) hue-rotate(11deg) brightness(89%) contrast(89%);
  --theme-link-color--hover: #5c4a33;
  --theme-link-color--hover-rgb: 92, 74, 51;
  --theme-link-color--hover-filter: invert(28%) sepia(40%) saturate(411%) hue-rotate(1deg) brightness(94%) contrast(84%);
  --theme-header-background-color: #ba9056;
  --theme-header-background-color--rgb: 186, 144, 86;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-Godmaster.webp);
  --pi-cta-color: #cdc686;
  --pi-cta-color--rgb: 220, 206, 146;
  --pi-cta-color--hover: #fff59d;
  --pi-cta-color--hover-rgb: 255, 245, 157;
}
 
/*** Sang-de-vie (Clair) ***/
.theme-fandomdesktop-light:is(.page-Sang-de-vie,
.page-Catégorie_Sang_de_vie,
.page-Chevalier_de_la_Ruche) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/7/7c/HK_Wiki_Bg-Lifeblood.webp);
  --theme-border-color: #002f6c;
  --theme-border-color--rgb: 0, 47, 108;
  --theme-page-background-color: #a9d5ed;
  --theme-page-background-color--secondary: #98cce3;
  --theme-page-text-mix-color: #002f6c;
  --theme-accent-label-color: #ffffff;
  --theme-link-color: #01579b;
  --theme-link-color--rgb: 0, 47, 108;
  --theme-link-color--filter: invert(19%) sepia(93%) saturate(2362%) hue-rotate(192deg) brightness(91%) contrast(99%);
  --theme-link-color--hover: #002f6c;
  --theme-link-color--hover-rgb: 0, 47, 108;
  --theme-link-color--hover-flter: invert(13%) sepia(39%) saturate(4832%) hue-rotate(202deg) brightness(96%) contrast(106%);
  --theme-header-background-color: #003554;
  --theme-header-background-color--rgb: 0, 53, 84;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-Lifeblood.webp);
  --pi-cta-color: #00a9ff;
  --pi-cta-color--rgb: 0, 169, 255;
  --pi-cta-color--hover: #81d4fa;
  --pi-cta-color--hover-rgb: 129, 213, 250;
}
 
/*** Édition Coeur-du-Vide (Clair) ***/
.theme-fandomdesktop-light.page-Édition_Coeur-du-Vide{
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/f/f5/HK_Wiki_Bg-Voidheart.webp);
  --theme-border-color: #89a395;
  --theme-border-color--rgb: 137, 163, 149;
  --theme-page-background-color: #A2B3A5;
  --theme-page-background-color--secondary: #8E9C90;
  --theme-page-text-mix-color: #eee;
  --theme-accent-label-color: #ffffff;
  --theme-link-color: #63756B;
  --theme-link-color--rgb: 99, 117, 107;
  --theme-link-color--filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(169deg) brightness(107%) contrast(74%);
  --theme-link-color--hover: #89a395;
  --theme-link-color--hover-rgb: 137, 163, 149;
  --theme-link-color--hover-filter: invert(23%) sepia(5%) saturate(0%) hue-rotate(216deg) brightness(98%) contrast(89%);
  --theme-header-background-color: #000;
  --theme-header-background-color--rgb: 0, 0, 0;
  --theme-header-background-image: url(https://hk.fandom.com/Special:Filepath/HK_Wiki_Header-Voidheart.webp);
  --pi-cta-color: #bdbdbd;
  --pi-cta-color--rgb: 189, 189, 189;
  --pi-cta-color--hover: #eee;
  --pi-cta-color--hover-rgb: 238, 238, 238;
}
 
/*** Histoire d’Hallownest (Clair) ***/
.theme-fandomdesktop-light:is(.page-Histoire_d’Hallownest,
.page-Catégorie_Histoire_d’Hallownest,
.page-Créature_des_Abysses,
.page-Civilisation_Ancienne,
.page-Les_Abeilles,
.page-Unn,
.page-Boon,
.page-Royaume_du_Rêve,
.page-Rêveurs,
.page-Ellina_la_Chroniqueuse,
.page-Les_Cinq_Grands_Chevaliers,
.page-Les_Flukes,
.page-Les_Fous,
.page-Le_Clan_Champignon,
.page-Les_Chercheurs_de_Dieux,
.page-Hallownest,
.page-Êtres_supérieurs,
.page-L’Infection,
.page-Sceaux,
.page-Seigneur_Fou,
.page-La_Tribu_des_Araignées,
.page-La_Tribu_des_Mantes,
.page-La_Tribu_des_Moussues,
.page-Tribu_des_Papillons_de_Nuit,
.page-Le_Nid,
.page-Le_Roi_Pâle,
.page-Les_Shamans_Escargot,
.page-Les_Chercheurs_du_Sanctuaire_de_l’Âme,
.page-Vaisseaux,
.page-Vide,
.page-Entité_du_Vide,
.page-Les_Tisserands,
.page-Reine_Des_Abeilles_Vespa,
.page-Les_Wyrms) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/4/49/LoreBG.png/revision/latest?cb=20191025111805&format=original&path-prefix=fr);
  --theme-border-color: #263238;
  --theme-border-color--rgb: 176, 191, 197;
  --theme-page-background-color: #E1E3F2;
  --theme-page-background-color--secondary: #C6CFDE;
  --theme-page-text-mix-color: #263238;
  --theme-accent-label-color: #ffffff;
  --theme-link-color: #7E93A8;
  --theme-link-color--rgb: 126, 147, 168;
  --theme-link-color--filter: invert(16%) sepia(13%) saturate(949%) hue-rotate(155deg) brightness(95%) contrast(90%);
  --theme-link-color--hover: #313449;
  --theme-link-color--hover-rgb: 49, 52, 73;
  --theme-link-color--hover-filter: invert(7%) sepia(24%) saturate(1154%) hue-rotate(157deg) brightness(95%) contrast(109%);
  --theme-header-background-color: #aebed6;
  --theme-header-background-color--rgb: 174, 190, 214;
  --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/d/d7/HK_Wiki_Header-Lore.webp);
  --pi-cta-color: #b0bec5;
  --pi-cta-color--rgb: 176, 191, 197;
  --pi-cta-color--hover: #fff;
  --pi-cta-color--hover-rgb: 255, 255, 255;
}
 
/*** Hollow Knight (Clair) ***/
.theme-fandomdesktop-light:is(.page-Catégorie_Hollow_Knight,
/* Personnage jouable. */
.page-Le_Chevalier,
/* Zones d'Hallownest. */
.page-Les_Abysses,
.page-Bassin_Ancestral,
.page-Cité_Des_Larmes,
.page-Le_Colisée_Des_Fous,
.page-Mont_Cristal,
.page-Nid-profond,
.page-Dirtmouth,
.page-Brumes_Canyon,
.page-Routes_Oubliées,
.page-Caverne_Nocive,
.page-Vertchemin,
.page-La_Ruche,
.page-Falaises_Hurlantes,
.page-Frontières_du_Royaume,
.page-Jardins_de_la_Reine,
.page-Repos_Éternel,
.page-Voies_d’Eau_Royales,
.page-Palais_Blanc,
.page-Catégorie_Zones_d’Hallownest,
.page-Zones_d’Hallownest,
/* Combat. */
.page-Aiguillon,
.page-Combat_Hollow_Knight,
/** Ennemis (ordre basé sur le Journal du Chasseur **/
.page-Crawlid,
.page-Mouche_Vengeresse,
.page-Mouche_Vengeresse_Royale,
.page-Gruzzer,
.page-Mère_Gruz,
.page-Tiktik,
.page-Aspid_Chasseresse,
.page-Mère_Aspid,
.page-Nouveau-né_Aspid,
.page-Goam,
.page-Carcasse_Vagabonde,
.page-Carcasse_Cornue,
.page-Carcasse_Sauteuse,
.page-Carcasse_Malmeneuse,
.page-Carcasse_Guerrière,
.page-Carcasse_de_la_défense,
.page-Carcasse_Enterrée,
.page-Faux_Chevalier,
.page-Maggot,
.page-Fixeur,
.page-Graine-de-vie,
.page-Baldur,
.page-Ancien_Baldur,
.page-Rampant_Moussu,
.page-Mouche_moussue,
.page-Moussues,
.page-Moussues_Instables,
.page-Mangesot,
.page-Moustique,
.page-Obble,
.page-Gulka,
.page-Mouche_Masquée,
.page-Emboutisseur_Moussu,
.page-Emboutisseur_Moussu_Massif,
.page-Chevalier_Moussu,
.page-Vagabond_Moussu,
.page-Durandoo,
.page-Duranda,
.page-Aluba,
.page-Lumafly_Chargée,
.page-Uoma,
.page-Ooma,
.page-Uumuu,
.page-Ambloom,
.page-Bulling,
.page-Bullboon,
.page-Sporg,
.page-Carcasse_Fungifiée,
.page-Champiling,
.page-Guerrier_Champignon,
.page-Ogre_Fongique,
.page-Jeune_Mante,
.page-Guerrière_Mante,
.page-Dames_Mante,
.page-Sentinelle_Vide,
.page-Sentinelle_Armée,
.page-Sentinelle_Ailée,
.page-Sentinelle_à_l’aiguillon_long,
.page-Erreur,
.page-Folly,
.page-Tourmenteur_de_l’Âme,
.page-Guerrier_de_l’Âme,
.page-Maître_de_l’Âme,
.page-Tyran_de_l’Âme,
.page-Carcasse_Prétentieuse,
.page-Carcasse_Peureuse,
.page-Carcasse_Gloutonne,
.page-Carcasse_Magnifique,
.page-Sentinelle_Vide_Armée,
.page-Veilleur,
.page-Le_Collectionneur,
.page-Belfly,
.page-Pilflip,
.page-Hwurmp,
.page-Bluggsac,
.page-Défenseur_Bousier,
.page-Flukefey,
.page-Flukemon,
.page-Flukemarm,
.page-Mite_de_cristal,
.page-Glimback,
.page-Chasseur_de_cristaux,
.page-Rampant_de_cristal,
.page-Carcasse_Mineuse,
.page-Carcasse_Cristallisée,
.page-Gardien_de_Cristal,
.page-Mouche_Vengeresse_Enragée,
.page-Gruzzer_Instable,
.page-Carcasse_Violente,
.page-Carcasse_Baveuse,
.page-Fouisseur,
.page-Fouisseur_Incubateur,
.page-Garpede,
.page-Nécrosite,
.page-Mini_Araignée,
.page-Araignée_Cracheuse,
.page-Tisseuse,
.page-Adorateur_Fouineur,
.page-Nosk,
.page-Rampant_des_ombres,
.page-Mawlek_Inférieur,
.page-Mawlurk,
.page-Mawlek_Maussade,
.page-Blob_Parasite,
.page-Bulle_Infectée,
.page-Vaisseau_Corrompu,
.page-Mouche_Boursouflée,
.page-Aspid_Sauvage,
.page-Sautilleur,
.page-Grand_Sautilleur,
.page-Larve_Caméléon,
.page-Ruchelins,
.page-Soldat_de_la_ruche,
.page-Gardien_de_la_Ruche,
.page-Carcasse_d’Abeilles,
.page-Carcasse_Épineuse,
.page-Loodle,
.page-Mante_Petra,
.page-Mante_Traître,
.page-Seigneur_Traître,
.page-Baldur_Endurci,
.page-Moustique_Cuirassé,
.page-Combattant_Obble,
.page-Oblobble,
.page-Fou_Cuirassé,
.page-Fou_Robuste,
.page-Fou_Ailé,
.page-Fou_Massif,
.page-Loodle_de_la_mort,
.page-Manipulateur_Voltaïque,
.page-Zote_le_Redoutable,
.page-Dompteur_de_dieux,
.page-Xero,
.page-Gorb,
.page-Hu_L’Ancien,
.page-Marmu,
.page-Sans-yeux,
.page-Galien,
.page-Markoth,
.page-Corps_Ailé,
.page-Serviteur_Royal,
.page-Corps_Royal,
.page-Famille,
.page-Tentacules_du_vide,
.page-Hornet,
.page-Hornet_Protectrice,
.page-Hollow_Knight,
.page-Radiance,
.page-Ombre,
.page-Marque_du_chasseur,
.page-Boss_Hollow_Knight,
.page-Ennemis_Hollow_Knight,
.page-Valeurs_des_dégâts_et_santé_de_l’ennemi_Hollow_Knight,
.page-Catégory_Boss_Hollow_Knight,
.page-Catégory_Ennemis_Hollow_Knight,
/*** Ennemis sans entrée de journal. ***/
.page-Gardien_Furieux,
.page-Champion_Raté,
.page-Larve_Fluke,
.page-Hornet_Sentinelle,
.page-Proche_Disparu,
.page-Revek,
/** PNJs. **/
.page-Catégorie_Personnages_non_jouables_Hollow_Knight,
.page-Personnages_non_jouables_Hollow_Knight,
.page-Salubra,
.page-Prêtresse_Jiji,
.page-Iselda,
.page-Mangepatte,
.page-Nigaud,
.page-Millibelle,
.page-Fabricant_d’Aiguillons,
.page-Chercheur_de_Reliques_Lemm,
.page-Sly,
.page-Jinn_Âme_d’Acier,
.page-Le_Dernier_Coléoptère,
.page-Tuk,
.page-Maître_d’Aiguillons_Mato,
.page-Maître_d’Aiguillons_Oro,
.page-Maître_d’Aiguillons_Sheo,
.page-Cloth,
.page-Cornifer_le_Cartographe,
.page-Monsieur_Champignon,
.page-Quirrel,
.page-Tiso,
.page-Bretta,
.page-L’Endeuillée_Grise,
.page-Père-Larve,
.page-La_Voyante,
.page-Papillon_de_Nuit_sans_nom,
.page-Le_Chasseur,
.page-Bardoon,
.page-Villageois_Lointains,
.page-Défenseur_Bousier,
.page-L’Ancien,
.page-Emilitia,
.page-Faiseur_De_Masques,
.page-Sage-femme,
.page-Prophète_de_Mousse,
.page-Myla,
.page-Shaman_Escargot,
.page-Papillon_de_nuit_sans_nom,
.page-Dame_Blanche,
.page-Willoh,
.page-Herrah_la_Bête,
.page-Lurien_le_Veilleur,
.page-Joni_L’Enfant_Bleu,
.page-Monomon_l’Érudite,
.page-Marissa,
.page-Chardon-de-vent,
.page-Personnages_non_jouables_sans_nom_Hollow_Knight,
.page-L’enfant_des_traîtres,
.page-Esprits,
/* Information du jeu. */
.page-Hollow_Knight_jeu_vidéo,
.page-Hollow_Knight_version_Bêta,
.page-Campagne_Kickstarter,
.page-Contenu_abandonné_Hollow_Knight,
.page-Contrôles_Hollow_Knight,
.page-Contenu_additionnel_Hollow_Knight,
.page-Mises_à_jour_Hollow_Knight,
.page-Thèmes_du_menu_principale_Hollow_Knight,
.page-Succès_Hollow_Knight,
.page-Pourcentage_d’Achèvement_Hollow_Knight,
.page-Bande_originale_Hollow_Knight,
.page-Anedoctes_Hollow_Knight,
.page-Aiguillons_des_Rêves,
.page-Mode_Âme_d’Acier,
.page-Fins_Hollow_Knight,
.page-Hollow_Knight_Premier_Chapitre_Quirrel,
.page-Hollow_Knight_Wanderer’s_Journal,
.page-Instructions_pour_l’entretien_des_Larves,
/* Charmes. */
.page-Charmes,
.page-Interactions_entre_les_Charmes,
.page-Synergies_de_Charme,
.page-Boussole_murmurante,
.page-Écu_du_défenseur,
.page-Essaim_cueilleur,
.page-Carapace_infrangible,
.page-Capturâme,
.page-Pierre_du_shaman,
.page-Mangeur_d’Âme,
.page-Maître_de_la_célérité,
.page-Chant_des_larves,
.page-Larve-mouche_élégie,
.page-Coeur_fragile,
.page-Avarice_fragile,
.page-Force_fragile,
.page-Tourmenteur_d’Âme,
.page-Roc_solide,
.page-Coup_puissant,
.page-Entaille_rapide,
.page-Longue-lame,
.page-Marque_de_respect,
.page-Fureur_des_disparus,
.page-Épines_d’agonie,
.page-Carapace_de_Baldur,
.page-Nid_de_Flukes,
.page-Ecu_du_défenseur,
.page-Ventre_rutilan,
.page-Canalisation_rapide,
.page-Canalisation_intense,
.page-Coeur_sang-de-vie,
.page-Noyau_sang-de-vie,
.page-Bénédiction_de_Joni,
.page-Sang-de-ruche,
.page-Champi-spore,
.page-Ombre_tranchante,
.page-Forme_d’Unn,
.page-Gloire_du_Maître_d’Aiguillons,
.page-Porteur_de_rêves,
.page-Âme-royale,
.page-Coeur_du_vide,
/* Objets. */
.page-Objets_Hollow_Knight,
.page-Catégorie_Objets_Hollow_Knight,
/** Clés. **/
.page-Cocon_Sang-de-vie,
.page-ÂME,
.page-Clé_simple,
.page-Clé_élégante,
.page-Clé_de_l’Amour,
.page-Clé_du_marchand,
.page-Blason_de_la_Ville,
.page-Marque_du_roi,
/** Exploration & quêtes. */
.page-Fleur_Délicate_Quête,
.page-Geo,
.page-Laissez-passer_du_tramway,
.page-Lanterne_de_Lumafly,
.page-Carte_et_Plume,
.page-Journal_du_Chasseur,
.page-Fleur_Délicate,
.page-Éclat_de_masque,
.page-Fragment_de_réceptacle,
.page-Bénédiction_de_Salubra,
.page-Minerai_pâle,
.page-Oeuf_rance,
.page-Journal_d’un_voyageur,
.page-Sceau_d’Hallownest,
.page-Idole_du_roi,
.page-Oeuf_Arcanique,
.page-Localisation_des_Dialogues_Aiguillon_des_Rêves,
.page-Tablettes_d’Histoire_Hollow_Knight,
.page-Voyage_Rapide_Hollow_Knight,
.page-Banc_Hollow_Knight,
/** Sorts. **/
.page-Sorts_et_Capacités_Hollow_Knight,
.page-Canaliser,
.page-Esprit_Vengeur,
.page-Spectres_Hurleurs,
.page-Élan_ravageur,
.page-Âme_d’ombre,
.page-Ténèbres_Descendantes,
.page-Cri_des_abysses,
/** Capacités. **/
.page-Cape_d’ailes_de_papillon,
.page-Pince_de_mante_religieuse,
.page-Coeur_de_cristal,
.page-Ailes_de_monarque,
.page-Larme_d’Isma,
.page-Cape_des_ombres,
.page-Aiguillons_des_Rêves,
.page-Sens_du_Monde,
/** Arts de l’Aiguillon. **/
.page-Entaille_cyclone,
.page-Entaille_éclair,
.page-Entaille_rapide,
/** Points d’intérêt. **/
.page-Points_d’intérêt_Hollow_Knight
.page-Larves,
.page-Source_Chaude,
.page-Porte_d’ombre,
.page-ÂME,
.page-Racines_murmurantes,
/* Défis. */
.page-L’Épreuve_des_Guerriers,
.page-L’Épreuve_des_Conquérants,
.page-L’Épreuve_des_Fous) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/a/a6/HK_Wiki_Bg-Hollow_Knight.webp);
  --theme-border-color: #E3EDFF;
  --theme-border-color--rgb: 227, 237, 255;
  --theme-page-background-color: #959DB8;
  --theme-page-background-color--secondary: #868EA6;
  --theme-page-text-mix-color: #6C7594;
  --theme-accent-label-color: #ffffff;
  --theme-link-color: #DDE2F5;
  --theme-link-color--rgb: 221, 226, 245;
  --theme-link-color--hover: #333642;
  --theme-link-color--hover-rgb: 51, 54, 66;
  --theme-header-background-color: #9FA6CA;
  --theme-header-background-color--rgb: 159, 166, 202;
  --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/6/6e/Image_d%27en-tête_%28Hollow_Knight%29.png/revision/latest?cb=20210625211001&format=original&path-prefix=fr);
}
 
/*** Hollow Knight: Silksong (Clair) ***/
.theme-fandomdesktop-light:is(.page-Hollow_Knight_Silksong,
.page-Catégorie_Hollow_Knight_Silksong,
.page-Catégorie_Personnage_non_jouables_Silksong,
.page-Catégorie_Boss_Silksong,
.page-Catégorie_Ennemis_Silksong,
.page-Catégorie_Objets_Silksong,
.page-Zone_de_Pharloom,
.page-Chantiers_Profonds,
.page-Greymoor,
.page-Grindle,
.page-Grotte_Moussue,
.page-Fond_Osseux,
.page-Personnages_non_jouables_Silksong,
.page-Ballow,
.page-Gardien_de_l’Église,
.page-Fille-Forgeron,
.page-Garmond_et_Zaza,
.page-La_Chasseresse,
.page-La_Médullaire,
.page-Shakra,
.page-Seth,
.page-Sherma,
.page-Caravane,
.page-Trobbio,
.page-Boss_Silksong,
.page-Lace,
.page-Insecte_Géant_de_Fer,
.page-Roi_du_Corail,
.page-Mère_Moussue,
.page-Sharpe_l’Assassin_d’Acier,
.page-Ennemis_Silksong,
.page-Rosaire,
.page-Druide_du_Temple_Moussu,
.page-Soie,
.page-Aiguille,
.page-Outils,
.page-La_Citadelle,
.page-Tablettes_d’Histoire_Silksong,
.page-Bande_originale_Hollow_Knight_Silksong,
.page-Bestiole_des_Cloches,
.page-Dernier_Juge,
.page-Quêtes,
.page-Banc_Silksong,
.page-Zones_de_Pharloom,
.page-Points_d’intérêt_Silksong,
.page-Hornet_Silksong) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/8/86/HK_Wiki_Bg-Silksong.webp);
  --theme-border-color: #bf360c;
  --theme-border-color--rgb: 255, 172, 145;
  --theme-page-background-color: #FA966B;
  --theme-page-background-color--secondary: #DE855F;
  --theme-page-text-mix-color: #bf360c;
  --theme-accent-label-color: #ffffff;
  --theme-link-color: #bf360c;
  --theme-link-color--rgb: 191, 55, 13;
  --theme-link-color--filter: invert(20%) sepia(68%) saturate(3103%) hue-rotate(3deg) brightness(97%) contrast(91%);
  --theme-link-color--hover: #870000;
  --theme-link-color--hover-rgb: 135, 0, 0;
  --theme-link-color--hover-filter: invert(11%) sepia(64%) saturate(4729%) hue-rotate(353deg) brightness(88%) contrast(115%);
  --theme-header-background-color: #742729;
  --theme-header-background-color--rgb: 116, 41, 39;
  --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/d/dc/Image_d%27en-t%C3%AAte_%28Hollow_Knight_Silksong%29.png/revision/latest?cb=20250402190418&path-prefix=fr);
  --pi-cta-color: #feb556;
  --pi-cta-color--rgb: 254,  182, 86;
  --pi-cta-color--hover: #ffab91;
  --pi-cta-color--hover-rgb: 255, 172, 145;
}
 
/*** Histoire de Pharloom (Clair) ***/
.theme-fandomdesktop-light:is(.page-Histoire_de_Pharloom,
.page-Catégorie_Histoire_de_Pharloom,
.page-Pharloom,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page-,
.page,
.page-,
.page-,
.page-) {
  --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/5/51/Silksong_Early_010.png/revision/latest?cb=20191224001811&path-prefix=fr);
  --theme-border-color: #e5d8cc;
  --theme-border-color--rgb: 176, 191, 197;
  --theme-page-background-color: #5B768D;
  --theme-page-background-color--secondary: #55728E;
  --theme-page-text-mix-color: #263238;
  --theme-accent-label-color: #e5d8cc;
  --theme-link-color: #E16E86;
  --theme-link-color--rgb: 225, 110, 134;
  --theme-link-color--filter: invert(16%) sepia(13%) saturate(949%) hue-rotate(155deg) brightness(95%) contrast(90%);
  --theme-link-color--hover: #f3eeea;
  --theme-link-color--hover-rgb: 49, 52, 73;
  --theme-link-color--hover-filter: invert(7%) sepia(24%) saturate(1154%) hue-rotate(157deg) brightness(95%) contrast(109%);
  --theme-header-background-color: #0d303f;
  --theme-header-background-color--rgb: 174, 190, 214;
  --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/f/f5/Image_d%27en-t%C3%AAte_Histoire_de_Pharloom.png/revision/latest?cb=20250402234239&format=original&path-prefix=fr);
  --pi-cta-color: #b0bec5;
  --pi-cta-color--rgb: 176, 191, 197;
  --pi-cta-color--hover: #fff;
  --pi-cta-color--hover-rgb: 255, 255, 255;
}
 
/*** Toggles colors. ***/
.theme-fandomdesktop-light,
.theme-fandomdesktop-light .wds-toggle__label {
  --wds-toggle-background-color: #bdc1c6;
  --wds-toggle-switch-color: #fff;
  --wds-toggle-background-color--checked: #185abc;
  --wds-toggle-switch-color--checked: #4285f4;
}
 
/** Inverting white sprites' color for light theme. **/
.theme-fandomdesktop-light .darklight-img,
.theme-fandomdesktop-light .hk-divider,
.theme-fandomdesktop-light .ss-divider {
  filter: invert(1);
}
 
/* BACKGROUND OVERLAY - Useful to calculate skin colors.*
.page__main::before,
.right-rail-wrapper::before {
  background: rgba(var(--theme-link-color--rgb), .16);
  content: '';
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}
/**/
 
/* 4. Infobox. */
/** 4.1. General styles. **/
.page-content  .portable-infobox.pi-background {
  background: var(--pi-background) top/cover no-repeat url(https://hk.fandom.com/Special:Filepath/Infobox_HK_Background.webp);
  border-image: url(https://hk.fandom.com/Special:Filepath/Infobox_Bottom.png) 60% fill/40px;
  border-radius: 6px;
  margin: 6px;
  padding-bottom: 10px;
}
 
/** 4.2. Title cell. **/
.page-content .portable-infobox .pi-title {
  border-image: url(https://hk.fandom.com/Special:Filepath/Top_custom.png) 40% fill/40px;
  font: 500 20px/20px var(--pi-tabbers-font);
  padding: 12px 24px;
}
 
/** 4.3. Info cells. **/
.page-content .portable-infobox .pi-item-spacing:not(.pi-title),
.page-content .pi-horizontal-group .pi-horizontal-group-item {
  border-image: linear-gradient(to right, #FFF0, var(--theme-accent-label-color), #FFF0) 47% 0%;
  padding: 10px;
  padding-top: 9px;
}
 
/***
* Removing left border and restoring top border's styles on horizontal
* cells.
***/
.pi-horizontal-group {
  border-collapse: initial;
}
 
.pi-horizontal-group .pi-horizontal-group-item {
  border: none;
  border-image: linear-gradient(to right, #FFF0, var(--theme-accent-label-color), #FFF0) 47% 0%;
  border-top: 1px solid;
}
 
.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
  border-left: none;
}
 
/** 4.4. Image section. **/
.portable-infobox .pi-image {
  padding: 16px 8px;
}
 
/*** Tabbers. ***/
/****
* Adding padding to the tabbers menu so arrow the buttons don't appear
* above/below the text.
****/
.portable-infobox .wds-tabs__wrapper {
  padding: 0 24px;
}
 
/**** Changes cursor when hovering tabbers. ****/
.portable-infobox .wds-tabs__tab {
  cursor: pointer;
}
 
/**** Horizontally centers all tabbers unless any arrow button is visible. ****
.portable-infobox .wds-tabs__wrapper:not(.right-arrow-visible, .left-arrow-visible, .both-arrows-visible) .wds-tabs {
  justify-content: center;
}
 
/**** Makes all tabbers' text bold. ****/
.portable-infobox .wds-tabs__tab-label {
  font-weight: bold;
}
 
/**** General tabs' styles. ****/
.portable-infobox .wds-tabs__tab {
  color: var(--theme-link-color);
  font-family: var(--pi-tabbers-font);
  font-weight: bold;
  text-shadow: 0px 0px 7px #333;
}
}


/**** Selected tabber. ****/
.cosmos-header__local-navigation {
.portable-infobox .wds-tabs__wrapper .wds-is-current {
  height: 64px;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #FFF0, currentcolor, #FFF0) 47% 0%;
  box-shadow: none;
  color: var(--theme-accent-label-color);
}
}


/**** Arrow buttons styles. ****/
@media screen {
/******
  .cosmos-header {
* This is to make the buttons smoothly dissapear when going to either limit
      background-color: rgba(192, 2, 91, 0.9);
* of the tab panel, instead of abruptly dissapearing. Here, we are removing
      background-size: 50%;
* the previous hiding method that used 'visiility: hidden;' so we can use
  }
* the new hiding method that uses 'opacity: 0'. This allows for a smooth
* transition, which the previous method did not.
******/
.portable-infobox .wds-tabs__arrow-left,
.portable-infobox .wds-tabs__arrow-right {
  cursor: default;
  opacity: 0;
  transition: opacity 150ms;
  visibility: visible;
  width: 24px;
}


/******
  #cosmos-footer {
* Now, we make the arrow buttons visible and actionable only when needed.
      width: 100%;
******/
      border: 0;
/******* Left arrow. *******/
      margin: 0;
.portable-infobox .wds-tabs__wrapper.left-arrow-visible .wds-tabs__arrow-left,
      background-color: rgba(139,56,81,0.95);
/******* Right arrow. *******/
  }
.portable-infobox .wds-tabs__wrapper.right-arrow-visible .wds-tabs__arrow-right,
/******* Both arrows. *******/
.portable-infobox .wds-tabs__wrapper.both-arrows-visible .wds-tabs__arrow-left,
.portable-infobox .wds-tabs__wrapper.both-arrows-visible .wds-tabs__arrow-right {
  opacity: 1;
  cursor: pointer;
}


/***** Background styles. *****/
  .cosmos-header::before {
.portable-infobox .wds-tabs__arrow-left::before,
      background: linear-gradient(to right, rgba(192, 2, 91, 0.9), rgba(0, 0, 0, 0.5)), linear-gradient(to left, rgba(0, 0, 0, 0) 200px, #000000 530px);
.portable-infobox .wds-tabs__arrow-right::before {
  }
  --pi-tabs__arrow-bg-opacity: .2;
  content: '';
  height: 100%;
  position: absolute;
  transition: background-image 400ms;
  width: 100%;
}
}


/***** Adding custom gradient backgrounds to both arrows. *****/
/****** Left arrow's background. ******/
.portable-infobox .wds-tabs__arrow-left::before {
  background-image: linear-gradient(to right, rgba(var(--theme-link-color--rgb), var(--pi-tabs__arrow-bg-opacity)) 0%,rgba(var(--theme-link-color--rgb), var(--pi-tabs__arrow-bg-opacity)) 20%,rgba(var(--theme-link-color--rgb), 0) 100%);
}


/****** Right arrow's background. ******/
#cosmos-footer li {
.portable-infobox .wds-tabs__arrow-right::before {
  color: #F5F5F5;
  background-image: linear-gradient(to left, rgba(var(--theme-link-color--rgb), var(--pi-tabs__arrow-bg-opacity)) 0%,rgba(var(--theme-link-color--rgb), var(--pi-tabs__arrow-bg-opacity)) 20%,rgba(var(--theme-link-color--rgb), 0) 100%);
}
}


/*****
#cosmos-banner {
* Changing background's opacity when on hover and when
  background-color: #590900;
* focused/clicked/active.
****/
/****** On hover. ******/
.portable-infobox .wds-tabs__arrow-left:hover::before,
.portable-infobox .wds-tabs__arrow-right:hover::before {
  --pi-tabs__arrow-bg-opacity: .3;
}
}


/****** On focus/active/clicked state. ******/
/* Tabber */
.portable-infobox .wds-tabs__arrow-left:is(:focus, :active)::before,
.tabber__tab[aria-selected='true'] {
.portable-infobox .wds-tabs__arrow-right:is(:focus, :active)::before {
    box-shadow: 0 -2px 0 #8100C0 inset;
  --pi-tabs__arrow-bg-opacity: .38;
}
}


/** 4.5. Themed styles. **/
.tabber__header {
/*** Rêves Cachés ***/
    box-shadow: inset 0 -1px 0 0 #8A354A;
.portable-infobox.pi-theme-hidden.pi-background {
  --pi-background: rgba(133, 97, 140, .2);
  background-image: url(https://hk.fandom.com/Special:Filepath/Infobox_Background_Hidden_Dreams.webp);
}
}


/*** The Grimmm Troupe. ***/
.tabber__tab:hover {
.portable-infobox.pi-theme-grimm.pi-background {
  box-shadow:inset 0 -2px 0 0 #8100C0;
  --pi-background: rgba(140, 97, 97, .2);
  color: #C00000;
  background-image: url(https://hk.fandom.com/Special:Filepath/Infobox_Background_Grimm.webp);
}
}


/*** Chercheur de Dieux ***/
/* Sommaire */
.portable-infobox.pi-theme-godmaster.pi-background {
  --pi-background: rgba(113, 112, 61, .2);
  background-image: url(https://hk.fandom.com/Special:Filepath/Infobox_Background_Godmaster.webp);
}


/*** Sang-de-vie. ***/
.skin-cosmos .toc {
.portable-infobox.pi-theme-lifeblood.pi-background {
  background-color: rgba(142, 51, 155, 0.25);
  --pi-background: rgba(60, 129, 194, .1);
  padding:1%;
  background-image: url(https://static.wikia.nocookie.net/hollowknight/images/f/ff/Infobox_Background_Lifeblood.png/revision/latest?cb=20250403161800&format=original&path-prefix=fr);
  border-radius:5px;
  border: white 2px double;
  margin-right:15px;
  float: left;
  font-weight: bold;
}
}


/*** Coeur-du-vide ***/
#mw-content .toc > ul {
.portable-infobox.pi-theme-voidheart.pi-background {
  border-top: solid 1px transparent;
  --pi-background: rgba(97, 101, 140, .2);
  background-image: url(https://hk.fandom.com/Special:Filepath/Infobox_Background_Voidheart.webp);
}
}


/*** Histoire d'Hallownest ***/
#mw-content h2 {
.portable-infobox.pi-theme-lore.pi-background {
  border-bottom: solid 1px #7A3052;
  --pi-background: rgba(97, 101, 140, .2);
  background-image: url(https://vignette.wikia.nocookie.net/hollowknight/images/6/61/Infobox_Background_Lore.png/revision/latest?cb=20200719022333&path-prefix=fr);
}
}


/*** Hollow Knight: Silksong. ***/
/* Liens */
.portable-infobox.pi-theme-silksong.pi-background {
  --pi-background: rgba(140, 120, 97, .2);
  background-image: url(https://static.wikia.nocookie.net/hollowknight/images/7/7b/Infobox_Background_Hollow_Knight_Silksong.png/revision/latest?cb=20250403120741&format=original&path-prefix=fr);
}
 
/*** Histoire de Pharloom ***/
.portable-infobox.pi-theme-pharloom.pi-background {
  --pi-background: rgba(88, 111, 143, .2);
  background-image: url(https://static.wikia.nocookie.net/hollowknight/images/1/1c/Infobox_Background_Pharloom.png/revision/latest?cb=20250403112105&format=original&path-prefix=fr);
}
 
/*** Infobox - Le thème clair, le texte coloré sera le même que sur le thème sombre. ***/
.theme-fandomdesktop-light .portable-infobox {
  color: #fff;
  --theme-accent-label-color: #fff;
}
 
.theme-fandomdesktop-light :is(.portable-infobox a,
.pi-secondary-background,
.portable-infobox .wds-tabs__tab,
.portable-infobox .wds-is-current) {
  color: var(--pi-cta-color);
}
 
.theme-fandomdesktop-light :is(.portable-infobox a,
.pi-secondary-background,
.portable-infobox .wds-tabs__tab,
.portable-infobox .wds-is-current):hover {
  color: var(--pi-cta-color--hover);
}
 
.theme-fandomdesktop-light .portable-infobox .wds-tabs__wrapper {
  --theme-link-color--rgb: var(--pi-cta-color--rgb);
}
 
/**** Le reste des sous-thèmes sont manquant car ils ne changent rien. ****/
/***** Rêves Cachés *****/
.theme-fandomdesktop-light .portable-infobox.pi-theme-hidden.pi-background {
  --pi-background: hsl(234, 18%, 20%);
}
 
/***** La Troupe Grimm *****/
.theme-fandomdesktop-light .portable-infobox.pi-theme-grimm.pi-background {
  --pi-background: hsl(0, 18%, 25%);
}
 
/*** Rendre les images des modèles de citation blanches lorsqu'elles se trouvent dans l'infobox. ***/
.theme-fandomdesktop-light .portable-infobox .game-quote .darklight-img {
  filter: none;
}
 
/*** Suppression des puces en double dans les listes à l'intérieur de l'infobox. ***/
.pi-data-value ul li:before {
  content: none;
}
 
/** 4.6. Tooltip infoboxes. **/
/***
* Creates a pseudo-box behind the tooltip infobox so it "solidifies" its
* background.
***/
.htt.tooltip-ready .tooltip-content .portable-infobox::before {
  background-color: var(--theme-page-background-color, #1a1e23);
  content: '';
  height: calc(100% - 14px);
  left: 7px;
  position: absolute;
  top: 7px;
  width: calc(100% - 14px);
  z-index: -1;
}
 
/*** Light theme background color. ***/
.theme-fandomdesktop-light .htt.tooltip-ready .tooltip-content .portable-infobox::before {
  background-color: var(--theme-page-background-color, #fff);
}
 
/* 5. General styles. */
.page-content p,
.page-content section {
  margin: 0 0 1.5rem;
}
 
/** Allowing sticky elements to work. **/
body:not(.mainpage) .mw-parser-output {
  overflow: initial;
}
 
/** Making focus outline color-themed. **/
*:focus-visible {
  outline: 2px solid var(--theme-link-color);
}


a {
a {
  color: var(--theme-link-color);
  color: #8200C1;
  transition: color .4s, text-shadow .4s;
}
}


a:is(:hover, :focus) {
#mw-content a:not(.new) {
  color: var(--theme-link-color--hover);
  color: #A955D7;
  text-shadow: 0 0 .25em var(--theme-link-color--hover);
}
}


a.external::after {
body a:not(.new) {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-icons-external' viewBox='0 0 24 24'%3E%3Cpath d='M10 15a.999.999 0 0 1-.707-1.707L19.586 3H14a1 1 0 1 1 0-2h8.003a.988.988 0 0 1 .704.293.998.998 0 0 1 .293.704V10a1 1 0 1 1-2 0V4.414L10.707 14.707A.997.997 0 0 1 10 15m8 8H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2H3v14h14v-8a1 1 0 1 1 2 0v9a1 1 0 0 1-1 1'%3E%3C/path%3E%3C/svg%3E");
  color: #A955D7;
  display: inline-block;
  filter: var(--theme-link-color--filter);
  line-height: 1; /* Removes a couple of extra interactive pixels from below. */
  margin-left: .2em;
  transition: filter .4s;
  width: 14px;
}
}


a.external:hover::after {
a:active {
  filter: var(--theme-link-color--hover-filter) drop-shadow(0 0 .25em var(--theme-link-color--hover));
    color: #ECC4C4;
}
}


::-webkit-input-placeholder {
a.new {
  color: var(--theme-text-on-background);
    color: #BF5959;
}
}


::placeholder {
/* Page */
  opacity: 1;
}


::selection {
#mw-content {
  background-color: rgba(var(--theme-link-color--hover-rgb), var(--theme-selection-color-alpha, .16));
  background-color: rgba(88, 39, 54, 0.95);
  color: #ffffff;
  box-shadow: 0 4px 24px rgba(88, 39, 54, 0.7);
}
}


::target-text {
#mw-content h2 {
  background-color: var(--theme-link-color);
  border-bottom: solid 1px #8A354A;
  color: var(--theme-text-on-background--inverse);
}
}


input::selection,
.warning {
textarea::selection {
  background-color: rgba(216, 129, 129, 0.95);
  background-color: var(--theme-text-on-background);
  padding:1%;
  color: var(--theme-text-on-background--inverse);
  border-radius:5px;
  border: white 2px double;
  margin-bottom:15px;
  color:white;
}
}


/** Scrollbar. **/
.quote {
/*** Firefox scrollbar. ***/
  background-color: rgba(152, 54, 54, 0.95);
html,
  padding:1%;
body {
  border-radius:5px;
  scrollbar-color: rgba(var(--theme-link-color--hover-rgb), .7) var(--scrollbar-background-color);
  border: white 2px double;
  margin-bottom:15px;
  color:white;
}
}


::-webkit-scrollbar {
/* Header Article */
  background-color: var(--scrollbar-background-color);
}


::-webkit-scrollbar-thumb {
.cosmos-button-primary {
  background-color: rgba(var(--theme-link-color--hover-rgb), .45);
  background-color: #C0025B;
}
}


::-webkit-scrollbar-thumb:hover {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  background-color: rgba(var(--theme-link-color--hover-rgb), .57);
    color: var(--color-inverted-fixed,#fff);
    background-color: #C0025B;
    border-color: #C0025B
}
}


::-webkit-scrollbar-thumb:active {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: rgba(var(--theme-link-color--hover-rgb), .7);
    background-color: #EF568F;
    border-color: #EF568F
}
}


::-webkit-scrollbar-corner {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  background-color: var(--scrollbar-corner-color);
    color: #fff;
    background-color: #8B0143;
    border-color: #8B0143;
}
}


::-webkit-scrollbar-button {
/* Infobox */
  background-position: center;
  background-size: 18px;
}


::-webkit-scrollbar-button:hover {
.portable-infobox {
  background-color: rgba(var(--theme-link-color--hover-rgb), .2);
  border: 1px solid #C00000;
}
}


::-webkit-scrollbar-button:active {
.portable-infobox h2 {
  background-color: rgba(var(--theme-link-color--hover-rgb), .87);
  border-bottom: solid 1px #C00000;
}
}


/***
.portable-infobox .pi-border-color {
* Dark theme scrollbar icons. Serving the normal icons as images so those
  border: 1px solid #C00000;
* can be cached, while the active ones are served as data-urls to "preload
* them.
***/
 
/**** Up. ****/
.theme-fandomdesktop-dark::-webkit-scrollbar-button:vertical:decrement,
.theme-fandomdesktop-dark *::-webkit-scrollbar-button:vertical:decrement {
  background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_arrow_drop_up_white_24px.svg);
}
}


.theme-fandomdesktop-dark::-webkit-scrollbar-button:vertical:decrement:active,
.portable-infobox .pi-header {
.theme-fandomdesktop-dark *::-webkit-scrollbar-button:vertical:decrement:active {
  background-color: #C00000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/svg%3E");
}
}


/**** Down. ****/
.portable-infobox .pi-title {
.theme-fandomdesktop-dark::-webkit-scrollbar-button:vertical:increment,
  background-color: #C00000;
.theme-fandomdesktop-dark *::-webkit-scrollbar-button:vertical:increment {
  background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_arrow_drop_down_white_24px.svg);
}
}


.theme-fandomdesktop-dark::-webkit-scrollbar-button:vertical:increment:active,
.portable-infobox .pi-background {
.theme-fandomdesktop-dark *::-webkit-scrollbar-button:vertical:increment:active {
    background-color: #6F2222
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
}
}


/**** Left. ****/
.portable-infobox .pi-horizontal-group-item:nth-child(even) {
.theme-fandomdesktop-dark::-webkit-scrollbar-button:horizontal:decrement,
    background-color: #6F2222
.theme-fandomdesktop-dark *::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url(https://tobias-laboratory.fandom.com/Special:Filepath/Arrow_left_dark.svg);
}
}


.theme-fandomdesktop-dark::-webkit-scrollbar-button:horizontal:decrement:active,
.portable-infobox .pi-media-collection-tabs {
.theme-fandomdesktop-dark *::-webkit-scrollbar-button:horizontal:decrement:active {
    background-color: #6F2222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23000'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath d='M24 0v24H0V0h24z' fill='none'/%3E%3C/svg%3E");
}
}


/****  Right. ****/
.portable-infobox .pi-smart-data-label:nth-child(even) .portable-infobox .pi-smart-data-value:nth-child(even) {
.theme-fandomdesktop-dark::-webkit-scrollbar-button:horizontal:increment,
    background-color: #6F2222
.theme-fandomdesktop-dark *::-webkit-scrollbar-button:horizontal:increment {
  background-image: url(https://tobias-laboratory.fandom.com/Special:Filepath/Arrow_right_dark.svg);
}
}


.theme-fandomdesktop-dark::-webkit-scrollbar-button:horizontal:increment:active,
.portable-infobox .pi-data {
.theme-fandomdesktop-dark *::-webkit-scrollbar-button:horizontal:increment:active {
  background-color: #6F2222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23000'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath d='M0 24V0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}
}


/*** Light theme scrollbar icons. ***/
.portable-infobox .pi-secondary-background {
/**** Up. ****/
    background-color: #C00000;
.theme-fandomdesktop-light::-webkit-scrollbar-button:vertical:decrement,
.theme-fandomdesktop-light *::-webkit-scrollbar-button:vertical:decrement {
  background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_arrow_drop_up_black_24px.svg);
}
}


.theme-fandomdesktop-light::-webkit-scrollbar-button:vertical:decrement:active,
.portable-infobox .pi-media-collection .current  {
.theme-fandomdesktop-light *::-webkit-scrollbar-button:vertical:decrement:active {
  background-color: #8A354A;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/svg%3E");
  color : #ffffff;
}
}


/**** Down. ****/
/* Backgrounds */
.theme-fandomdesktop-light::-webkit-scrollbar-button:vertical:increment,
/* Default */
.theme-fandomdesktop-light *::-webkit-scrollbar-button:vertical:increment {
body.skin-cosmos{
  background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_arrow_drop_down_black_24px.svg);
    background: url("/images/9/95/Nix2_Cover.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}
}
 
.cosmos-header {
.theme-fandomdesktop-light::-webkit-scrollbar-button:vertical:increment:active,
    background-image: url("/images/0/0d/Tahicokahn_Illustration.png");
.theme-fandomdesktop-light *::-webkit-scrollbar-button:vertical:increment:active {
    background-position: right center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
}
 
/**** Left. ****/
.theme-fandomdesktop-light::-webkit-scrollbar-button:horizontal:decrement,
.theme-fandomdesktop-light *::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url(https://tobias-laboratory.fandom.com/Special:Filepath/Arrow_left_light.svg);
}
 
.theme-fandomdesktop-light::-webkit-scrollbar-button:horizontal:decrement:active,
.theme-fandomdesktop-light *::-webkit-scrollbar-button:horizontal:decrement:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23fff'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath d='M24 0v24H0V0h24z' fill='none'/%3E%3C/svg%3E");
}
 
/****  Right. ****/
.theme-fandomdesktop-light::-webkit-scrollbar-button:horizontal:increment,
.theme-fandomdesktop-light *::-webkit-scrollbar-button:horizontal:increment {
  background-image: url(https://tobias-laboratory.fandom.com/Special:Filepath/Arrow_right_light.svg);
}
 
.theme-fandomdesktop-light::-webkit-scrollbar-button:horizontal:increment:active,
.theme-fandomdesktop-light *::-webkit-scrollbar-button:horizontal:increment:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23fff'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath d='M0 24V0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}
 
/** Make elements and text scallable depending on user's browser/OS preference. **/
/***
* This is an early implementaton of this feature, so it may not be 100% accurate.
***/
/**** 10px. ****/
.page-content sup {
  font-size: .625rem;
}
 
/**** 12px. ****/
.ooui-theme-fandomooui .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.WikiaBarWrapper #my-tools-menu > li > :is(a, span),
.oo-ui-buttonElement > .oo-ui-buttonElement-button,
.wikia-gallery-caption-size-medium .lightbox-caption,
.page-content .portable-infobox :is(p, .pi-font, .pi-data-label),
.wikia-gallery-caption-size-medium .title,
.WikiaBarWrapper .tools-menu > li > a,
.recent-wiki-activity__timeago,
.recent-wiki-activity__username,
.toctogglespan .toctogglelabel,
.WikiaBarWrapper .wikia-bar,
.LightboxModal .see-full-size-link,
.LightboxModal .video-views,
.thumb .thumbcaption p,
.wds-button,
.pi-font {
  font-size: .75rem;
}
 
.toc .toctitle h2 .wds-icon-tiny,
.WikiaBarWrapper .wds-icon-tiny,
.wds-list .navigation-item-icon {
  height: .75rem;
  min-width: .75rem;
  width: .75rem;
}
 
.toc .toctitle h2 .wds-icon,
.fandom-community-header__local-navigation .navigation-item-icon {
  margin-right: .375rem;
}
 
.WikiaBarWrapper .tools > li > svg {
  margin-right: .25rem;
}
 
.WikiaBarWrapper #my-tools-menu > li > :is(a, span) {
  padding: .625rem .313rem;
}
 
.thumb .thumbcaption p {
  line-height: 1.25;
}
 
.page-content .portable-infobox :is(p, .pi-font, .pi-data-label) {
  line-height: 1.75;
}
 
/**** 14px. ****/
body,
.page-content :is(p, section),
:not(.global-navigation) .wds-list > li,
.wds-tabs__tab-label,
.page-header__languages .wds-dropdown__toggle,
.page-header__variants .wds-dropdown__toggle,
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-nested .wds-dropdown-level-nested__content .wds-list.wds-is-linked > li > a,
.modalContent,
.diff-addedline,
.diff-deletedline,
.diff-context {
  font-size: .875rem;
}
 
.wds-tabs__tab-label {
  margin: 0 .75rem;
}
 
@media only screen and (min-width: 1500px) {
  .page-content {
     font-size: .875rem;
  }
}
 
/**** 16px. ****/
.rail-module__header,
.rail-module h2,
.page-content h4,
.oo-ui-dialog {
  font-size: 1rem;
}
 
/**** 18px. ****/
.page-content .portable-infobox .pi-title,
.wds-collapsible-panel__header,
.page-content h3 {
  font-size: 1.125rem;
}
 
.WikiaBarWrapper .wds-icon-small,
.activity-summary__help-link .wds-icon-small {
  height: 1.125rem;
  min-width: 1.125rem;
  width: 1.125rem;
}
}


.WikiaBarWrapper .arrow .close-icon {
/* Custom */
  padding: .125rem;
}
 
/**** 24px. ****/
.rail-module .wds-icon {
  height: 1.5rem;
  min-width: 1.5rem;
  width: 1.5rem;
}
 
.page-content h2 {
  font-size: 1.5rem;
}
 
/**** 36px. ****/
.page-header__title,
.page-content h1 {
  font-size: 2rem;
}
 
/** Adding background image. **/
.main-container {
  background: #000 center/cover fixed no-repeat var(--theme-body-background-image, url(https://hk.fandom.com/Special:Filepath/Wiki-background));
}
 
/** Adding page glow. **/
.resizable-container {
  box-shadow: 0 4px 24px rgba(var(--theme-link-color--hover-rgb), .5);
  margin-top: 26px;
}
 
.page {
  font-family: var(--theme-body-font);
  margin-top: 0;
}
 
i.img {
  -ms-high-contrast-adjust: none
}
 
/** 5.1. Header. **/
/*** Hiding new baner. ***/
.fandom-community-header__background {
  background: none;
  z-index: 0;
}
 
.fandom-community-header__background::before {
  background: none;
}
 
/*** Adds old banners. ***/
.fandom-community-header {
  background: rgba(var(--theme-header-background-color--rgb, 0, 0, 0), .38) right top/contain scroll no-repeat var(--theme-header-background-image, url(https://hk.fandom.com/Special:Filepath/Community-header-background));
  box-shadow: 0 0 24px rgba(var(--theme-header-background-color--rgb, 0, 0, 0), .7);
  padding: 8.5px 0;
  position: relative;
}
 
.fandom-community-header::before {
  --theme-header-gradient-start: 200px;
  --theme-header-gradient-end: 430px;
  background: linear-gradient(to right, rgba(var(--theme-header-background-color--rgb, 0, 0, 0), .5), rgba(var(--theme-header-background-color--rgb, 0, 0, 0), .5)),
              linear-gradient(to left, transparent var(--theme-header-gradient-start), var(--theme-header-background-color, #000) var(--theme-header-gradient-end));
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
 
/***
* Responsive design - increases banner's padding size as the windows' width
* increases too.
***/
@media only screen and (min-width: 724px) and (max-width: 899px) {
  .fandom-community-header {
    padding-inline: 12px; 
  }
}
 
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  .fandom-community-header {
    padding-inline: 24px;
  }
}
 
@media only screen and (min-width: 1280px) {
  .fandom-community-header {
    padding: 26px 24px;
  }
}
 
/***
* Puts wiki logo, title, and right buttons in front of the gradient
* background.
***/
.fandom-community-header__image,
.fandom-community-header__top-container {
  z-index: 1;
}
 
/*** Dropdown. ***/
/**** Dropdown menu link on hover. ****/
.wds-dropdown__content .wds-list.wds-is-linked > :is(li.wds-is-selected,
li:hover) > a:not(.wds-button) {
  color: var(--theme-link-color--hover);
}
 
/** Hiding header in the editor. ***/
:is(.action-edit,
.ve-active) .community-header-wrapper {
  display: none;
}
 
/*** Moving the editor a bit more bellow. ***/
:is(.action-edit,
.ve-active) .page {
  margin-top: 46px;
}
 
/**
* Changing padding to margin, so the last category link doesn't look oddly
* bigger when focused.
**/
.page-header__categories > :last-child {
  padding: 0;
  margin-block-end: 1em;
}
 
/** Fixing page box-shadow wrapping empty space. **/
.community-header-wrapper {
  margin-top: -26px;
}
 
/** 5.2. Body. **/
/*** Adding quote styles to the <q> element. ***/
q {
  font-style: italic;
  quotes: '“' '”' '‘' '’';
}
 
q::before {
  content: open-quote;
}
 
q::after {
  content: close-quote;
}
 
/*** Removing italics from <cite> element. ***/
cite {
  font-style: unset;
}
 
/*** Adding more contrast for readability. ***/
.mw-plusminus-pos {
  color: var(--theme-success-color);
}
 
.mw-plusminus-neg,
.unpatrolled {
  color: var(--theme-alert-color);
}
 
.mw-plusminus-null {
  color: var(--theme-text-secondary-on-background);
}
 
#wpTextbox0 {
  color: var(--theme-color__red) !important;
}
 
.previewnote {
  color: var(--theme-color__red);
}
 
/*** Code styling. ***/
code,
.code/*,
pre,
.mw-code*/ {
  background-color: var(--theme-page-background-color--secondary);
  border: 1px solid rgba(var(--theme-body-dynamic-color-1--rgb), .12);
  color: var(--theme-text-primary-on-background);
  font: 700 .875rem/1.5 monospace;
  letter-spacing: .0333333333em;
  overflow-x: auto;
  padding: 1px 4px;
  -moz-tab-size: 4;
    -o-tab-size: 4;
      tab-size: 4;
  word-wrap: break-word;
}
 
.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
  padding-left: 3.5em;
  box-shadow: inset 2.75em 0 0 var(--theme-page-background-color--secondary);
}
 
/*** Couleurs des utilisateurs ***/
/**** Bureaucrates et Administrateurs du Wiki Anglais. ****/
a[href='/fr/wiki/Utilisateur:TheEmbracedOne'],
a[href='/fr/wiki/Utilisateur:Pauolo'],
a[href='/fr/wiki/User:Polymeric'],
a[href='/fr/wiki/User:Zigmatism'] {
  color: #ff6a00;
  font-weight: bold;
}
 
/**** Modérateurs du Wiki Anglais. ****/
a[href$='/wiki/User:Sumwan'],
a[href$='/wiki/User:MolaMola7'],
a[href$='/wiki/User:Exempt-Medic'] {
  color: #008fff;
  font-weight: bold;
}
 
a[href$='/wiki/User:ColdWhie'] {
  color: #0fa859;
  font-weight: bold;
}
 
/**** Créatrice du Wiki Hollow Knight FR. ****/
a[href$='/fr/wiki/Utilisateur:AntiGravityMaster'] {
  color: #B4EEE3;
  font-weight: bold;
}
 
/**** Bureaucrates et Administrateurs du Wiki Français. ****/
a[href$='/fr/wiki/Utilisateur:Plume_de_Paon'] {
  color: #E0B048;
  font-weight: bold;
}
 
a[href$='/fr/wiki/Utilisatrice:AlbertineCrowley'] {
  color: #E9D8EE;
  font-weight: bold;
}
 
a[href$='/fr/wiki/Utilisatrice:InkScarlet'] {
  color: #CFAE3A;
  font-weight: bold;
}
 
a[href$='/fr/wiki/Utilisatrice:InkScarlet-Alt'] {
  color: #D70055;
  font-weight: bold;
}
 
a[href$='/fr/wiki/Utilisateur:Inlia'] {
  color: #B3A9EB;
  font-weight: bold;
}
 
/**** Modérateurs du Wiki Français. ****/
a[href$='/fr/wiki/Utilisateur:PototoLaPatate'] {
  color: #FAE25C;
  font-weight: bold;
}
 
/**** Adminstrateur du Wiki Chinois. ****/
a[href$='/fr/wiki/Utilisateur:Stevenlele'] {
  color: #FFD16F;
  font-weight: bold;
}
 
/**** Administrateur du Wiki Russe. ****/
a[href$='/fr/wiki/Utilisateur:WingdingAster0' ] {
  color: #FFD16F;
  font-weight: bold;
}
 
/*** Dialog curtains' z-index. ***/
.wds-dialog__curtain {
  z-index: 9;
}
 
/*** Articles' bullet list style. ***/
/**** Dark theme. ****/
.theme-fandomdesktop-dark .mw-parser-output ul:not(.wds-tabs),
/**** Light theme - overwrites bullet list icons to be white too. ****/
.theme-fandomdesktop-light .mw-parser-output .portable-infobox .pi-data-value ul {
  list-style-image: url(https://hk.fandom.com/Special:Filepath/BulletPoint.png);
}
 
/**** Light theme. ****/
.theme-fandomdesktop-light .mw-parser-output ul:not(.wds-tabs) {
  list-style-image: url(https://hk.fandom.com/Special:Filepath/BulletPointBlack.png);
}
 
/*** Responsive dividers. ***/
/**** Dark theme. ****/
.hk-divider {
  background: transparent center/contain scroll no-repeat url(https://hk.fandom.com/Special:Filepath/Hr.png);
  border: 0;
  height: 54px; /* Max height that the background can get. It'll also stop it's
                * width from incresing once it gets to that threshold. */
  width: 100%;
}
 
.ss-divider {
  background: transparent center/contain scroll no-repeat url(https://hk.fandom.com/Special:Filepath/SS_Hr.png);
  border: 0;
  height: 41px; /* Max height that the background can get. It'll also stop it's
                * width from incresing once it gets to that threshold. */
  width: 100%;
}
 
/*** Responsive centered images. ***/
.f-center {
  display: flex;
  justify-content: center;
  width: auto;
}
 
/****
* (For the light theme version, check the Light theme secion above in the
* document).
****/
 
/*** Headlines' font. ***/
.page-header__title,
.portable-infobox .pi-header,
.mw-parser-output :is(h1,
h2,
h3,
h4,
h5,
h6):not(.pi-data-label,
.pi-title) {
  font-family: var(--theme-font-1);
  padding: 0;
}
 
/*** Infobox headlines. ***/
.page-content .pi-data-label {
  font-size: 12px;
}
 
/**** Fixing <center> not working on headines. ****/
center :is(h1,
h2,
h3,
h4,
h5,
h6) {
  justify-content: center;
}
 
/*** Gallery caption's color. ***/
.caption,
.wikia-gallery-caption-below .lightbox-caption,
.wikia-gallery-captions-center .wikia-gallery-item .lightbox-caption,
.wikia-gallery-captions-center .wikia-gallery-item .title {
  color: rgba(var(--theme-page-text-color--rgb), .6);
}
 
/*** Collapsible button. ***/
.mw-content-ltr .mw-collapsible:not(.mw-made-collapsible) th:before,
.mw-content-rtl .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible) th:before,
.mw-content-ltr .mw-collapsible:not(.mw-made-collapsible):before,
.mw-content-rtl .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible):before,
.mw-content-ltr .mw-collapsible-toggle,
.mw-content-rtl .mw-content-ltr .mw-collapsible-toggle {
  float: none;
}
 
.mw-content-ltr th > .mw-collapsible-toggle,
.mw-content-rtl .mw-content-ltr th > .mw-collapsible-toggle {
  float: right;
}
 
.mw-collapsible-toggle,
.mw-parser-output > .collapsible-section .mw-collapsible-toggle {
  background-color: rgba(var(--theme-link-color--rgb), .08);
  border: 1px solid rgba(var(--theme-link-color--rgb), .12);
  padding: 7px 8px 6px;
}
 
.mw-collapsible-toggle:hover,
.mw-parser-output > .collapsible-section .mw-collapsible-toggle:hover {
  background-color: rgba(var(--theme-link-color--hover-rgb), .08);
}
 
.mw-collapsible-toggle:is(:focus, :focus-within, :active),
.mw-parser-output > .collapsible-section .mw-collapsible-toggle:is(:focus, :focus-within, :active) {
  background-color: rgba(var(--theme-link-color--hover-rgb), .12);
}
 
/**** Removing button styles if it's inside a table. ****/
table .mw-collapsible-toggle {
  background-color: initial;
  border: initial;
  padding: revert;
}
 
table .mw-collapsible-toggle:is(:hover, :focus, :focus-within, :active) {
  background-color: initial;
}
 
/**** Trigger link transition when interacting with parent element. ****/
.mw-collapsible-toggle:is(:hover, :focus, :focus-within) a {
  color: var(--theme-link-color--hover);
  text-shadow: 0 0 5px var(--theme-link-color--hover);
}
 
/**** Adds image element. ****/
.mw-collapsible-toggle::before {
  content: '';
  display: inline-block;
  filter: drop-shadow(0 0 .5rem transparent);
  height: 1.5rem;
  transform: translateY(1px);
  vertical-align: sub;
  width: 1.5rem;
  transition: filter .4s;
}
 
/**** Hides the ' ] ' character. ****/
.mw-collapsible-toggle::after {
  display: none;
}
 
/**** Text styles. ****/
.mw-collapsible-toggle .mw-collapsible-text {
  font: 500 1.125rem/1.5rem var(--pi-buttons-font);
}
 
.mw-collapsible-toggle .mw-collapsible-text:hover {
  text-decoration: none;
}
 
/**** Arrow images' styles. ****/
.mw-collapsible-toggle:is(:hover,
:focus)::before {
  filter: drop-shadow(0 0 .5rem var(--theme-link-color--hover));
}
 
.mw-collapsible-toggle-collapsed::before {
  background: transparent no-repeat center;
}
 
.mw-collapsible-toggle-expanded::before {
  background: transparent no-repeat center;
}
 
/***** Dark theme. *****/
.theme-fandomdesktop-dark .mw-collapsible-toggle-collapsed::before {
  background-image: url(https://hk.fandom.com/Special:Filepath/Expandarrow.png);
}
 
.theme-fandomdesktop-dark .mw-collapsible-toggle-expanded::before {
  background-image: url(https://hk.fandom.com/Special:Filepath/Collapsearrow.png);
}
 
/***** Light theme. *****/
.theme-fandomdesktop-light .mw-collapsible-toggle-collapsed::before {
  background-image: url(https://hk.fandom.com/Special:Filepath/Expandarrow_black.png);
}
 
.theme-fandomdesktop-light .mw-collapsible-toggle-expanded::before {
  background-image: url(https://hk.fandom.com/Special:Filepath/Collapsearrow_black.png);
}
 
.mw-collapsible-toggle-collapsed::before,
.mw-collapsible-toggle-expanded::before {
  background-size: 1.5rem;
  display: inline-block;
  margin-right: .375rem;
}
 
/*** Table shadow. ***/
.table-wide::before {
  -webkit-box-shadow: inset -14px 0 20px -14px #000;
  box-shadow: inset -14px 0 20px -14px #000;
}
 
/*** Gradient divider element. ****/
.gradient-divider {
  border-width: .063rem 0 0 0;
  border-image: linear-gradient(to right, #FFF0, var(--theme-accent-label-color), #FFF0) 47% 0% 1;
  width: 100%;
}
 
/*** Quote template. ***/
.game-quote {
  font-family: 400 1rem/1.25 var(--theme-font-3);
  letter-spacing: .031em;
  margin: auto;
  padding: 20px 15px;
  max-width: 60ch;
}
 
/**** Removing padding from the template if it's inside a infobox. ****/
.portable-infobox .game-quote {
  padding: 0;
}
 
.quote-text,
.quote-text p,
.page-content .portable-infobox :is(.quote-text,
.quote-text p) {
  font: 500 italic 1.25rem/2rem var(--theme-font-3);
  letter-spacing: .0125em;
  text-align: center;
}
 
.quote-text p {
  margin-block-end: .5rem;
}
 
.game-quote .author {
  font-style: initial;
  text-align: right;
}
 
/**** Makes any divider used an 1px gradient with fixed vertical margin. ****/
.game-quote hr {
  border-image: linear-gradient(to right, #fff0, var(--theme-accent-label-color), #fff0) 47% 0% 1;
  border-width: 1px 0 0;
  margin: 1rem 0;
}
 
/**** If there's a paragraph following the divider, remove it's margin. ****/
:is(.page-content,
.game-quote) hr + p {
  margin: 0;
}
 
/*** Template:TabbedDialogue. ***/
.dialogue-table {
  width: 100%;
}
 
.dialogue-table p {
  margin: 0;
}
 
.dialogue-table > tbody > tr:last-child > td {
  border-bottom: none;
}
 
.dialogue-table .dialogue-table__inner {
  border-collapse: collapse;
  font-size: .875rem;
  text-align: left;
  width: 100%;
}
 
.dialogue-table .td-title {
  background-color: rgba(0, 0, 0, .2);
  font-weight: 700;
  width: 22%;
}
 
/*** Tables. ***/
/**** Improving background color. ****/
.article-table,
.WikiaTable {
  background-color: rgba(var(--theme-page-dynamic-color-2--rgb), .08);
}
 
/*** Template:HK Nav Charms and Template:HK Nav Enemies. ***/
#charms-nav,
#enemies-nav {
  background-color: rgba(var(--theme-page-dynamic-color-2--rgb), .08);
  font: 400 .875rem/2 var(--theme-font-2);
  margin: 2rem auto;
  width: 100%;
}
 
/**** Modifies the main header to have custom styling. ****/
:is(#charms-nav,
#enemies-nav) tbody > :first-child th {
  background-color: rgba(var(--theme-page-dynamic-color-2--rgb), .12);
  font: 700 1.5rem/1.25 var(--theme-font-2);
  padding: 10px;
  text-align: center;
}
 
/**** The rest of headers will have no background, different padding and font. ****/
:is(#charms-nav,
#enemies-nav) tbody > :not(:first-child) th {
  padding-block-start: .75em;
  font: 500 1.125rem/1.5 var(--theme-font-1);
}
 
/**** Removing useless margin from paragraphs. ****/
:is(#charms-nav,
#enemies-nav) p {
  margin: 0;
}
 
/**** Changing margins from dividers. ****/
:is(#charms-nav,
#enemies-nav) hr {
  margin: .75rem 0;
}
 
/**** Further HK Nav Charms styling. ****/
#charms-nav .hk-cp-header {
  margin: 0;
}
 
#charms-nav tr:nth-child(n+3) {
  display: flex;
  padding: .125rem .5rem;
}
 
#charms-nav tr:nth-child(n+3) > td,
#charms-nav tr:nth-child(n+3) > td > center {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 33.333333%;
}
 
#charms-nav tr > th {
  flex: 1 1 100%;
  padding: 0;
}
 
#charms-nav tr:nth-child(n+3) > td > center > * {
  display: inline;
  width: auto;
}
 
#charms-nav img {
  height: 30px;
  margin-right: 16px;
  width: 30px;
}
 
/**** Documentation table. ****/
.doc-table dl {
  margin: 1rem 0;
}
 
/*** Light theme primary buttons. ***/
/**** Making text white. ****/
.theme-fandomdesktop-light .wds-button {
  --wds-primary-button-label-color: var(--theme-text-on-background--inverse);
}
 
.theme-fandomdesktop-light .page-content :is(.bodySearch,
.commentbox,
.createbox,
.mw-movebox,
.searchbox) .mw-ui-button {
  color: var(--theme-text-on-background--inverse);
}
 
/*** Dark theme buttons. ***/
.theme-fandomdesktop-dark .page-content :is(.bodySearch,
.commentbox,
.createbox,
.mw-movebox,
.searchbox) .mw-ui-button {
  color: var(--theme-text-on-background);
}
 
/** 5.3. Footer. **/
/***
* Languages collapsible panel - making design the consistent with the categories'
* panel.
***/
.wds-collapsible-panel.page-footer__languages > .wds-collapsible-panel__content {
  margin-bottom: 12px;
}
 
.page-footer__languages .wds-collapsible-panel__content a {
  border-color: var(--theme-border-color);
}
 
/*** Boost page loading performance. ***
#mixed-content-footer {
  content-visibility: auto;
  contain-intrinsic-size: 2222px;
}
 
/*** "Fan Feed" header.
.mcf-header {
  color: var(--theme-body-text-color);
}
***/
 
/* 6. Fixes and tweaks. */
.action-edit .oo-ui-dialog-content > .oo-ui-window-body {
  height: unset;
}
 
.oo-ui-messageWidget.oo-ui-messageWidget-block {
  border: 1px solid var(--theme-warning-color);
  box-shadow: none;
}
 
.tdg-templateDataParamWidget-param-description {
  color: var(--theme-text-secondary-on-background);
}
 
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
  color: var(--theme-text-disabled-on-background) !important;
}
 
/** Hiding default arrow icon from collapsible items in RecentChanges. **/
.mw-icon-arrow-expanded,
.mw-collapsible-arrow.mw-collapsible-toggle-expanded {
  background-image: none;
  margin-right: 16px;
}
 
/** Removes scrollbar from RecentChanges. **/
.page-Special_RecentChanges #content.page-content {
  overflow: hidden;
}
 
/** Hides collapsible button text when needed. **/
:is(#enemies-nav,
#charms-nav) .mw-collapsible-text {
  font-size: 0;
  height: 1.25rem;
}
 
/** Making global navigation bar's menus links visible on hover. **/
.global-navigation :is(.wds-dropdown .wds-list,
.wds-tab__content) a:hover {
  color: var(--fandom-link-color--hover) !important;
  text-shadow: none !important;
}
 
/** Dark theme spinner. **/
.theme-fandomdesktop-dark .mw-spinner-container > div {
  filter: invert(1);
}
 
/** Utility class to remove margin from thumbnails. **/
.page-content :is(.tright, .tleft).no-margin-bottom,
.page-content .no-margin-bottom :is(.tright, .tleft) {
  margin-bottom: 0;
}
 
.theme-fandomdesktop-light .grid_box_header {
  background-color: rgba(var(--theme-page-dynamic-color-1--rgb), .16);
}
 
.theme-fandomdesktop-dark .mw-content-ltr .redirectText li {
  display: inline;
  margin: 0;
  padding: 0;
  padding-left: 42px;
  background: transparent url(https://c.fandom.com/Special:Filepath/File:Nextredirect-ltr-light.png) bottom left no-repeat;
  background-image: linear-gradient(transparent, transparent), url(https://c.fandom.com/Special:Filepath/File:Nextredirect-ltr-light.svg);
}
 
.theme-fandomdesktop-dark .mw-content-ltr .redirectText li:first-child {
  padding-left: 47px;
  background: transparent url(https://c.fandom.com/Special:Filepath/File:Redirect-ltr-light.png) bottom left no-repeat;
  background-image: linear-gradient(transparent, transparent), url(https://c.fandom.com/Special:Filepath/File:Redirect-ltr-light.svg);
}
 
.theme-fandomdesktop-dark .mw-content-rtl .redirectText li {
  display: inline;
  margin: 0;
  padding: 0;
  padding-right: 42px;
  background: transparent url(https://c.fandom.com/Special:Filepath/File:Nextredirect-rtl-light.png) bottom right no-repeat;
  background-image: linear-gradient(transparent, transparent), url(https://c.fandom.com/Special:Filepath/File:Nextredirect-rtl-light.svg);
}
 
.theme-fandomdesktop-dark .mw-content-rtl .redirectText li:first-child {
  padding-right: 47px;
  background: transparent url(https://c.fandom.com/Special:Filepath/File:Redirect-rtl-light.png) bottom right no-repeat;
  background-image: linear-gradient(transparent, transparent), url(https://c.fandom.com/Special:Filepath/File:Redirect-rtl-light.svg);
}
 
#userProfileApp .user-profile-navigation__link {
  opacity: .6;
}
 
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-icon-expand,
.mw-collapsibleFieldsetLayout.mw-collapsible.mw-collapsed .mw-collapsible-toggle .oo-ui-icon-expand {
  display: none;
}
 
body.mw-special-Contributions .mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle::before {
  position: relative;
  right: 8px;
}
 
.recentchanges-other-review-tools a:last-of-type {
  margin-left: 6px;
}
 
/** TabbedPOI Module **/
.poiloot-table > tbody {
display: grid;
grid-template-columns: repeat(2, 50%);
}
 
.poiloot-table > tbody > tr {
display: flex;
gap: 0;
}
 
.poiloot-table > tbody > tr > td {
display: flex;
align-items: center;
}
 
/* 7. Templates and components. */
/** Templates. **/
/*** Template:Achievement ***/
.achievement-table {
  display: inline-table;
  width: 100%;
}
 
.achievement-table__image {
  width: 72px;
}
 
.achievement-table__title {
  font-weight: bold;
  text-align: left;
}
 
.achievement-table__description {
  font-style: italic;
}
 
.achievement-table__tooltip {
  cursor: help;
}
 
/*** Template:Documentation ***/
.template-documentation {
  border: 1px solid #ccc;
  border-color: var(--theme-page-text-mix-color, #ccc);
  margin: 1em 0;
}
 
.template-documentation .template-documentation-header {
  background-color: #eee;
  background-color: var(--theme-page-background-color--secondary, #eee);
  border-bottom: 1px solid #ccc;
  border-color: var(--theme-page-text-mix-color, #ccc);
  padding: 1em;
}
 
.template-documentation .template-documentation-content {
  overflow-y: auto;
  padding: 1em;
}
 
.template-documentation .template-documentation-footer {
  background-color: #eee;
  background-color: var(--theme-page-background-color--secondary, #eee);
  border-top: 1px solid #ccc;
  border-color: var(--theme-page-text-mix-color, #ccc);
  font-size: 100%;
  padding: 0.5em 1em;
  text-align: right;
}
 
/*** Hatnotes. ***/
.hatnote {
  font-style: italic;
  margin-bottom: .5em;
  margin-left: 1em;
  padding-left: 1.5em;
}
 
/*** Formatted tables without <br>s and margins on <p>s. ***/
.formatted-table center > .center + br {
  display: none;
}
 
.formatted-table p {
  margin: 0;
}
 
/*** Template:HK DN. ***/
.dn-dialogue-section {
  display: flex;
  width: auto;
}
 
.dn-dialogue-section > .dn-dialogue-section--layout {
  --color: #c078d2;
  --color--rgb: 192,120,210;
  --color--hover: #ce93d8;
  background-color: rgba(var(--color--rgb), .08);
  border-radius: .5rem;
  box-shadow: 0 0 .5rem 0 rgba(var(--color--rgb), .20);
  margin: 1rem 1rem 2rem;
  padding: 1rem;
  width: calc(100% - 2rem);
}
 
.theme-fandomdesktop-light .dn-dialogue-section > .dn-dialogue-section--layout {
  --color: #512da8;
  --color--rgb: 82, 46, 168;
  --color--hover: #140078;
  background-color: rgba(var(--color--rgb), .28);
  box-shadow: 0 0 .5rem 0 rgba(var(--color--rgb), .6);
}
 
 
.dn-dialogue-section > .dn-dialogue-section--layouts:not(:last-of-type) ul {
  margin-bottom: 1rem;
}
 
.dn-dialogue-section > .dn-dialogue-section--layout p,
.dn-dialogue-section > .dn-dialogue-section--layout ul:last-of-type {
  margin-bottom: 0;
}
 
/*** Advices/warnings/messaging templates. ***/
/**** Layout. ****/
.message-card {
  align-items: center;
  border-bottom: 1px solid;
  display: flex;
  margin: .75rem 0;
  padding: 1rem 2rem;
  width: auto;
}
 
.message-card p {
  margin: 0;
}
 
.message-card .image-container {
  display: flex;
  justify-content: center;
}
 
.message-card .text-container {
  display: flex;
  flex-direction: column;
}
 
.message-card .image {
  margin-right: 2rem;
}
 
.message-card .title {
  font-weight: 600;
}
 
/**** Message card colors. ****/
/***** Dark theme. *****/
.message-card.info-card {
  background-color: rgba(var(--theme-color__blue--rgb), .08);
  border-bottom-color: var(--theme-color__blue);
}
 
/***** Light theme. *****/
.theme-fandomdesktop-light .message-card.info-card {
  background-color: rgba(var(--theme-color__blue--rgb), .12);
}
 
/**** Advice template colors. ****/
/***** Dark theme. *****/
.theme-fandomdesktop-dark #disclaimer-advice {
  background-color: rgba(255, 235, 59, .08);
  border-bottom-color: #fff59d;
}
 
/***** Light theme. *****/
.theme-fandomdesktop-light #disclaimer-advice {
  background-color: rgba(251, 192, 45, .16);
  border-bottom-color: #fbc02d;
}
 
/**** Delete template colors. ****/
/***** Dark theme. *****/
.theme-fandomdesktop-dark #disclaimer-delete,
.theme-fandomdesktop-dark #disclaimer-block {
  background-color: rgba(239, 154, 154, .08);
  border-bottom-color: #ef9a9a;
}
 
/***** Light theme. *****/
.theme-fandomdesktop-light #disclaimer-delete
.theme-fandomdesktop-light #disclaimer-block {
  background-color: rgba(211, 47, 47, .12);
  border-bottom-color: #d32f2f;
}
 
/*** System warnings/advices styling. ***/
div.mw-warning-with-logexcerpt {
  border-color: var(--theme-color__orange);
  padding: 16px 16px 0;
}
 
.error,
.warning,
.errorbox,
.warningbox,
.successbox {
  padding: .5em 1em;
}
 
.error,
.errorbox {
  background-color: rgba(var(--theme-color__red--rgb), .08);
  border: none;
  border-left: 4px solid var(--theme-color__red);
  color: rgba(var(--theme-color__red--rgb), .87);
}
 
.warning,
.warningbox {
  background-color: rgba(var(--theme-color__orange--rgb), .08);
  border: none;
  border-left: 4px solid var(--theme-color__orange);
  color: rgba(var(--theme-color__orange--rgb), .87);
}
 
.successbox,
.success,
.successbox {
  background-color: rgba(var(--theme-color__green--rgb), .08);
  border: none;
  border-left: 4px solid var(--theme-color__green);
  color: rgba(var(--theme-color__green--rgb), .87);
}
 
/*** Godmaster boss table. ***/
#gm-boss-table {
  background: rgba(0, 0, 0, .2);
  border: 2px solid rgb(255, 245, 157);
  box-shadow: inset 0 0 6px 6px rgba(255, 245, 157, .2),
              inset 0 0 8px 8px rgba(255, 245, 157, .14),
              inset 0 0 10px 10px rgba(255, 245, 157, .12);
  padding: 24px;
  width: 100%;
}
 
#gm-boss-table p {
  margin: 0;
}
 
#gm-boss-table .gm-boss--title {
  margin-bottom: 8px;
}
 
#gm-boss-table .gm-boss-epithet {
  text-align: center;
}
 
#gm-boss-table .gm-boss--title {
  color: #cdc686;
}
 
/**** Light theme. ****/
.theme-fandomdesktop-light #gm-boss-table {
  background-color: rgba(0, 0, 0, .87);
  color: var(--theme-text-primary-on-background--inverse);
}
 
/*** Tabbed Dialogue. ***/
.dialogue-table .dialogue-condition {
  background-color: rgba(0, 0, 0, .2);
  font-weight: 700;
}
 
.page-content .typography p {
  margin: 0;
}
 
.page-content .typography--headline1 {
  display: block;
  font: 300 2rem/2.5rem var(--theme-font-1);
  letter-spacing: -.015625em
}
 
.page-content .typography--headline2 {
  display: block;
  font: 300 1.5rem/1.875rem var(--theme-font-1);
  letter-spacing: -.0083333333em;
}
 
.page-content .typography--headline3 {
  display: block;
  font: 400 1.125rem/1.406rem var(--theme-font-1);
  letter-spacing: normal;
}
 
.page-content .typography--headline4 {
  display: block;
  font: 400 1rem/1.25rem var(--theme-font-1);
  letter-spacing: .0073529412em;
}
 
.page-content .typography--headline5 {
  display: block;
  font: 400 .875rem/1.094rem var(--theme-font-1);
  letter-spacing: normal;
}
 
.page-content .typography--headline6 {
  display: block;
  font: 500 .875/1.094rem var(--theme-font-1);
  letter-spacing: .0125em;
}
 
.page-content .typography--subtitle1 {
  font: 400 1rem/1.75rem var(--theme-font-2);
  letter-spacing: .009375em;
}
 
.page-content .typography--subtitle2 {
  font: 500 .875rem/1.375rem var(--theme-font-2);
  letter-spacing: .0071428571em;
}
 
.page-content .typography--body1 {
  font: 400 1rem/1.5rem var(--theme-font-2);
  letter-spacing: .03125em;
}
 
.page-content .typography--body2 {
  font: 400 .875rem/1.25rem var(--theme-font-2);
  letter-spacing: .0178571429em;
}
 
.page-content .typography--caption {
  font: 400 .75rem/1.25rem var(--theme-font-2);
  letter-spacing: .0333333333em;
}
 
.page-content .typography--button {
  font: 500 .875rem/2.25rem var(--theme-font-2);
  letter-spacing: .0892857143em;
  text-transform: uppercase;
}
 
.page-content .typography--overline {
  display: block;
  font: 500 .75rem/2rem var(--theme-font-2);
  letter-spacing: .1666666667em;
  text-transform: uppercase;
}
 
.page-content .typography--footnote {
  display: block;
  font: 400 .75rem/1.25rem var(--theme-font-2);
  letter-spacing: normal;
}
 
/**** Utiltiy classes. ****/
.page-content .typography--on-background {
  color: var(--theme-text-on-background);
}
 
.page-content .typography--primary {
  color: var(--theme-text-primary-on-background);
}
 
.page-content .typography--secondary {
  color: var(--theme-text-secondary-on-background);
}
 
.page-content .typography--disabled {
  color: var(--theme-text-disabled-on-background);
}
 
.page-content .typography--on-background--inverse {
  color: var(--theme-text-on-background--inverse);
}
 
.page-content .typography--primary--inverse {
  color: var(--theme-text-primary-on-background--inverse);
}
 
.page-content .typography--secondary--inverse {
  color: var(--theme-text-secondary-on-background--inverse);
}
 
.page-content .typography--disabled--inverse {
  color: var(--theme-text-disabled-on-background--inverse);
}
 
.page-content .h-c__red {
  color: var(--theme-color__red);
}
 
.page-content .h-c__pink {
  color: var(--theme-color__pink);
}
 
.page-content .h-c__purple {
  color: var(--theme-color__purple);
}
 
.page-content .h-c__deep-purple {
  color: var(--theme-color__deep-purple);
}
 
.page-content .h-c__indigo {
  color: var(--theme-color__indigo);
}
 
.page-content .h-c__blue {
  color: var(--theme-color__blue);
}
 
.page-content .h-c__light-blue {
  color: var(--theme-color__light-blue);
}
 
.page-content .h-c__cyan {
  color: var(--theme-color__cyan);
}
 
.page-content .h-c__teal {
  color: var(--theme-color__teal);
}
 
.page-content .h-c__green {
  color: var(--theme-color__green);
}
 
.page-content .h-c__light-green {
  color: var(--theme-color__light-green);
}
 
.page-content .h-c__lime {
  color: var(--theme-color__lime);
}
 
.page-content .h-c__yellow {
  color: var(--theme-color__yellow);
}
 
.page-content .h-c__amber {
  color: var(--theme-color__amber);
}
 
.page-content .h-c__orange {
  color: var(--theme-color__orange);
}
 
.page-content .h-c__deep-orange {
  color: var(--theme-color__deep-orange);
}
 
.page-content .h-c__brown {
  color: var(--theme-color__brown);
}
 
.page-content .h-c__grey {
  color: var(--theme-color__grey);
}
 
.page-content .h-c__blue-grey {
  color: var(--theme-color__blue-grey);
}
 
.page-content .typography--smooth-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
 
.page-content .typography--ellipsis-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
 
.page-content .typography--ellipsis-text--flex {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 
}
 
/**** Dialog footer's border. ****/
#mw-customcollapsible-ShareDialog .wds-dialog__actions {
  border-image: linear-gradient(to right, #fff0, var(--theme-accent-label-color), #fff0) 47% 0% 1;
}
 
/*** Achievements collapsible buttons. ***/
.achievements-list {
  columns: 2;
  position: relative;
}
 
.achievements-list:is(#pc-xbox-a-list,
#hd-a-list,
#grimm-a-list,
#gm-a-list) .mw-collapsible-toggle {
  float: none;
  position: absolute;
  right: 0;
  top: -40px;
}
 
.achievements-list#ps4-a-list .mw-collapsible-toggle {
  float: none;
  position: absolute;
  right: 0;
  top: -104px;
}
 
/**** "Fixing" a small positioning issue with the first button. ****/
.achievements-list#pc-xbox-a-list .mw-collapsible-toggle-expanded {
  top: -49px;
}
 
/*** Link to section. ***/
/**** Fixing new-line bug on tables. ****/
.mw-header-link {
  display: inline-block;
  float: none !important;
}
 
.article-table .mw-headline {
  display: flex;
}
 
/**** Button re-design. ****/
/***** Updating opacity when on hover. *****/
:is(h1,
h2,
h3,
h4,
h5,
h6):hover .mw-header-link {
  opacity: .6 !important;
}
 
/***** Hiding old image. *****/
.mw-header-link img {
  display: inline-block;
  visibility: hidden;
}
 
/***** Useful for re-designing the button (see bellow). *****/
.mw-header-link a {
  filter: none;
  margin-inline-start: .5rem;
  position: relative;
}
 
/***** Creating button element. ****/
.mw-header-link a::after {
  background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z'/%3E%3C/svg%3E");
  content: '';
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  transition: filter .4s;
  width: 24px;
}
 
/***** Light theme version. *****/
.theme-fandomdesktop-light .mw-header-link a::after {
  filter: invert(1);
}
 
/***** Adding shadow when hovering the icon. *****/
.theme-fandomdesktop-dark .mw-headline .mw-header-link:is(:hover,
:focus) a::after {
  filter: drop-shadow(0 0 .25rem var(--theme-text-on-background));
  opacity: 1;
}
 
/****** Light theme version. ******/
.theme-fandomdesktop-light .mw-headline .mw-header-link:is(:hover,
:focus) a::after {
  filter: invert(1) drop-shadow(0 0 .25rem var(--theme-text-on-background));
  opacity: 1;
}
 
/*** Template:HK CP Header. ***/
.hk-cp-header {
  display: block;
  font-family: var(--theme-font-1);
  margin-block-start: 1em;
  text-align: center;
  width: 100%;
}
 
/***
* TOC - Just like the "Jump to Content" button, it will be invisible unless
* you TAB through any of its links.
***/
#toc:not(:focus-within) {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
 
/*** Removing custom list markers. ***/
#toc ul {
  list-style: none;
}
 
/*** "Snackbar" design for notifications. ***/
/**** Layout. ****/
.postedit-container,
.wds-banner-notification__container {
  align-items: center;
  bottom: 32px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: initial;
  /*height: 48px;*/
  justify-content: flex-start;
  left: 72px;
  margin: 8px;
  max-width: 672px;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: unset;
  z-index: 5000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 
/**** Inner layout. ****/
.postedit-container .postedit,
.wds-banner-notification {
  align-items: center;
  animation: snackbar-open 150ms 1 0s,
            snackbar-close 75ms 1 3225ms;
  background-color: var(--theme-link-dynamic-color-2);
  border: 0;
  border-radius: 4px;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2),
              0 6px 10px 0 rgba(0, 0, 0, .14),
              0 1px 18px 0 rgba(0, 0, 0, .12);
  box-sizing: border-box;
  color: var(--theme-text-primary-on-background);
  display: flex;
  left: unset;
  margin: 0;
  max-width: 672px;
  opacity: 1;
  padding: 0;
  position: relative;
  top: unset;
  transform: none;
  transition: opacity 150ms cubic-bezier(.4, 0, .2, 1);
}
 
/**** Exclusive to notifications. ****/
/***** Removes the 'check' icon at the start of the notificaiton. *****/
.wds-banner-notification__icon {
  display: none;
}
 
/***** Close button styling. *****/
.wds-banner-notification__close {
  border: 0;
  margin-inline-end: 8px;
  pointer-events: initial;
}
 
/**** Exclusive 'Saved edit' notification styling. ****/
/***** Adds 'ripple' effect element. *****/
.postedit-container .postedit::before {
  background-color: var(--theme-text-on-background);
  border-radius: 50%;
  content: '';
  height: 36px;
  opacity: 0;
  right: 9px;
  position: absolute;
  top: 6px;
  transition: opacity 75ms linear;
  width: 36px;
}
 
/****** Adds 'ripple' interactivity effect on hover and focus/active. ******/
.postedit-container .postedit:hover::before {
  opacity: .08;
}
 
.postedit-container .postedit:is(:focus, :active)::before {
  opacity: .24;
}
 
/***** Adds and pseudo 'close' button element. *****/
.postedit-container .postedit::after {
  background: none;
  border-radius: 50%;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 24' width='18px' fill='%23fff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
  cursor: pointer;
  display: flex;
  margin: 0 8px;
  opacity: 1;
  padding: 8px;
  pointer-events: initial;
  height: 36px;
  width: 36px;
  position: relative;
  right: 0;
  top: 1px;
}
 
/***** Removes checkmark icon. *****/
.postedit-icon-checkmark {
  background-image: none;
}
 
.postedit-icon {
  padding: 0;
  line-height: 1;
}
 
/***** Text styles. *****/
.postedit-content,
.wds-banner-notification__text {
  border: 0;
  font: 400 .875rem/1.25rem var(--theme-font-2);
  letter-spacing: .0178571429em;
  flex-grow: 1;
  line-height: 20px;
  padding: 14px 16px;
}
 
@-webkit-keyframes snackbar-open {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
 
@keyframes snackbar-open {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
 
@-webkit-keyframes snackbar-close {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
}
 
@keyframes snackbar-close {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
}
 
/*** Introduction notification layout fix. ***/
#localNotice {
  display: flex;
}
 
#localNotice p {
  margin-inline-start: 16px;
}
 
.sitenotice::before {
  background-color: var(--theme-border-color);
}
 
/**** Makes Hornet image smaller on the notification card. ****/
.notifications-placeholder :is(.article-media-placeholder,
.thumbimage) {
  height: 150px;
  object-fit: contain;
  width: 120px;
}
 
/*** Design announcement blog. ***/
/**** Modifying images to have rounded corners and be fluid-width. ****/
.blog-image {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
 
.blog-image :is(p,
.thumb) {
  align-items: inherit;
  display: inherit;
  flex-direction: column;
  justify-content: inherit;
  margin: 0;
  width: inherit !important;
}
 
.blog-image img {
  border-radius: 32px;
  object-fit: contain;
  width: inherit;
}
 
.blog-image .image {
  width: 100%;
}
 
.blog-image .caption {
  font: 400 .75rem/1.25rem var(--theme-font-2);
  letter-spacing: .0333333333em;
}
 
/**** Rail images (the ones displayed at the sides). ****/
.blog-rail-image {
  width: inherit;
  height: 100%;
}
 
/**** Hero image. ****/
.hero-image {
  aspect-ratio: 16/9;
  margin: 72px auto;
  width: 100%;
  max-width: 1440px;
}
 
.blog-image .thumbimage {
  height: auto;
}
 
/**** Custom slideshows. ****/
/***** Making the slideshow almost full-width. *****/
.blog-slideshow {
  width: 100%;
}
 
.blog-slideshow .wikia-slideshow-wrapper {
  width: inherit !important;
}
 
.blog-slideshow .wikia-slideshow-images {
  aspect-ratio: 16/9;
  width: 100% !important;
  height: auto !important;
}
 
.blog-slideshow .thumbimage {
  width: auto !important;
  height: 100% !important;
}
 
/* 8. Page-specific styles. */
.mainpage :is(.lcs-container, .rcs-container) > :last-child {
  margin-bottom: 0;
}
 
.mainpage .mw-header-link {
  display: none;
}
 
.mainpage-section {
  margin-bottom: 2rem;
}
 
#welcome.mainpage-section {
  text-align: center;
}


#categories.mainpage-section {
html:has(head link[rel="stylesheet"][href*="Mastaddon.css"])
  margin-top: 2rem;
.cosmos-header {
    background-image: url("/images/d/d9/MastaddonBanner.png");
    background-position: right top;
}
}


#categories.mainpage-section h2 {
html:has(head link[rel="stylesheet"][href*="Nix.css"])
  margin: 0 0 2rem;
body.skin-cosmos{
  text-align: center;
    background-image: url("/images/2/2e/Nix-Tensions_de_Jarl_background.png");
    background-position: center bottom;
}
}


#news.mainpage-section .rss_item {
html:has(head link[rel="stylesheet"][href*="Akasen.css"])
  border-style: solid;
body.skin-cosmos{
  border-image: linear-gradient(to right, #fff0, var(--theme-accent-label-color), #fff0) 47% 0%;
    background-image: url("/images/c/cc/AkasenBanner.png");
  border-width: 0 0 .063rem 0;
  margin-bottom: 1.5rem;
}
}


#news.mainpage-section .rss_item > p {
html:has(head link[rel="stylesheet"][href*="Akasen.css"])
  color: var(--theme-text-secondary-on-background);
.cosmos-header {
  font: 500 .875rem/1.375rem var(--theme-font-2);
    background-image: url("/images/c/cc/AkasenBanner.png");
  letter-spacing: .0071428571em;
    background-position: right bottom;
  margin: 0;
}
}


#news.mainpage-section .rss_item > dl {
html:has(head link[rel="stylesheet"][href*="Glycima.css"])
  font: 400 .875rem/1.25rem var(--theme-font-2);
.cosmos-header {
  letter-spacing: .0178571429em;
    background-image: url("/images/0/0f/GlycimaBanner.png");
  margin: .75rem 0 1.5rem;
    background-position: right top;
}
}


#news.mainpage-section .rss_item > dl dd {
html:has(head link[rel="stylesheet"][href*="Ecarlata.css"])
  margin: 0;
.cosmos-header {
    background-image: url("/images/2/28/EcarlataBanner.png");
    background-position: right top;
}
}


@media only screen and (min-width: 1024px) {
html:has(head link[rel="stylesheet"][href*="Tangereva.css"])
  .mp-grid .grid__col--left {
.cosmos-header {
     float: left;
     background-image: url("/images/5/52/TangerevaBanner.png");
    width: calc(100% - 320px);
    background-position: right top;
  }
 
  .mp-grid .grid__col--right {
    clear: right;
    float: right;
    width: 300px;
  }
}
}


/* 9. User preferences. */
html:has(head link[rel="stylesheet"][href*="Cassanes.css"])
/** Disabling all motions if the user's browser/OS is configured to do so. **/
.cosmos-header {
@media (prefers-reduced-motion: reduce) {
     background-image: url("/images/0/0f/CassanesBanner.png");
  *,
     background-position: right center;
  ::before,
  ::after {
     animation-delay: 0ms !important;
    animation-duration: 0ms !important;
    animation-iteration-count: 0 !important;
     background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}
}

Dernière version du 7 août 2026 à 02:19

/* Header Site */

.cosmos-header__top-container {
    height: 100px;
}

.cosmos-header__local-navigation {
   height: 64px;
}

@media screen {
   .cosmos-header {
       background-color: rgba(192, 2, 91, 0.9);
       background-size: 50%;
   }

   #cosmos-footer {
      width: 100%;
      border: 0;
      margin: 0;
      background-color: rgba(139,56,81,0.95);
   }

   .cosmos-header::before {
      background: linear-gradient(to right, rgba(192, 2, 91, 0.9), rgba(0, 0, 0, 0.5)), linear-gradient(to left, rgba(0, 0, 0, 0) 200px, #000000 530px);
   }
}


#cosmos-footer li {
   color: #F5F5F5;
}

#cosmos-banner {
   background-color: #590900;
}

/* Tabber */
.tabber__tab[aria-selected='true'] {
    box-shadow: 0 -2px 0 #8100C0 inset;
}

.tabber__header {
    box-shadow: inset 0 -1px 0 0 #8A354A;
}

.tabber__tab:hover {
   box-shadow:inset 0 -2px 0 0 #8100C0;
   color: #C00000;
}

/* Sommaire */

.skin-cosmos .toc {
   background-color: rgba(142, 51, 155, 0.25);
   padding:1%;
   border-radius:5px;
   border: white 2px double;
   margin-right:15px;
   float: left;
   font-weight: bold;
}

#mw-content .toc > ul {
   border-top: solid 1px transparent;
}

#mw-content h2 {
   border-bottom: solid 1px #7A3052;
}

/* Liens */

a {
   color: #8200C1;
}

#mw-content a:not(.new) {
   color: #A955D7;
}

body a:not(.new) {
   color: #A955D7;
}

a:active {
     color: #ECC4C4;
}

a.new {
    color: #BF5959;
}

/* Page */

#mw-content {
   background-color: rgba(88, 39, 54, 0.95);
   color: #ffffff;
   box-shadow: 0 4px 24px rgba(88, 39, 54, 0.7);
}

#mw-content h2 {
   border-bottom: solid 1px #8A354A;
}

.warning {
   background-color: rgba(216, 129, 129, 0.95);
   padding:1%;
   border-radius:5px;
   border: white 2px double;
   margin-bottom:15px;
   color:white;
}

.quote {
   background-color: rgba(152, 54, 54, 0.95);
   padding:1%;
   border-radius:5px;
   border: white 2px double;
   margin-bottom:15px;
   color:white;
}

/* Header Article */

.cosmos-button-primary {
   background-color: #C0025B;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: var(--color-inverted-fixed,#fff);
    background-color: #C0025B;
    border-color: #C0025B
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: #EF568F;
    border-color: #EF568F
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
    color: #fff;
    background-color: #8B0143;
    border-color: #8B0143;
}

/* Infobox */

.portable-infobox {
   border: 1px solid #C00000;
}

.portable-infobox h2 {
   border-bottom: solid 1px #C00000;
}

.portable-infobox .pi-border-color {
   border: 1px solid #C00000;
}

.portable-infobox .pi-header {
   background-color: #C00000;
}

.portable-infobox .pi-title {
   background-color: #C00000;
}

.portable-infobox .pi-background {
    background-color: #6F2222
}

.portable-infobox .pi-horizontal-group-item:nth-child(even) {
    background-color: #6F2222
}

.portable-infobox .pi-media-collection-tabs {
    background-color: #6F2222;
}

.portable-infobox .pi-smart-data-label:nth-child(even) .portable-infobox .pi-smart-data-value:nth-child(even) {
    background-color: #6F2222
}

.portable-infobox .pi-data {
   background-color: #6F2222;
}

.portable-infobox .pi-secondary-background {
    background-color: #C00000;
}

.portable-infobox .pi-media-collection .current  {
   background-color: #8A354A;
   color : #ffffff;
}

/* Backgrounds */
/* Default */
body.skin-cosmos{
    background: url("/images/9/95/Nix2_Cover.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}
.cosmos-header {
    background-image: url("/images/0/0d/Tahicokahn_Illustration.png");
    background-position: right center;
    background-repeat: no-repeat;
}

/* Custom */

html:has(head link[rel="stylesheet"][href*="Mastaddon.css"])
.cosmos-header {
    background-image: url("/images/d/d9/MastaddonBanner.png");
    background-position: right top;
}

html:has(head link[rel="stylesheet"][href*="Nix.css"])
body.skin-cosmos{
    background-image: url("/images/2/2e/Nix-Tensions_de_Jarl_background.png");
    background-position: center bottom;
}

html:has(head link[rel="stylesheet"][href*="Akasen.css"])
body.skin-cosmos{
    background-image: url("/images/c/cc/AkasenBanner.png");
}

html:has(head link[rel="stylesheet"][href*="Akasen.css"])
.cosmos-header {
    background-image: url("/images/c/cc/AkasenBanner.png");
    background-position: right bottom;
}

html:has(head link[rel="stylesheet"][href*="Glycima.css"])
.cosmos-header {
    background-image: url("/images/0/0f/GlycimaBanner.png");
    background-position: right top;
}

html:has(head link[rel="stylesheet"][href*="Ecarlata.css"])
.cosmos-header {
    background-image: url("/images/2/28/EcarlataBanner.png");
    background-position: right top;
}

html:has(head link[rel="stylesheet"][href*="Tangereva.css"])
.cosmos-header {
    background-image: url("/images/5/52/TangerevaBanner.png");
    background-position: right top;
}

html:has(head link[rel="stylesheet"][href*="Cassanes.css"])
.cosmos-header {
    background-image: url("/images/0/0f/CassanesBanner.png");
    background-position: right center;
}