User:InkScarlet/FandomDesktop.css

/*
 * Hollow Knight Wiki (EN) - Version 1.0 (22.06.2021)
 * Skin created by User:Polymeric - CC-BY-SA
 * Please, note that this skin was made specifically for
 * https://hollow-knight.fandom.com/ and that if you want to copy it, either
 * partially or completely, don't forget to give the corresponding credits and
 * cite its origin.
 * cite its origin.

/* TABLE OF CONTENTS */ /*
 * To find a specific section of the document, press CTRL + F and, in the
 * searchbar, write the name of the section that you want to jump in.
 * 1. Imports
 * 2. Fonts
 * 3. Global variables
 * 3.1. Hidden Dreams
 * 3.2. The Grimm Troupe
 * 3.3. Godmaster
 * 3.4. Lifeblood
 * 3.5. Voidheart
 * 3.6. Lore
 * 3.7. Hollow Knight
 * 3.8. Silksong
 * 4. Infobox
 * 4.1. General styles
 * 4.2. Title cell
 * 4.3. Info cells
 * 4.4. Image section
 * 4.4. Themed styles
 * 4.4.1. Hidden Dreams
 * 4.4.2. The Grimm Troupe
 * 4.4.3. Godmaster
 * 4.4.4. Lifeblood
 * 4.4.5. Voidheart
 * 4.4.6. Lore
 * 4.4.7. Silksong
 * 5. General styles
 * 5.1. Header
 * 5.2. Body
 * 5.3. Footer
 * 5.3. Footer

/* Imports */ @import url(/load.php?mode=articles&only=styles&articles=u:dev:InterlanguageFlags/code.css); @import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap); /*@import url(//dev.wikia.com/load.php?mode=articles&articles=u:dev:MediaWiki:RectangularButtons/code.css&only=styles');*/ /*@import url(/load.php?mode=articles&only=styles&articles=u:ru.hollowknight:MediaWiki:Infobox.css|u:ru.hollowknight:MediaWiki:Nicknames.css|u:ru.hollowknight:MediaWiki:Tabber.css|u:ru.hollowknight:MediaWiki:Editor.css|u:dev:MediaWiki:InterlanguageFlags.css);*/

