|
|
| Ligne 1 : |
Ligne 1 : |
| /*
| |
| * 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 */
| |
| /*
| |
| * 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. ****/
| |
| .portable-infobox .wds-tabs__wrapper .wds-is-current {
| |
| 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. ****/
| |
| /******
| |
| * This is to make the buttons smoothly dissapear when going to either limit
| |
| * of the tab panel, instead of abruptly dissapearing. Here, we are removing
| |
| * 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;
| |
| }
| |
|
| |
| /******
| |
| * Now, we make the arrow buttons visible and actionable only when needed.
| |
| ******/
| |
| /******* Left arrow. *******/
| |
| .portable-infobox .wds-tabs__wrapper.left-arrow-visible .wds-tabs__arrow-left,
| |
| /******* 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. *****/
| |
| .portable-infobox .wds-tabs__arrow-left::before,
| |
| .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. ******/
| |
| .portable-infobox .wds-tabs__arrow-right::before {
| |
| 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%);
| |
| }
| |
|
| |
| /*****
| |
| * Changing background's opacity when on hover and when
| |
| * 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. ******/
| |
| .portable-infobox .wds-tabs__arrow-left:is(:focus, :active)::before,
| |
| .portable-infobox .wds-tabs__arrow-right:is(:focus, :active)::before {
| |
| --pi-tabs__arrow-bg-opacity: .38;
| |
| }
| |
|
| |
| /** 4.5. Themed styles. **/
| |
| /*** Rêves Cachés ***/
| |
| .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. ***/
| |
| .portable-infobox.pi-theme-grimm.pi-background {
| |
| --pi-background: rgba(140, 97, 97, .2);
| |
| background-image: url(https://hk.fandom.com/Special:Filepath/Infobox_Background_Grimm.webp);
| |
| }
| |
|
| |
| /*** Chercheur de Dieux ***/
| |
| .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. ***/
| |
| .portable-infobox.pi-theme-lifeblood.pi-background {
| |
| --pi-background: rgba(60, 129, 194, .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);
| |
| }
| |
|
| |
| /*** Coeur-du-vide ***/
| |
| .portable-infobox.pi-theme-voidheart.pi-background {
| |
| --pi-background: rgba(97, 101, 140, .2);
| |
| background-image: url(https://hk.fandom.com/Special:Filepath/Infobox_Background_Voidheart.webp);
| |
| }
| |
|
| |
| /*** Histoire d'Hallownest ***/
| |
| .portable-infobox.pi-theme-lore.pi-background {
| |
| --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. ***/
| |
| .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 {
| |
| color: var(--theme-link-color);
| |
| transition: color .4s, text-shadow .4s;
| |
| }
| |
|
| |
| a:is(:hover, :focus) {
| |
| color: var(--theme-link-color--hover);
| |
| text-shadow: 0 0 .25em var(--theme-link-color--hover);
| |
| }
| |
|
| |
| a.external::after {
| |
| 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");
| |
| 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 {
| |
| filter: var(--theme-link-color--hover-filter) drop-shadow(0 0 .25em var(--theme-link-color--hover));
| |
| }
| |
|
| |
| ::-webkit-input-placeholder {
| |
| color: var(--theme-text-on-background);
| |
| }
| |
|
| |
| ::placeholder {
| |
| opacity: 1;
| |
| }
| |
|
| |
| ::selection {
| |
| background-color: rgba(var(--theme-link-color--hover-rgb), var(--theme-selection-color-alpha, .16));
| |
| }
| |
|
| |
| ::target-text {
| |
| background-color: var(--theme-link-color);
| |
| color: var(--theme-text-on-background--inverse);
| |
| }
| |
|
| |
| input::selection,
| |
| textarea::selection {
| |
| background-color: var(--theme-text-on-background);
| |
| color: var(--theme-text-on-background--inverse);
| |
| }
| |
|
| |
| /** Scrollbar. **/
| |
| /*** Firefox scrollbar. ***/
| |
| html,
| |
| body {
| |
| scrollbar-color: rgba(var(--theme-link-color--hover-rgb), .7) var(--scrollbar-background-color);
| |
| }
| |
|
| |
| ::-webkit-scrollbar {
| |
| background-color: var(--scrollbar-background-color);
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb {
| |
| background-color: rgba(var(--theme-link-color--hover-rgb), .45);
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb:hover {
| |
| background-color: rgba(var(--theme-link-color--hover-rgb), .57);
| |
| }
| |
|
| |
| ::-webkit-scrollbar-thumb:active {
| |
| background-color: rgba(var(--theme-link-color--hover-rgb), .7);
| |
| }
| |
|
| |
| ::-webkit-scrollbar-corner {
| |
| background-color: var(--scrollbar-corner-color);
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button {
| |
| background-position: center;
| |
| background-size: 18px;
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:hover {
| |
| background-color: rgba(var(--theme-link-color--hover-rgb), .2);
| |
| }
| |
|
| |
| ::-webkit-scrollbar-button:active {
| |
| background-color: rgba(var(--theme-link-color--hover-rgb), .87);
| |
| }
| |
|
| |
| /***
| |
| * Dark theme scrollbar icons. Serving the normal icons as images so those
| |
| * 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,
| |
| .theme-fandomdesktop-dark *::-webkit-scrollbar-button:vertical: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='%23000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| /**** Down. ****/
| |
| .theme-fandomdesktop-dark::-webkit-scrollbar-button:vertical:increment,
| |
| .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,
| |
| .theme-fandomdesktop-dark *::-webkit-scrollbar-button:vertical: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='%23000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| /**** Left. ****/
| |
| .theme-fandomdesktop-dark::-webkit-scrollbar-button:horizontal:decrement,
| |
| .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,
| |
| .theme-fandomdesktop-dark *::-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='%23000'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath d='M24 0v24H0V0h24z' fill='none'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| /**** Right. ****/
| |
| .theme-fandomdesktop-dark::-webkit-scrollbar-button:horizontal:increment,
| |
| .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,
| |
| .theme-fandomdesktop-dark *::-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='%23000'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath d='M0 24V0h24v24H0z' fill='none'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| /*** Light theme scrollbar icons. ***/
| |
| /**** Up. ****/
| |
| .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,
| |
| .theme-fandomdesktop-light *::-webkit-scrollbar-button:vertical: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='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| /**** Down. ****/
| |
| .theme-fandomdesktop-light::-webkit-scrollbar-button:vertical:increment,
| |
| .theme-fandomdesktop-light *::-webkit-scrollbar-button:vertical:increment {
| |
| background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_arrow_drop_down_black_24px.svg);
| |
| }
| |
|
| |
| .theme-fandomdesktop-light::-webkit-scrollbar-button:vertical:increment:active,
| |
| .theme-fandomdesktop-light *::-webkit-scrollbar-button:vertical: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='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
| |
| }
| |
|
| |
| /**** 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 {
| |
| 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 {
| |
| margin-top: 2rem;
| |
| }
| |
|
| |
| #categories.mainpage-section h2 {
| |
| margin: 0 0 2rem;
| |
| text-align: center;
| |
| }
| |
|
| |
| #news.mainpage-section .rss_item {
| |
| border-style: solid;
| |
| border-image: linear-gradient(to right, #fff0, var(--theme-accent-label-color), #fff0) 47% 0%;
| |
| border-width: 0 0 .063rem 0;
| |
| margin-bottom: 1.5rem;
| |
| }
| |
|
| |
| #news.mainpage-section .rss_item > p {
| |
| color: var(--theme-text-secondary-on-background);
| |
| font: 500 .875rem/1.375rem var(--theme-font-2);
| |
| letter-spacing: .0071428571em;
| |
| margin: 0;
| |
| }
| |
|
| |
| #news.mainpage-section .rss_item > dl {
| |
| font: 400 .875rem/1.25rem var(--theme-font-2);
| |
| letter-spacing: .0178571429em;
| |
| margin: .75rem 0 1.5rem;
| |
| }
| |
|
| |
| #news.mainpage-section .rss_item > dl dd {
| |
| margin: 0;
| |
| }
| |
|
| |
| @media only screen and (min-width: 1024px) {
| |
| .mp-grid .grid__col--left {
| |
| float: left;
| |
| width: calc(100% - 320px);
| |
| }
| |
|
| |
| .mp-grid .grid__col--right {
| |
| clear: right;
| |
| float: right;
| |
| width: 300px;
| |
| }
| |
| }
| |
|
| |
| /* 9. User preferences. */
| |
| /** Disabling all motions if the user's browser/OS is configured to do so. **/
| |
| @media (prefers-reduced-motion: reduce) {
| |
| *,
| |
| ::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;
| |
| }
| |
| }
| |