/* Fonts */ @font-face { font-family: TrajanPro; src: local('TrajanPro-Regular'), url(https://vignette.wikia.nocookie.net/hollowknight/images/a/a7/TrajanPro-Regular.otf) format('opentype'); }

@font-face { font-family: TrajanPro; font-weight: bold; src: local('TrajanPro-Bold'), url(https://vignette.wikia.nocookie.net/hollowknight/images/a/a4/TrajanPro-Bold.otf) format('opentype'); }

/* Global variables */
 * root {

--oasis-europa-horizontal-group-background-color: transparent; --theme-font-1: TrajanPro, 'Times New Roman', serif; --theme-font-2: Lato, Roboto, Arial, sans-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); }

.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 **/ /*** Hidden Dreams ***/ .page-Hidden_Dreams, .page-White_Defender, .page-Grey_Prince_Zote, .page-Hopping_Zoteling, .page-Winged_Zoteling, .page-Volatile_Zoteling, .page-Dreamgate { --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/2/2f/HK_Wiki_Bg-Hidden_Dreams.webp); --theme-border-color: #ce93d8; /* Page background color */ --theme-page-background-color: #272531; /* var(--theme-page-background-color) + 8% var(--theme-link-color--rgb) */ /* Right rail background color */ --theme-page-background-color--secondary: #51495b; /* 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--hover: #ce93d8;/*#9930aa;*/ --theme-link-color--hover-rgb: 207, 147, 216;/*154, 48, 170;*/ --theme-header-background-color: #6a498e; --theme-header-background-color--rgb: 106, 73, 142; --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/c/c1/HK_Wiki_Header-Hidden_Dreams.webp); }

/*** The Grimm Troupe ***/ .page-The_Grimm_Troupe, .page-Grimm, .page-Nightmare_King, .page-Grimmkin_Novice, .page-Grimmkin_Master, .page-Grimmkin_Nightmare, .page-Brumm, .page-Brumm, .page-Divine, .page-Grimmsteed, .page-Nymm, .page-Grimmchild, .page-Dreamshield, .page-Sprintmaster, .page-Weaversong, .page-Carefree_Melody, .page-Unbreakable_Strength, .page-Unbreakable_Heart, .page-Unbreakable_Greed, .page-Path_of_Pain, .page-Seal_of_Binding, .page-Nightmare_King_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: #ef9a9a; /* Page background color */ --theme-page-background-color: #2b2328; /* var(--theme-page-background-color) + 8% var(--theme-link-color--rgb) */ /* Right rail background color */ --theme-page-background-color--secondary: #59454a; /* var(--theme-page-background-color--secondary) + 16% var(--theme-link-color--rgb) */ /* Text and links colors */ --theme-page-text-mix-color: #ef9a9a; --theme-accent-label-color: #ffebee; --theme-link-color: #ef6069; --theme-link-color--rgb: 239, 96, 106; --theme-link-color--hover: #ef9a9a;/*#e52b50;*/ --theme-link-color--hover-rgb: 229, 43, 81; --theme-header-background-color: #aa1327; --theme-header-background-color--rgb: 170, 19, 39; --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/1/1a/HK_Wiki_Header-The_Grimm_Trouper.webp); }

/*** Godmaster ***/ .page-Godmaster, .page-Brothers_Oro_Mato, .page-Fluke_Hermit, .page-Flukemunga, .page-Godseeker_Mode, .page-Great_Nailsage_Sly, .page-Hall_of_Gods, .page-Paintmaster_Sheo, .page-Pale_Lurker, .page-Pantheon_of_Hallownest, .page-Pantheon_of_the_Artist, .page-Pantheon_of_the_Knight, .page-Pantheon_of_the_Master, .page-Pantheon_of_the_Sage, .page-Pure_Vessel, .page-The_Eternal_Ordeal, .page-Eternal_Ordeal, .page-The_Godseeker, .page-Godseeker, .page-Void_Idol, .page-Weathered_Mask, .page-Godtuner, .page-Eternal_Ordeal, .page-Godhome, .page-Pantheons, .page-Sisters_of_Battle, .page-Winged_Nosk, .page-Absolute_Radiance { --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/5/5c/HK_Wiki_Bg-Godmaster.webp); --theme-border-color: #fff59d; /* Page background color */ --theme-page-background-color: #393933; /* var(--theme-page-background-color) + 8% var(--theme-link-color--rgb) */ /* Right rail background color */ --theme-page-background-color--secondary: #565750; /* var(--theme-page-background-color--secondary) + 16% var(--theme-link-color--rgb) */ /* Text and links colors */ --theme-page-text-mix-color: #fff59d; --theme-accent-label-color: #fffde7; --theme-link-color: #cdc686; --theme-link-color--rgb: 220, 206, 146; --theme-link-color--hover: #fff59d; --theme-link-color--hover-rgb: 255, 245, 157; --theme-header-background-color: #8f5b4b; --theme-header-background-color--rgb: 143, 92, 75; --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/f/fc/HK_Wiki_Header-Godmaster.webp); }

/*** Lifeblood ***/ .page-Lifeblood_Cocoon, .page-Hive_Knight { --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/7/7c/HK_Wiki_Bg-Lifeblood.webp); --theme-border-color: #81d4fa; /* Page background color */ --theme-page-background-color: #314a52; /* var(--theme-page-background-color) + 8% var(--theme-link-color--rgb) */ /* Right rail background color */ --theme-page-background-color--secondary: #48646c; /* var(--theme-page-background-color--secondary) + 16% var(--theme-link-color--rgb) */ /* Text and links colors */ --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--hover: #81d4fa;/*#00aeff;*/ --theme-link-color--hover-rgb: 129, 213, 250;/*0, 174, 255;*/ --theme-header-background-color: #003c55; --theme-header-background-color--rgb: 0, 60, 85; --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/e/ed/HK_Wiki_Header-Lifeblood.webp); }

/*** Voidheart ***/ .page-Voidheart_Edition { --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/f/f5/HK_Wiki_Bg-Voidheart.webp); --theme-border-color: #eee; /* Page background color */ --theme-page-background-color: #212121; /* var(--theme-page-background-color) + 8% var(--theme-link-color--rgb) */ /* Right rail background color */ --theme-page-background-color--secondary: #424242; /* var(--theme-page-background-color--secondary) + 16% var(--theme-link-color--rgb) */ /* Text and links colors */ --theme-page-text-mix-color: #eee; --theme-accent-label-color: #e1f5fe; --theme-link-color: #bdbdbd; --theme-link-color--rgb: 189, 189, 189; --theme-link-color--hover: #eee; --theme-link-color--hover-rgb: 238, 238, 238; --theme-header-background-color: #000; --theme-header-background-color--rgb: 0, 0, 0; --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/5/5a/HK_Wiki_Header-Voidheart.webp); }

/*** Lore ***/ .page-Category_Lore, .page-Abyss_Creature, .page-Ancient_Civilisation, .page-Bees, .page-Boon, .page-Dream_Realm, .page-Dreamers, .page-Ellina, .page-Five_Great_Knights, .page-Flukes, .page-Fools, .page-Fungal_Tribe, .page-Godseekers, .page-Hallownest, .page-Higher_Beings, .page-Infection, .page-Lord_Fool, .page-Mantis_Tribe, .page-Mosskin_Tribe, .page-Moth_Tribe, .page-Nest, .page-Pale_King, .page-Pharloom, .page-Snail_Shamans, .page-Soul_Sanctum_s_Scholars, .page-Grimm_Troupe_Lore, .page-Nightmare’s_Heart, .page-Vessels, .page-Void, .page-Void_Entity, .page-Weavers, .page-Wyrms { --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/7/7a/HK_Wiki_Bg-Lore.webp); --theme-border-color: #b0bec5; /* Page background color */ --theme-page-background-color: #263238; /* var(--theme-page-background-color) + 8% var(--theme-link-color--rgb) */ /* Right rail background color */ --theme-page-background-color--secondary: #37474f; /* var(--theme-page-background-color--secondary) + 16% var(--theme-link-color--rgb) */ /* Text and links colors */ --theme-page-text-mix-color: #b0bec5; --theme-accent-label-color: #e2f1f8; --theme-link-color: #b0bec5; --theme-link-color--rgb: 176, 191, 197; --theme-link-color--hover: #fff; --theme-link-color--hover-rgb: 255, 255, 255; --theme-header-background-color: #000a12; --theme-header-background-color--rgb: 0, 10, 18; --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/d/d7/HK_Wiki_Header-Lore.webp); }

/*** Hollow Knight ***/ .page-Hollow_Knight_Wiki, .page-Category_Additional_Content_Hollow_Knight { --theme-body-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/a/a6/HK_Wiki_Bg-Hollow_Knight.webp); --theme-header-background-image: url(https://static.wikia.nocookie.net/hollowknight/images/2/2d/HK_Wiki_Header-Hollow_Knight.webp); }

/*** Silksong ***/ .page-Silksong, .page-Category_Additional_Content_Silksong, .page-Hollow_Knight_Silksong, .page-Category_Areas_Silksong, .page-Areas_Silksong, .page-Deep_Docks, .page-Greymoor, .page-Moss_Grotto, .page-Bonebottom, .page-Category_NPCs_Silksong, .page-NPCs_Silksong, .page-Ballow, .page-Church_Keeper, .page-Flea, .page-Forge-Daughter, .page-Garmond_and_Zaza, .page-Huntress, .page-Shakra, .page-Sherma, .page-Trobbio, .page-Category_Bosses_Silksong, .page-Bosses_Silksong, .page-Carmelita, .page-Lace, .page-Moss_Mother, .page-Sharpe, .page-Category_Enemies_Silksong, .page-Enemies_Silksong, .page-Crawbug, .page-Dustroach, .page-Mask_Piece, .page-Rosary, .page-Rosaries, .page-Shell_Shards, .page-Silk, .page-Tool_Pouch, .page-Skills, .page-Bind, .page-Tools, .page-Lore_Tablets_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: #ffab91; /* Page background color */ --theme-page-background-color: #2c2a27; /* var(--theme-page-background-color) + 8% var(--theme-link-color--rgb) */ /* Right rail background color */ --theme-page-background-color--secondary: #5b5347; /* var(--theme-page-background-color--secondary) + 16% var(--theme-link-color--rgb) */ /* Text and links colors */ --theme-page-text-mix-color: #ffab91; --theme-accent-label-color: #ffddc1; --theme-link-color: #feb556; --theme-link-color--rgb: 254, 182, 86; --theme-link-color--hover: #ffab91; --theme-link-color--hover-rgb: 255, 172, 145; --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/1/1a/HK_Wiki_Header-Silksong.webp); }

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

/* Infobox */ /** General styles **/ .portable-infobox.pi-background { background: var(--pi-background) top / cover no-repeat url(https://vignette.wikia.nocookie.net/hollowknight/images/3/38/Infobox_HK_Background.png); border-image: url(https://vignette.wikia.nocookie.net/hollowknight/images/3/31/Infobox_Bottom.png) 60% fill / 40px; border-radius: 7px; margin: 6px; padding-bottom: 10px; }

/** Title cell **/ .portable-infobox .pi-title { border-image: url(https://images.wikia.nocookie.net/hollowknight/ru/images/7/75/Top_custom.png) 40% fill / 40px; font: 500 20px / 20px var(--pi-tabbers-font); /*padding: 10px 3px 16px 3px*/ padding: 12px 24px; }

/** Info cells **/ .portable-infobox .pi-item-spacing:not(.pi-title), .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; }

/** Image section **/ /*** Tabbers ***/ /**** .portable-infobox .wds-tabs__wrapper { padding: 0 24px; }
 * Adding padding to the tabbers menu so arrow the buttons don't appear
 * above/below the text.

/**** 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-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 ****/ /****** .portable-infobox .wds-tabs__arrow-left, .portable-infobox .wds-tabs__arrow-right { cursor: default; opacity: 0; transition: opacity 150ms; visibility: visible; width: 24px; }
 * 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.

/****** /******* 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; }
 * Now, we make the arrow buttons visible and actionable only when needed.

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

/** Themed styles **/ /*** Hidden Dreams ***/ .portable-infobox.pi-theme-hidden.pi-background { --pi-background: rgb(97 101 140 / 20%); background-image: url(https://images.wikia.nocookie.net/hollowknight/ru/images/8/8c/Infoback3.png); }

/*** The Grimmm Troupe ***/ .portable-infobox.pi-theme-grimm.pi-background { --pi-background: rgb(97 101 140 / 20%); background-image: url(https://images.wikia.nocookie.net/hollowknight/ru/images/f/fc/Infoback2.png); }

/*** Godmaster ***/ .portable-infobox.pi-theme-godmaster.pi-background { --pi-background: rgb(61 66 113 / 20%); background-image: url(https://vignette.wikia.nocookie.net/hollowknight/images/f/f6/Infobox_Background_Godmaster.png); }

/*** Lifeblood ***/ .portable-infobox.pi-theme-lifeblood.pi-background { --pi-background: rgb(60 129 194 10%); background-image: url(https://vignette.wikia.nocookie.net/hollowknight/images/f/ff/Infobox_Background_Lifeblood.png); }

/*** Voidheart ***/ /* (Credit goes to InkScarlet for the infbox background image) */ .portable-infobox.pi-theme-voidheart.pi-background { --pi-background: rgb(97 101 140 / 20%); background-image: url(https://static.wikia.nocookie.net/hollowknight/images/9/93/Infobox_Background_Édition_Coeur-du-Vide.png/revision/latest?cb=20201211200319&path-prefix=fr); }

/*** Lore ***/ /* (Credit goes to InkScarlet for the infbox background image) */ .portable-infobox.pi-theme-lore.pi-background { --pi-background: rgb(97 101 140 / 20%); background-image: url(https://vignette.wikia.nocookie.net/hollowknight/images/6/61/Infobox_Background_Lore.png); }

/*** Silksong ***/ /* (Credit goes to InkScarlet for the infbox background image) */ .portable-infobox.pi-theme-silksong.pi-background { --pi-background: rgb(97 101 140 / 20%); background-image: url(https://vignette.wikia.nocookie.net/hollowknight/images/7/7b/Infobox_Background_Hollow_Knight_Silksong.png/revision/latest?cb=20200719020901&path-prefix=fr); }

/* General styles */ /** Making focus outline color-themed **/ outline: 2px solid var(--theme-link-color); }
 * focus-visible {

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 5px var(--theme-link-color--hover); }

/** Adding background image **/ .main-container { background: #000 center / cover fixed no-repeat var(--theme-body-background-image, url(https://static.wikia.nocookie.net/hollowknight/images/5/50/Wiki-background/revision/20210107210126)); }

/** Adding page glow **/ .resizable-container { box-shadow: 0 4px 24px rgba(var(--theme-link-color--hover-rgb), .5); }

.page { font-family: var(--theme-body-font); margin-top: 0; }

/** Header **/ .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://static.wikia.nocookie.net/hollowknight/images/0/0e/Community-header-background/revision/20210107165558)); 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; }

/*** @media only screen and (min-width: 724px) and (max-width: 899px) { .fandom-community-header { padding-inline: 12px; } }
 * Responsive design - increases banner's padding size as the windows' width
 * increases too.

@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 > li.wds-is-selected > a:not(.wds-button), .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) { color: var(--theme-link-color--hover); }

/** Body **/ /*** Usernames' colors ***/ /**** Administrators ****/ a[href='/wiki/User:TheEmbracedOne'], a[href='/wiki/User:Pauolo'], a[href='/wiki/User:Zigmatism'] { color: #ff6a00; font-weight: bold; }

/**** Moderators ****/ a[href='/wiki/User:Sumwan'], a[href='/wiki/User:MolaMola7'] { color: #008fff; font-weight: bold; }

a[href='/wiki/User:ColdWhie'] { color: #0fa859; font-weight: bold; }

/**** Multi-Language Wiki Admins ****/ a[href='/wiki/User:Stevenstl'], a[href='/wiki/User:Plume_de_Paon'], a[href='/wiki/User:AntiGravityMaster'], a[href='/wiki/User:WingdingAster0'] { color: #7e4b97; font-weight: bold; }

/**** I felt like adding myself in here. :) ****/ a[href='/wiki/User:Polymeric'] { color: #F48FB1;  font-weight: bold; }

a[href='/wiki/User:Polymeric']::after { content: '✨'; margin-inline-start: 2px; }

/*** Articles' bullet list style ***/ .mw-parser-output ul { list-style-image: url(https://vignette.wikia.nocookie.net/hollowknight/images/9/9a/BulletPoint.png); }

/*** Headers' font ***/ .page-header__title, .mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3, .mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 { font-family: var(--pi-tabbers-font); padding: 0; }

/*** Gallery caption's color ***/ .caption { color: rgba(var(--theme-page-text-color--rgb), .6); }

/*** Collapsible button ***/ .dialogue-table.mw-collapsible > tbody > tr > td { display: flex; }

/**** 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 5px #0000); height: 24px; vertical-align: middle; width: 24px; transition: filter .4s; }

.mw-collapsible-toggle::after { display: none; }

.mw-collapsible-toggle .mw-collapsible-text { font: 500 18px / 18px var(--pi-buttons-font); vertical-align: bottom; }

.mw-collapsible-toggle .mw-collapsible-text:hover { text-decoration: none; }

.mw-collapsible-toggle:hover::before { filter: drop-shadow(0 0 5px var(--theme-link-color--hover)); }

.mw-collapsible-toggle-collapsed::before { background: transparent url(https://vignette.wikia.nocookie.net/hollowknight/images/2/20/Expandarrow.png) no-repeat center; }

.mw-collapsible-toggle-expanded::before { background: transparent url(https://vignette.wikia.nocookie.net/hollowknight/images/7/70/Collapsearrow.png) no-repeat center; }

.mw-collapsible-toggle-collapsed::before, .mw-collapsible-toggle-expanded::before { background-size: 24px; display: inline-block; margin-right: 6px; }

/** Footer **/ /*** Boost page loading performance ***/ content-visibility: auto; }
 * 1) mixed-content-footer {

/*** "Fan Feed" header ***/ .mcf-header { color: var(--theme-body-text-color); }