Widget:Gurren2
<style> /*
- Hollow Knight Wiki (EN)
- Skin created by User:Polymeric - CC-BY-SA (28.09.2023)
- Please, note that this skin was made specifically for the mobile skin of
- https://hollowknight.wiki/ and that if you want to copy it, either partially
- or completely, don't forget to give the corresponding credits and cite its
- origin.
- If you're an admin of an interlanguage wiki that uses the same skin, copy this
- import code to your MediaWiki:Mobile.css to inherit the same design of this wiki:
@import url(https://hollowknight.wiki/mw/index.php?action=raw&ctype=text/css&title=MediaWiki:Common.css);
- Please don't edit this page directly and, instead, refer to the source SCSS
- files instead. Visit MediaWiki:Common.css/src for more information.
- /
body:is(.ns-0, .ns-14)[class*=Hollow_Knight]:not(.rootpage-Hollow_Knight_Wiki), .page-Abyss, .page-Ancient_Basin, .page-City_of_Tears, .page-Colosseum_of_Fools, .page-Crystal_Peak, .page-Deepnest, .page-Dirtmouth, .page-Fog_Canyon, .page-Forgotten_Crossroads, .page-Fungal_Wastes, .page-Godhome, .page-Greenpath, .page-Hive, .page-Howling_Cliffs, .page-Kingdom_s_Edge, .page-Queen_s_Gardens, .page-Resting_Grounds, .page-Royal_Waterways, .page-White_Palace, .page-Crawlid, .page-Vengefly, .page-Vengefly_King, .page-Gruzzer, .page-Gruz_Mother, .page-Tiktik, .page-Aspid_Hunter, .page-Aspid_Mother, .page-Aspid_Hatchling, .page-Goam, .page-Wandering_Husk, .page-Husk_Hornhead, .page-Leaping_Husk, .page-Husk_Bully, .page-Husk_Warrior, .page-Husk_Guard, .page-Entombed_Husk, .page-False_Knight, .page-Maggot, .page-Menderbug, .page-Lifeseed, .page-Baldur, .page-Elder_Baldur, .page-Mosscreep, .page-Mossfly, .page-Mosskin, .page-Volatile_Mosskin, .page-Fool_Eater, .page-Squit, .page-Obble, .page-Gulka, .page-Maskfly, .page-Moss_Charger, .page-Massive_Moss_Charger, .page-Moss_Knight, .page-Mossy_Vagabond, .page-Durandoo, .page-Duranda, .page-Aluba, .page-Charged_Lumafly, .page-Uoma, .page-Ooma, .page-Uumuu, .page-Ambloom, .page-Fungling, .page-Fungoon, .page-Sporg, .page-Fungified_Husk, .page-Shrumeling, .page-Shrumal_Warrior, .page-Shrumal_Ogre, .page-Mantis_Youth, .page-Mantis_Warrior, .page-Mantis_Lords, .page-Husk_Centry, .page-Heavy_Sentry, .page-Winged_Sentry, .page-Lance_Sentry, .page-Mistake, .page-Folly, .page-Soul_Twister, .page-Soul_Warrior, .page-Soul_Master, .page-Soul_Tyrant, .page-Husk_Dandy, .page-Cowardly_Husk, .page-Gluttonous_Husk, .page-Gorgeous_Husk, .page-Great_Husk_Sentry, .page-Watcher_Knight, .page-Collector, .page-Belfly, .page-Pilflip, .page-Hwurmp, .page-Bluggsac, .page-Dung_Defender, .page-Flukefey, .page-Flukemon, .page-Flukemarm, .page-Shardmite, .page-Glimback, .page-Crystal_Hunter, .page-Crystal_Crawler, .page-Husk_Miner, .page-Crystallised_Husk, .page-Crystal_Guardian, .page-Furious_Vengefly, .page-Volatile_Gruzzer, .page-Violent_Husk, .page-Slobbering_Husk, .page-Dirtcarver, .page-Carver_Hatcher, .page-Garpede, .page-Corpse_Creeper, .page-Deepling, .page-Deephunter, .page-Little_Weaver, .page-Stalking_Devout, .page-Nosk, .page-Shadow_Creeper, .page-Lesser_Mawlek, .page-Mawlurk, .page-Brooding_Mawlek, .page-Lightseed, .page-Infected_Balloon, .page-Broken_Vessel, .page-Boofly, .page-Primal_Aspid, .page-Hopper, .page-Great_Hopper, .page-Grub_Mimic, .page-Hiveling, .page-Hive_Soldier, .page-Hive_Guardian, .page-Husk_Hive, .page-Spiny_Husk, .page-Loodle, .page-Mantis_Petra, .page-Mantis_Traitor, .page-Traitor_Lord, .page-Sharp_Baldur, .page-Armoured_Squit, .page-Battle_Obble, .page-Oblobbles, .page-Shielded_Fool, .page-Sturdy_Fool, .page-Winged_Fool, .page-Heavy_Fool, .page-Death_Loodle, .page-Volt_Twister, .page-Zote, .page-God_Tamer, .page-Xero, .page-Gorb, .page-Elder_Hu, .page-Marmu, .page-No_Eyes, .page-Galien, .page-Markoth, .page-Wingmould, .page-Royal_Retainer, .page-Kingsmould, .page-Sibling, .page-Void_Tendrils, .page-Hornet, .page-Hornet_Protector, .page-Hollow_Knight, .page-Radiance, .page-Shade, .page-Hunter_s_Mark, .page-Enraged_Guardian, .page-Failed_Champion, .page-Fluke_Larva, .page-Hornet_Sentinel, .page-Lost_Kin, .page-Revek, .page-Salubra, .page-Jiji, .page-Iselda, .page-Leg_Eater, .page-Little_Fool, .page-Millibelle, .page-Nailsmith, .page-Lemm, .page-Sly, .page-Jinn, .page-Last_Stag, .page-Tuk, .page-Mato, .page-Oro, .page-Sheo, .page-Cloth, .page-Cornifer, .page-Mister_Mushroom, .page-Quirrel, .page-Tiso, .page-Bretta, .page-Grey_Mourner, .page-Grubfather, .page-Seer, .page-Hunter, .page-Bardoon, .page-Distant_Villagers, .page-Dung_Defender, .page-Elderbug, .page-Emilitia, .page-Mask_Maker, .page-Midwife, .page-Moss_Prophet, .page-Myla, .page-Snail_Shaman, .page-Unnamed_Moth, .page-White_Lady, .page-Willoh, .page-Herrah, .page-Lurien, .page-Joni, .page-Monomon, .page-Marissa, .page-Thistlewind, .page-Traitors_Child, .page-Spirits, .page-Dream_Nail, .page-Knight, .page-Nail, .page-Steel_Soul_Mode, .page-Category_Charms, .page-Charm_Synergies, .page-Wayward_Compass, .page-Gathering_Swarm, .page-Stalwart_Shell, .page-Shaman_Stone, .page-Soul_Catcher, .page-Soul_Eater, .page-Dashmaster, .page-Grubsong, .page-Grubberfly_s_Elegy, .page-Fragile_Heart, .page-Fragile_Greed, .page-Fragile_Strength, .page-Spell_Twister, .page-Steady_Body, .page-Heavy_Blow, .page-Quick_Slash, .page-Longnail, .page-Mark_of_Pride, .page-Fury_of_the_Fallen, .page-Thorns_of_Agony, .page-Baldur_Shell, .page-Flukenest, .page-Defender_s_Crest, .page-Glowing_Womb, .page-Quick_Focus, .page-Deep_Focus, .page-Lifeblood_Heart, .page-Lifeblood_Core, .page-Joni_s_Blessing, .page-Hiveblood, .page-Spore_Shroom, .page-Sharp_Shadow, .page-Shape_of_Unn, .page-Nailmaster_s_Glory, .page-Dream_Wielder, .page-Kingsoul, .page-Void_Heart, .page-Lifeblood_Cocoon, .page-Soul, .page-Simple_Key, .page-Elegant_Key, .page-Love_Key, .page-Shopkeeper_s_Key, .page-City_Crest, .page-King_s_Brand, .page-Geo, .page-Tram_Pass, .page-Lumafly_Lantern, .page-Map_and_Quill, .page-Hunter_s_Journal, .page-Delicate_Flower, .page-Mask_Shard, .page-Vessel_Fragment, .page-Salubra_s_Blessing, .page-Pale_Ore, .page-Rancid_Egg, .page-Wanderer_s_Journal, .page-Hallownest_Seal, .page-King_s_Idol, .page-Arcane_Egg, .page-Focus, .page-Vengeful_Spirit, .page-Desolate_Dive, .page-Howling_Wraiths, .page-Shade_Soul, .page-Descending_Dark, .page-Abyss_Shriek, .page-Mothwing_Cloak, .page-Mantis_Claw, .page-Crystal_Heart, .page-Monarch_Wings, .page-Isma_s_Tear, .page-Shade_Cloak, .page-Dream_Nail, .page-World_Sense, .page-Cyclone_Slash, .page-Dash_Slash, .page-Great_Slash, .page-Grub, .page-Hot_Spring, .page-Shade_Gate, .page-Soul_Totem, .page-Whispering_Root, .page-Dream_Nail_Locations, .page-Delicate_Flower_Quest, .page-Trial_of_the_Warrior, .page-Trial_of_the_Conqueror, .page-Trial_of_the_Fool {
--theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/a/a6/HK_Wiki_Bg-Hollow_Knight.webp);
}
body:is(.ns-0, .ns-14):is(.page-Category_Hidden_Dreams, .page-White_Defender, .page-Grey_Prince_Zote, .page-Hopping_Zoteling, .page-Winged_Zoteling, .page-Volatile_Zoteling, .page-Dreamgate) {
--theme-accent: 192, 120, 210; --theme-accent-hover: 207, 147, 216; --theme-background: 39, 37, 49; --theme-background-secondary: 81, 73, 91; --theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/2/2f/HK_Wiki_Bg-Hidden_Dreams.webp); --theme-border: 207, 147, 216; --theme-on-accent: 0, 0, 0; --theme-on-background: 255, 255, 255; --theme-pi-background-color: 133, 97, 140, .2; --theme-pi-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/9/99/Infobox_Background_Hidden_Dreams.webp); --theme-selection-opacity: .16;
}
body:is(.ns-0, .ns-14):is([class*=Grimm], .page-Brumm, .page-Divine, .page-Nightmare’s_Heart, .page-Nymm, .page-Dreamshield, .page-Sprintmaster, .page-Weaversong, .page-Carefree_Melody, .page-Seal_of_Binding) {
--theme-accent: 255, 134, 124; --theme-accent-hover: 239, 154, 154; --theme-background: 43, 35, 40; --theme-background-secondary: 89, 69, 74; --theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/0/07/HK_Wiki_Bg-The_Grimm_Troupe.webp); --theme-border: 239, 154, 154; --theme-on-accent: 0, 0, 0; --theme-on-background: 255, 255, 255; --theme-pi-background-color: 140, 97, 97, .2; --theme-pi-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/9/9a/Infobox_Background_Grimm.webp); --theme-selection-opacity: .32;
}
body:is(.ns-0, .ns-14):is(.page-Category_Godmaster, .page-Brothers_Oro_Mato, .page-Fluke_Hermit, .page-Flukemunga, .page-Godseekers, .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-Eternal_Ordeal, .page-Godseeker, .page-Void_Idol, .page-Weathered_Mask, .page-Godtuner, .page-Godhome, .page-Pantheons, .page-Sisters_of_Battle, .page-Winged_Nosk, .page-Absolute_Radiance) {
--theme-accent: 220, 206, 146; --theme-accent-hover: 255, 245, 157; --theme-background: 57, 57, 51; --theme-background-secondary: 86, 87, 80; --theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/5/5c/HK_Wiki_Bg-Godmaster.webp); --theme-border: 255, 246, 157; --theme-on-accent: 0, 0, 0; --theme-on-background: 255, 255, 255; --theme-pi-background-color: 113, 112, 61, .2; --theme-pi-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/8/85/Infobox_Background_Godmaster.webp);
}
body:is(.ns-0, .ns-14):is(.page-Category_Lifeblood, .page-Hive_Knight) {
--theme-accent: 49, 206, 232; --theme-accent-hover: 129, 213, 250; --theme-background: 24, 42, 52; --theme-background-secondary: 55, 72, 83; --theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/7/7c/HK_Wiki_Bg-Lifeblood.webp); --theme-border: 129, 212, 250; --theme-on-accent: 0, 0, 0; --theme-on-background: 255, 255, 255; --theme-pi-background-color: 60, 129, 194, .1; --theme-pi-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/c/c7/Infobox_Background_Lifeblood.webp);
}
body:is(.ns-0, .ns-14).page-Voidheart_Edition {
--theme-accent: 189, 189, 189; --theme-accent-hover: 238, 238, 238; --theme-background: 33, 33, 33; --theme-background-secondary: 66, 66, 66; --theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/f/f5/HK_Wiki_Bg-Voidheart.webp); --theme-border: 238, 238, 238; --theme-on-accent: 0, 0, 0; --theme-on-background: 255, 255, 255; --theme-pi-background-color: 97, 101, 140, .2; --theme-pi-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/c/cd/Infobox_Background_Voidheart.webp);
}
body:is(.ns-0, .ns-14):is(.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-Hallownest, .page-Higher_Beings, .page-Infection, .page-Lord_Fool, .page-Mantis_Tribe, .page-Mosskin_Tribe, .page-Moth_Tribe, .page-Pale_King, .page-Pharloom, .page-Snail_Shamans, .page-Soul_Sanctum_s_Scholars, .page-Vessels, .page-Void, .page-Void_Entity, .page-Weavers, .page-Wyrms, .page-Vespa, .page-Unn, .page-Mushroom_Clan, .page-Spider_Tribe, .page-Seals) {
--theme-accent: 176, 191, 197; --theme-accent-hover: 255, 255, 255; --theme-background: 38, 50, 56; --theme-background-secondary: 55, 71, 79; --theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/7/7a/HK_Wiki_Bg-Lore.webp); --theme-border: 176, 191, 197; --theme-on-accent: 0, 0, 0; --theme-on-background: 255, 255, 255; --theme-pi-background-color: 97, 101, 140, .2; --theme-pi-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/9/9e/Infobox_Background_Lore.webp);
}
body:is(.ns-0, .ns-14):is([class*=Silksong]:not(.rootpage-Hollow_Knight_Wiki), .page-Deep_Docks, .page-Greymoor, .page-Moss_Grotto, .page-Bonebottom, .page-Ballow, .page-Church_Keeper, .page-Flea, .page-Forge-Daughter, .page-Garmond_and_Zaza, .page-Huntress, .page-Shakra, .page-Sherma, .page-Trobbio, .page-Carmelita, .page-Lace, .page-Moss_Mother, .page-Sharpe, .page-Crawbug, .page-Dustroach, .page-Rosary, .page-Rosaries, .page-Shell_Shards, .page-Silk, .page-Bind, .page-Category_Tools, .page-Marrow, .page-Grindle, .page-Caravan, .page-Seth, .page-Bell_Beast, .page-Last_Judge, .page-Druid_of_the_Moss_Temple, .page-Citadel, .page-Needle, .page-Quests) {
--theme-accent: 254, 182, 86; --theme-accent-hover: 255, 172, 145; --theme-background: 44, 42, 39; --theme-background-secondary: 91, 83, 71; --theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/8/86/HK_Wiki_Bg-Silksong.webp); --theme-border: 255, 172, 145; --theme-on-accent: 0, 0, 0; --theme-on-background: 255, 255, 255; --theme-pi-background-color: 140, 120, 97, .2; --theme-pi-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/f/fb/Infobox_Background_Silksong.webp);
}
body:is(.page-Category_Mods, .ns-3002, .ns-3003) {
--theme-accent: 141, 137, 199; --theme-accent-hover: 207, 177, 167; --theme-background: 10, 31, 41; --theme-background-secondary: 20, 51, 72; --theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/e/ec/HK_Wiki_Bg-Mods.png); --theme-border: 91, 92, 126; --theme-on-accent: 0, 0, 0; --theme-on-background: 255, 255, 255; --theme-pi-background-color: 29, 69, 92, .2; --theme-pi-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/c/c2/Infobox_Background_Mod.png); --theme-selection-opacity: .32;
}
/* Imports. */ /* Fonts. */ /* latin-ext */ @font-face {
font-family: "Lato"; font-style: italic; font-weight: 400; font-display: swap; src: url(https://cdn.wikimg.net/fonts/Lato/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} /* latin */ @font-face {
font-family: "Lato"; font-style: italic; font-weight: 400; font-display: swap; src: url(https://cdn.wikimg.net/fonts/Lato/S6u8w4BMUTPHjxsAXC-q.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} /* latin-ext */ @font-face {
font-family: "Lato"; font-style: italic; font-weight: 700; font-display: swap; src: url(https://cdn.wikimg.net/fonts/Lato/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} /* latin */ @font-face {
font-family: "Lato"; font-style: italic; font-weight: 700; font-display: swap; src: url(https://cdn.wikimg.net/fonts/Lato/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} /* latin-ext */ @font-face {
font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: url(https://cdn.wikimg.net/fonts/Lato/S6uyw4BMUTPHjxAwXjeu.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} /* latin */ @font-face {
font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: url(https://cdn.wikimg.net/fonts/Lato/S6uyw4BMUTPHjx4wXg.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} /* latin-ext */ @font-face {
font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: url(https://cdn.wikimg.net/fonts/Lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} /* latin */ @font-face {
font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: url(https://cdn.wikimg.net/fonts/Lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-display: swap;
font-family: TrajanPro;
font-style: normal;
font-weight: 400;
src: local("TrajanPro-Regular"), url("https://cdn.wikimg.net/en/hkwiki/images/a/a7/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://cdn.wikimg.net/en/hkwiki/images/a/a4/TrajanPro-Bold.otf") format("opentype");
}
- root {
--font-headline: TrajanPro, "Times New Roman", serif; --font-body-serif: Perpetua, "Times New Roman", serif; --font-body-sans-serif: Lato, Roboto, Arial, sans-serif; --theme-red: 239, 154, 154; --theme-pink: 244, 143, 177; --theme-purple: 206, 147, 216; --theme-deep-purple: 179, 157, 219; --theme-indigo: 159, 168, 218; --theme-blue: 144, 202, 249; --theme-light-blue: 129, 212, 250; --theme-cyan: 128, 222, 234; --theme-teal: 128, 203, 196; --theme-green: 165, 214, 167; --theme-light-green: 197, 225, 165; --theme-lime: 230, 238, 156; --theme-yellow: 255, 245, 157; --theme-amber: 255, 224, 130; --theme-orange: 255, 204, 128; --theme-deep-orange: 255, 171, 145; --theme-brown: 188, 170, 164; --theme-grey: 237, 237, 237; --theme-blue-grey: 176, 190, 197; color-scheme: dark;
}
html {
--theme-accent: 160, 203, 255; --theme-accent-hover: 207, 221, 237; --theme-background: 26, 29, 34; --theme-background-secondary: 60, 64, 68; --theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/5/50/Wiki-background); --theme-border: 255, 255, 255; --theme-on-accent: 0, 0, 0; --theme-on-background: 255, 255, 255; --theme-pi-background-color: 81, 90, 132, .4; --theme-pi-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/2/21/Infobox_HK_Background.webp); --theme-selection-opacity: .16; --theme-primary: rgba(255, 255, 255, .87); --theme-primary--inverse: rgba(0, 0, 0, .87); --theme-secondary: rgba(255, 255, 255, .6); --theme-secondary--inverse: rgba(0, 0, 0, .6); --theme-disabled: rgba(255, 255, 255, .46); --theme-disabled--inverse: rgba(0, 0, 0, .46);
}
.color-red {
color: rgb(var(--theme-red));
}
.color-pink {
color: rgb(var(--theme-pink));
}
.color-purple {
color: rgb(var(--theme-purple));
}
.color-deep-purple {
color: rgb(var(--theme-deep-purple));
}
.color-indigo {
color: rgb(var(--theme-indigo));
}
.color-blue {
color: rgb(var(--theme-blue));
}
.color-light-blue {
color: rgb(var(--theme-light-blue));
}
.color-cyan {
color: rgb(var(--theme-cyan));
}
.color-teal {
color: rgb(var(--theme-teal));
}
.color-green {
color: rgb(var(--theme-green));
}
.color-light-green {
color: rgb(var(--theme-light-green));
}
.color-lime {
color: rgb(var(--theme-lime));
}
.color-yellow {
color: rgb(var(--theme-yellow));
}
.color-amber {
color: rgb(var(--theme-amber));
}
.color-orange {
color: rgb(var(--theme-orange));
}
.color-deep-orange {
color: rgb(var(--theme-deep-orange));
}
.color-brown {
color: rgb(var(--theme-brown));
}
.color-grey {
color: rgb(var(--theme-grey));
}
.color-blue-grey {
color: rgb(var(--theme-blue-grey));
}
.typography-headline-1 {
font: 300 2rem/2.5rem var(--font-headline); letter-spacing: -.015625em;
}
.typography-headline-2 {
font: 300 1.5rem/1.875rem var(--font-headline); letter-spacing: -.0083333333em;
}
.typography-headline-3 {
font: 400 1.125rem/1.406rem var(--font-headline); letter-spacing: normal;
}
.typography-headline-4 {
font: 400 1rem/1.25rem var(--font-headline); letter-spacing: .0073529412em;
}
.typography-headline-5 {
font: 400 .875rem/1.094rem var(--font-headline); letter-spacing: normal;
}
.typography-headline-6 {
font: 500 .875rem/1.094rem var(--font-headline); letter-spacing: .0125em;
}
.typography-subtitle-1 {
font: 400 1rem/1.75rem var(--font-body-sans-serif); letter-spacing: .009375em;
}
.typography-subtitle-2 {
font: 500 .875rem/1.375rem var(--font-body-sans-serif); letter-spacing: .0071428571em;
}
.typography-body-1 {
font: 400 .875rem/1.5rem var(--font-body-sans-serif); letter-spacing: .03125em;
}
.typography-body-2 {
font: 400 .75rem/1.25rem var(--font-body-sans-serif); letter-spacing: .0178571429em;
}
.typography-caption {
font: 400 .75rem/1.25rem var(--font-body-sans-serif); letter-spacing: .0333333333em;
}
.typography-button {
font: 700 .875rem/1.25rem var(--font-body-sans-serif); letter-spacing: .0892857143em; text-transform: uppercase;
}
.typography-overline {
font: 500 .75rem/2rem var(--font-body-sans-serif); letter-spacing: .1666666667em; text-transform: uppercase;
}
.typography-footnote {
font: 400 .75rem/1.25rem var(--font-body-sans-serif); letter-spacing: normal;
}
.vector-body {
font: 400 .875rem/1.5rem var(--font-body-sans-serif); letter-spacing: .03125em;
} .vector-body blockquote {
border: none; margin: 0.75rem 2.25rem; padding: 0;
}
figure:is([typeof~="mw:File/Thumb"], [typeof~="mw:File/Frame"], [typeof~="mw:Image/Thumb"], [typeof~="mw:Video/Thumb"], [typeof~="mw:Audio/Thumb"], [typeof~="mw:Image/Frame"], [typeof~="mw:Video/Frame"], [typeof~="mw:Audio/Frame"]), figure:is([typeof~="mw:File/Thumb"], [typeof~="mw:File/Frame"], [typeof~="mw:Image/Thumb"], [typeof~="mw:Video/Thumb"], [typeof~="mw:Audio/Thumb"], [typeof~="mw:Image/Frame"], [typeof~="mw:Video/Frame"], [typeof~="mw:Audio/Frame"]) > :is(a, span):first-child > *:first-child:not(.mw-broken-media), div.thumbinner, .gallerytext {
background-color: unset; border: none; color: var(--theme-secondary);
}
figure:is([typeof~="mw:File/Thumb"], [typeof~="mw:File/Frame"], [typeof~="mw:Image/Thumb"], [typeof~="mw:Video/Thumb"], [typeof~="mw:Audio/Thumb"], [typeof~="mw:Image/Frame"], [typeof~="mw:Video/Frame"], [typeof~="mw:Audio/Frame"]) > figcaption, .thumbcaption, .gallerytext {
background-color: unset; border: none; font: 400 .75rem/1.25rem var(--font-body-sans-serif); letter-spacing: .0333333333em;
}
figure:is([typeof~="mw:File/Thumb"], [typeof~="mw:Image/Thumb"], [typeof~="mw:Video/Thumb"], [typeof~="mw:Audio/Thumb"]):not([typeof~="mw:Error"]) > a::after {
content: unset;
}
.mw-parser-output .gallery {
text-align: center;
} .mw-parser-output .gallery .gallerybox {
margin: 0 !important; vertical-align: middle; width: unset !important; width: -webkit-min-content !important; width: -moz-min-content !important; width: min-content !important;
} .mw-parser-output .gallery .thumb {
height: unset !important; min-width: 16ch; width: unset !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important;
}
.mw-content-ltr ul.gallery {
margin: 0;
}
li.gallerybox div.thumb {
border: 1px solid rgba(var(--theme-border), 0.48); background-color: rgb(var(--theme-background-secondary));
}
figure.img-responsive img {
object-fit: contain; width: 100% !important;
}
- toc {
background-color: rgba(0, 0, 0, 0.6); border: none; box-shadow: 0 0 0.5rem 0.5rem rgba(0, 0, 0, 0.6); color: rgb(var(--theme-on-background)); padding: 0.5rem 1rem; position: relative; margin: 2.5rem 0;
}
- toc::before, #toc::after {
content: ""; height: 2rem; left: 50%; position: absolute; width: calc(100% - 2rem);
}
- toc::before {
background: url("https://cdn.wikimg.net/en/hkwiki/images/9/96/Dialogue_Top.png") center/contain no-repeat;
top: 0;
transform: translate(-50%, -75%);
}
- toc::after {
background: url("https://cdn.wikimg.net/en/hkwiki/images/c/c7/Dialogue_Bottom.png") center/contain no-repeat;
bottom: 0;
transform: translate(-50%, 75%);
}
- toc .toclevel-1 > ul {
display: none;
}
- filetoc,
.mw_metadata td, .mw_metadata th {
background-color: rgb(var(--theme-background-secondary)); border-color: rgb(var(--theme-border), 0.16);
}
.vector-body .toc h2, .toctogglelabel {
font: 400 1rem/1.75rem var(--font-body-sans-serif); letter-spacing: .009375em; font-family: var(--font-body-serif);
}
.toctitle::after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(var(--theme-on-background)), rgba(255, 255, 255, 0)) 47% 0%; content: ""; display: block; height: 0.0625rem; width: 100%; height: 0.0625rem; margin: 0 auto 1rem; width: 80%;
}
.toctogglelabel {
color: rgb(var(--theme-accent));
}
.tocnumber {
color: var(--theme-secondary);
}
- toc li {
background-image: none; position: relative; align-items: center; color: var(--theme-page-text-color); display: flex; height: 100%; left: 0; margin-bottom: 0.25rem; min-width: 5rem; top: 0; width: 100%;
}
- toc li::before, #toc li::after {
content: ""; display: inline-block; height: 1.25rem; opacity: 0; pointer-events: none; position: absolute; transition: opacity 200ms, transform 300ms; width: 1.25rem;
}
- toc li:is(:hover, :focus, :focus-within)::before, #toc li:is(:hover, :focus, :focus-within)::after {
opacity: 1;
}
- toc li::before {
background: center/contain scroll no-repeat url("https://cdn.wikimg.net/en/hkwiki/images/1/1a/Hk_left_arrow.png");
left: 0;
transform: translateX(50%);
}
- toc li:is(:hover, :focus, :focus-within)::before {
transform: translateX(-0.5em);
}
- toc li::after {
background: center/contain scroll no-repeat url("https://cdn.wikimg.net/en/hkwiki/images/7/74/Hk_right_arrow.png");
right: 0;
transform: translateX(-50%);
}
- toc li:is(:hover, :focus, :focus-within)::after {
transform: translateX(0.5em);
}
- toc li a {
color: rgb(var(--theme-on-background)); margin: 0 1rem; padding: 0 1rem; position: relative; display: inline-flex; justify-content: center; text-decoration: none; width: 100%;
}
- toc li a::before {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.26) 2rem, rgba(255, 255, 255, 0.26) calc(100% - 2rem), rgba(255, 255, 255, 0) 100%); content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 300ms; width: 100%;
}
- toc li a:is(:hover, :focus, :focus-within)::before {
opacity: 1;
}
- toc li a:focus {
outline: 2px solid rgba(255, 255, 255, 0);
}
- toc li:is(:hover, :focus, :focus-within) a::before {
opacity: 1;
}
- toc li .tocnumber {
display: none;
}
- toc li .toctext {
color: rgb(var(--theme-on-background));
}
.mw-parser-output ul li {
list-style-image: url("https://cdn.wikimg.net/en/hkwiki/images/9/9a/BulletPoint.png");
}
- is(h1,
h2, h3, h4, h5, h6) {
overflow: unset;
}
- is(h1,
h2, h3, h4, h5, h6):is(:hover, :focus-within) .copy-button-container .copy-button {
opacity: 1;
}
.mw-editsection-bracket {
display: none;
}
.mw-editsection a {
font: 500 1em/2em var(--font-headline); letter-spacing: 0.0625em; text-transform: uppercase;
}
.mw-editsection a::before {
background: center/contain no-repeat url("https://cdn.wikimg.net/en/hkwiki/images/f/f0/Quill_Edit.png");
content: "";
display: inline-block;
height: 1em;
margin-right: 1em;
transition: filter 400ms;
width: 1em;
}
.mw-editsection a:hover::before {
filter: drop-shadow(0 0 0.0625rem rgb(var(--theme-accent-hover)));
}
ol.references li:target, sup.reference:target {
background-color: rgb(var(--theme-accent)); color: rgb(var(--theme-on-accent));
}
ol.references li:target a, sup.reference:target a, ol.references li:target a:not(.mw-selflink):is(:hover, :focus), sup.reference:target a:not(.mw-selflink):is(:hover, :focus) {
color: inherit; text-shadow: none;
}
ol.references li:target::marker {
color: rgb(var(--theme-on-background));
}
.vector-body h2:not(#mw-toc-heading) {
display: flow-root;
}
.copy-button-container {
cursor: pointer; display: inline-block; height: 1.5rem; margin-left: 1rem; position: relative; vertical-align: middle; width: 1.5rem;
} .copy-button-container .copy-button {
display: block; fill: currentcolor; height: 100%; opacity: 0; outline: 2px solid rgba(255, 255, 255, 0); transition: filter 200ms, opacity 200ms; width: 100%;
} .copy-button-container .copy-button:is(:hover, :focus) {
filter: drop-shadow(0 0 0.25rem #fff); transition: filter 300ms;
} .copy-button-container .copy-button::before {
content: ""; height: 2rem; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 2rem;
} .copy-button-container .copy-button .headline-icon {
display: block; height: inherit; pointer-events: none; width: inherit;
} .copy-button-container .copy-button.active:is(:hover, :focus-within) + .tooltip .activated {
opacity: 1; visibility: visible;
} .copy-button-container .tooltip {
font: 400 .875rem/1.5rem var(--font-body-sans-serif); letter-spacing: .03125em; left: 50%; pointer-events: none; position: absolute; top: 0; white-space: nowrap;
} .copy-button-container .tooltip .activated, .copy-button-container .tooltip .deactivated {
background-color: #212121; opacity: 0; padding: 0.25rem 0.75rem; position: absolute; transform: translate(-50%, calc(-100% - 0.5rem)); visibility: hidden;
} .copy-button-container:not(.active):is(:hover, :focus-within) .tooltip .deactivated {
opacity: 1; visibility: visible;
}
.skin-timeless .copy-button-container .copy-button {
opacity: 1;
}
.img-banner {
background: transparent center/contain scroll no-repeat var(--banner-image); height: 116px; margin: 1em auto; max-width: 736px; width: 100%;
} .img-banner.left {
clear: left; float: left;
} .img-banner.right {
clear: right; float: right;
}
.tooltip-content + p {
clear: left;
}
.mwe-math-fallback-image-inline {
filter: invert(1);
}
.mw-highlight {
background: none;
}
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 rgb(var(--theme-background-secondary));
}
pre, code, .mw-code {
background-color: rgba(var(--theme-on-background), 0.08); border: 0.0625rem solid rgba(var(--theme-on-background), 0.32); color: rgb(var(--theme-on-background));
}
body.page-Hollow_Knight_Wiki :is(#ca-delete,
- ca-move,
- deleteconfirm,
- siteSub,
- sharing-toolbar,
- contentSub,
h1.firstHeading) {
display: none;
}
.flip img {
-webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: FlipH; filter: FlipH;
}
/*
- @title Nord
- @description An arctic, north-blush color palette for FANDOM code.
- @author Speedit
- @version 1.2.6
- @license CC-BY-SA 3.0
- @source: https://dev.fandom.com/wiki/MediaWiki:Nord.css
- /
.mw-highlight .hll {
background-color: #505020;
}
/*.mw-highlight { background: #2e3440; }*/ .mw-highlight .c {
color: #a4aeb9; font-style: italic;
} /* Comment */ .mw-highlight .err {
color: #bf616a;
} /* Error */ .mw-highlight .k {
color: #81a1c1; font-weight: bold;
} /* Keyword */ .mw-highlight .n {
color: #d8dee9;
} /* Name */ .mw-highlight .o {
color: #81a1c1;
} /* Operator */ .mw-highlight .p {
color: #eceff4;
} /* Punctuation */ .mw-highlight .ch {
color: #616e87; font-style: italic;
} /* Comment.Hashbang */ .mw-highlight .cm {
color: #616e87; font-style: italic;
} /* Comment.Multiline */ .mw-highlight .cp {
color: #5e81ac; font-style: italic;
} /* Comment.Preproc */ .mw-highlight .cpf {
color: #616e87; font-style: italic;
} /* Comment.PreprocFile */ .mw-highlight .c1 {
color: #616e87; font-style: italic;
} /* Comment.Single */ .mw-highlight .cs {
color: #616e87; font-style: italic;
} /* Comment.Special */ .mw-highlight .gd {
color: #bf616a;
} /* Generic.Deleted */ .mw-highlight .ge {
font-style: italic;
} /* Generic.Emph */ .mw-highlight .gr {
color: #bf616a;
} /* Generic.Error */ .mw-highlight .gh {
color: #88c0d0; font-weight: bold;
} /* Generic.Heading */ .mw-highlight .gi {
color: #a3be8c;
} /* Generic.Inserted */ .mw-highlight .go {
color: #d8dee9;
} /* Generic.Output */ .mw-highlight .gp {
color: #4c566a; font-weight: bold;
} /* Generic.Prompt */ .mw-highlight .gs {
font-weight: bold;
} /* Generic.Strong */ .mw-highlight .gu {
color: #88c0d0; font-weight: bold;
} /* Generic.Subheading */ .mw-highlight .gt {
color: #bf616a;
} /* Generic.Traceback */ .mw-highlight .kc {
color: #81a1c1; font-weight: bold;
} /* Keyword.Constant */ .mw-highlight .kd {
color: #81a1c1; font-weight: bold;
} /* Keyword.Declaration */ .mw-highlight .kn {
color: #81a1c1; font-weight: bold;
} /* Keyword.Namespace */ .mw-highlight .kp {
color: #81a1c1;
} /* Keyword.Pseudo */ .mw-highlight .kr {
color: #81a1c1; font-weight: bold;
} /* Keyword.Reserved */ .mw-highlight .kt {
color: #81a1c1;
} /* Keyword.Type */ .mw-highlight .m {
color: #b48ead;
} /* Literal.Number */ .mw-highlight .s {
color: #a3be8c;
} /* Literal.String */ .mw-highlight .na {
color: #8fbcbb;
} /* Name.Attribute */ .mw-highlight .nb {
color: #81a1c1;
} /* Name.Builtin */ .mw-highlight .nc {
color: #8fbcbb;
} /* Name.Class */ .mw-highlight .no {
color: #8fbcbb;
} /* Name.Constant */ .mw-highlight .nd {
color: #d08770;
} /* Name.Decorator */ .mw-highlight .ni {
color: #d08770;
} /* Name.Entity */ .mw-highlight .ne {
color: #bf616a;
} /* Name.Exception */ .mw-highlight .nf {
color: #88c0d0;
} /* Name.Function */ .mw-highlight .nl {
color: #8fbcbb;
} /* Name.Label */ .mw-highlight .nn {
color: #8fbcbb;
} /* Name.Namespace */ .mw-highlight .nx {
color: #d8dee9;
} /* Name.Other */ .mw-highlight .py {
color: #d8dee9;
} /* Name.Property */ .mw-highlight .nt {
color: #81a1c1;
} /* Name.Tag */ .mw-highlight .nv {
color: #d8dee9;
} /* Name.Variable */ .mw-highlight .ow {
color: #81a1c1; font-weight: bold;
} /* Operator.Word */ .mw-highlight .w {
color: #d8dee9;
} /* Text.Whitespace */ .mw-highlight .mb {
color: #b48ead;
} /* Literal.Number.Bin */ .mw-highlight .mf {
color: #b48ead;
} /* Literal.Number.Float */ .mw-highlight .mh {
color: #b48ead;
} /* Literal.Number.Hex */ .mw-highlight .mi {
color: #b48ead;
} /* Literal.Number.Integer */ .mw-highlight .mo {
color: #b48ead;
} /* Literal.Number.Oct */ .mw-highlight .sa {
color: #a3be8c;
} /* Literal.String.Affix */ .mw-highlight .sb {
color: #a3be8c;
} /* Literal.String.Backtick */ .mw-highlight .sc {
color: #a3be8c;
} /* Literal.String.Char */ .mw-highlight .dl {
color: #a3be8c;
} /* Literal.String.Delimiter */ .mw-highlight .sd {
color: #616e87;
} /* Literal.String.Doc */ .mw-highlight .s2 {
color: #a3be8c;
} /* Literal.String.Double */ .mw-highlight .se {
color: #ebcb8b;
} /* Literal.String.Escape */ .mw-highlight .sh {
color: #a3be8c;
} /* Literal.String.Heredoc */ .mw-highlight .si {
color: #a3be8c;
} /* Literal.String.Interpol */ .mw-highlight .sx {
color: #a3be8c;
} /* Literal.String.Other */ .mw-highlight .sr {
color: #ebcb8b;
} /* Literal.String.Regex */ .mw-highlight .s1 {
color: #a3be8c;
} /* Literal.String.Single */ .mw-highlight .ss {
color: #a3be8c;
} /* Literal.String.Symbol */ .mw-highlight .bp {
color: #81a1c1;
} /* Name.Builtin.Pseudo */ .mw-highlight .fm {
color: #88c0d0;
} /* Name.Function.Magic */ .mw-highlight .vc {
color: #d8dee9;
} /* Name.Variable.Class */ .mw-highlight .vg {
color: #d8dee9;
} /* Name.Variable.Global */ .mw-highlight .vi {
color: #d8dee9;
} /* Name.Variable.Instance */ .mw-highlight .vm {
color: #d8dee9;
} /* Name.Variable.Magic */ .mw-highlight .il {
color: #b48ead;
} /* Literal.Number.Integer.Long */ body {
background: rgb(var(--theme-background-secondary, 0, 0, 0)) center/cover fixed no-repeat var(--theme-background-image, url("https://cdn.wikimg.net/en/hkwiki/images/0/07/HK_Wiki_Bg-The_Grimm_Troupe.webp"));
font-family: var(--font-body-sans-serif);
}
- mw-page-lib {
background: unset;
}
- focus {
outline-color: rgb(var(--theme-accent));
}
- focus-visible {
outline: 2px solid rgb(var(--theme-accent));
}
- selection {
background-color: rgba(var(--theme-accent), var(--theme-selection-opacity, 0.16));
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder,
- placeholder {
color: var(--theme-secondary);
}
- target-text {
background-color: var(--theme-accent); color: var(--theme-primary--inverse);
}
fieldset {
border-color: rgb(var(--theme-border));
}
.sitedir-ltr .mw-dismissable-notice-close {
position: absolute; right: 1em; top: 0.5em;
}
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0.5em 0;
}
.mw-body {
background-color: rgb(var(--theme-background)); border: 1px solid rgba(var(--theme-border), 0.16); box-shadow: 0 0 24px rgb(var(--theme-accent-hover)); color: var(--theme-primary);
}
- contentSub,
- contentSub2 {
color: var(--theme-secondary);
}
a:not(.mw-selflink), a:not(.mw-selflink):visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited, .mw-parser-output a.extiw, .mw-parser-output a.external, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: rgb(var(--theme-accent)); transition: color 400ms, text-shadow 400ms;
}
- where(a:not(.mw-selflink),
a:not(.mw-selflink):visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited, .mw-parser-output a.extiw, .mw-parser-output a.external, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited):is(:hover, :focus) {
color: rgb(var(--theme-accent-hover)); text-shadow: 0 0 0.25em currentColor;
}
.mw-body-content .error {
color: rgb(var(--theme-red));
}
.mw-parser-output a.external {
background: none; padding: 0;
} .mw-parser-output a.external::after {
background-color: currentColor; content: ""; display: inline-block; height: 0.675em; margin-left: 0.125em; -webkit-mask: center/contain url(/mw/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); mask: center/contain url(/mw/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); width: 0.675em;
}
a.new, .vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color: #cf6679;
}
.mw-plusminus-pos {
color: rgb(var(--theme-green));
}
.mw-plusminus-neg {
color: rgb(var(--theme-red));
}
h1, h2, h3, h4, h5, h6 {
color: rgb(var(--theme-on-background));
}
.mw-body-content h1 {
font: 300 2rem/2.5rem var(--font-headline); letter-spacing: -.015625em;
}
.mw-body-content h2 {
font: 300 1.5rem/1.875rem var(--font-headline); letter-spacing: -.0083333333em;
}
.mw-body-content h3 {
font: 400 1.125rem/1.406rem var(--font-headline); letter-spacing: normal;
}
.mw-body-content h4 {
font: 400 1rem/1.25rem var(--font-headline); letter-spacing: .0073529412em;
}
.mw-body-content h5 {
font: 400 .875rem/1.094rem var(--font-headline); letter-spacing: normal;
}
.mw-body-content h6 {
font: 500 .875rem/1.094rem var(--font-headline); letter-spacing: .0125em;
}
h2 {
border: none;
} h2:not(.infobox-title, .pi-title, #mw-toc-heading)::after {
background-image: linear-gradient(to right, rgb(var(--theme-on-background)) 0%, rgb(var(--theme-on-background)) 50%, rgba(255, 255, 255, 0) 100%); content: ""; display: block; height: 0.0625rem; width: 100%;
}
.catlinks {
border: 1px solid rgba(var(--theme-border), 0.16); background-color: rgb(var(--theme-background-secondary));
}
- pagehistory li.selected {
background-color: rgb(var(--theme-background-secondary)); border-color: rgb(var(--theme-border)); color: var(--theme-primary);
}
.action-history .mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
display: none;
}
.mw-ui-button {
background-color: rgba(var(--theme-accent), 0.08); border: 1px solid rgba(var(--theme-accent), 0.12); color: rgb(var(--theme-accent)); padding: 7px 8px 6px;
}
.mw-ui-button:not(:disabled):is(:hover, :focus, :focus-within) {
background-color: rgba(var(--theme-accent), 0.12); border-color: rgba(var(--theme-accent), 0.36); color: rgb(var(--theme-accent));
}
.diff-context {
background-color: rgb(var(--theme-background-secondary)); border-color: var(--theme-grey); color: var(--theme-primary);
}
.diff-addedline {
border-color: rgb(var(--theme-green));
}
.diff-deletedline {
border-color: rgb(var(--theme-red));
}
- is(.diff-addedline, .diff-deletedline) .diffchange {
color: var(--theme-primary--inverse); padding-left: 0.5em; padding-right: 0.5em;
}
.diff-addedline .diffchange {
background-color: rgb(var(--theme-green));
}
.diff-deletedline .diffchange {
background-color: rgb(var(--theme-red));
}
.mw-search-profile-tabs,
- mw-searchoptions {
background-color: rgb(var(--theme-background-secondary));
}
.search-types .current a {
color: rgb(var(--theme-on-background));
}
.ext-replacetext-searchoptions {
background-color: rgb(var(--theme-background-secondary));
}
a.mw-userlink:is([href*="User:TheEmbracedOne"], [href*="User:Pauolo"], [href*="User:Polymeric"], [href*="User:Zigmatism"]) {
color: #ff6a00; font-weight: bold;
} a.mw-userlink:is([href*="User:Sumwan"], [href*="User:MolaMola7"], [href*="User:Exempt-Medic"]) {
color: #008fff; font-weight: bold;
} a.mw-userlink[href*="User:ColdWhie"] {
color: #0fa859; font-weight: bold;
} a.mw-userlink:is([href*="User:Stevenlele"], [href*="User:Plume_de_Paon"], [href*="User:AntiGravityMaster"], [href*="User:WingdingAster0"], [href*="User:InkScarlet"]) {
color: #7e4b97; font-weight: bold;
}
.mw-footer li {
color: rgb(var(--theme-on-background)); text-shadow: 0 0 0.5em rgb(var(--theme-on-accent));
}
- footer-icons li {
filter: drop-shadow(0 0 4px rgba(var(--theme-accent-hover), 0.8));
}
/**
* @title Grid styles
* @description Adds a grid component to easily create custom layouts within
a page.
* @author Polymeric
* @license CC-BY-SA 3.0
- /
@supports (display: grid) {
.grid {
display: grid;
gap: var(--grid-gap, 16px);
/*
** grid-gap brings support for older browsers
** (see: https://caniuse.com/mdn-css_properties_gap_grid_context).
*/
grid-gap: var(--grid-gap, 16px);
grid-template-columns: repeat(12, minmax(5px, 1fr));
max-width: 2280px;
/* Utility classes. */
/**
*** Disables column merging when grid's width is less than 600px (see more at
*** the last seciton of the stylesheet).
**/
/**
* Horizontally align the grid itself (requires it's maximum width to be
* less than 100% for it to work).
**/
/**
* Verically align grid's cells (requires the grid's minimum height to be
* higher than a single row's maximum height for it to work).
**/
/** Adds padding equal to the grid gap's size into the grid itself. **/
/* Increases grid cells' spacing as the screen gets wider. */
/*
* Merge all columns into one when grid's width is less than 600px.
* Note: this only works on modern browsers as it uses container queries
* (see: https://caniuse.com/css-container-queries).
*/
}
.grid .grid__col--span-0 {
display: none;
}
.grid .grid__col--span-1 {
grid-column-end: span 1;
}
.grid .grid__col--span-1 .grid {
grid-template-columns: repeat(1, minmax(5px, 1fr));
}
.grid .grid__col--span-2 {
grid-column-end: span 2;
}
.grid .grid__col--span-2 .grid {
grid-template-columns: repeat(2, minmax(5px, 1fr));
}
.grid .grid__col--span-3 {
grid-column-end: span 3;
}
.grid .grid__col--span-3 .grid {
grid-template-columns: repeat(3, minmax(5px, 1fr));
}
.grid .grid__col--span-4 {
grid-column-end: span 4;
}
.grid .grid__col--span-4 .grid {
grid-template-columns: repeat(4, minmax(5px, 1fr));
}
.grid .grid__col--span-5 {
grid-column-end: span 5;
}
.grid .grid__col--span-5 .grid {
grid-template-columns: repeat(5, minmax(5px, 1fr));
}
.grid .grid__col--span-6 {
grid-column-end: span 6;
}
.grid .grid__col--span-6 .grid {
grid-template-columns: repeat(6, minmax(5px, 1fr));
}
.grid .grid__col--span-7 {
grid-column-end: span 7;
}
.grid .grid__col--span-7 .grid {
grid-template-columns: repeat(7, minmax(5px, 1fr));
}
.grid .grid__col--span-8 {
grid-column-end: span 8;
}
.grid .grid__col--span-8 .grid {
grid-template-columns: repeat(8, minmax(5px, 1fr));
}
.grid .grid__col--span-9 {
grid-column-end: span 9;
}
.grid .grid__col--span-9 .grid {
grid-template-columns: repeat(9, minmax(5px, 1fr));
}
.grid .grid__col--span-10 {
grid-column-end: span 10;
}
.grid .grid__col--span-10 .grid {
grid-template-columns: repeat(10, minmax(5px, 1fr));
}
.grid .grid__col--span-11 {
grid-column-end: span 11;
}
.grid .grid__col--span-11 .grid {
grid-template-columns: repeat(11, minmax(5px, 1fr));
}
.grid .grid__col--span-12 {
grid-column-end: span 12;
}
.grid .grid__col--span-12 .grid {
grid-template-columns: repeat(12, minmax(5px, 1fr));
}
@supports (container-type: inline-size) {
.grid.grid--unresponsive {
container: unset;
}
}
.grid.grid--align-left {
margin-right: auto;
margin-left: 0;
}
.grid.grid--align-right {
margin-right: 0;
margin-left: auto;
}
.grid.grid--align-center {
margin: 0 auto;
}
.grid .grid__col--align-top {
align-self: start;
}
.grid .grid__col--align-middle {
align-self: center;
}
.grid .grid__col--align-bottom {
align-self: end;
}
.grid.grid__padding {
/*** All sides. ***/
padding: var(--grid-gap, 16px);
/*** Top only. ***/
/*** Bottom only. ***/
/*** Left only. ***/
/*** Right only. ***/
/*** Block (vertical) sides only. ***/
/*** Inline (horizontal) sides only. ***/
}
.grid.grid__padding--top {
padding-top: var(--grid-gap, 16px);
}
.grid.grid__padding--bottom {
padding-bottom: var(--grid-gap, 16px);
}
.grid.grid__padding--left {
padding-left: var(--grid-gap, 16px);
}
.grid.grid__padding--top {
padding-top: var(--grid-gap, 16px);
}
.grid.grid__padding--block {
padding-bottom: var(--grid-gap, 16px);
padding-top: var(--grid-gap, 16px);
}
.grid.grid__padding--inline {
padding-left: var(--grid-gap, 16px);
padding-right: var(--grid-gap, 16px);
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
.grid {
gap: calc(var(--grid-gap, 16px) * 1.5); /* 24px */
grid-gap: calc(var(--grid-gap, 16px) * 1.5); /* 24px */
}
}
@media only screen and (min-width: 800px) and (max-width: 904px) {
.grid {
gap: calc(var(--grid-gap, 16px) * 2); /* 32px */
grid-gap: calc(var(--grid-gap, 16px) * 2); /* 32px */
}
}
@media only screen and (min-width: 905px) and (max-width: 1239px) {
.grid {
gap: calc(var(--grid-gap, 16px) * 2.25); /* 36px */
grid-gap: calc(var(--grid-gap, 16px) * 2.25); /* 36px */
}
}
@media only screen and (min-width: 1240px) and (max-width: 1440px) {
.grid {
gap: calc(var(--grid-gap, 16px) * 2.5); /* 40px */
grid-gap: calc(var(--grid-gap, 16px) * 2.5); /* 40px */
}
}
@media only screen and (min-width: 1441px) {
.grid {
gap: calc(var(--grid-gap, 16px) * 3); /* 48px */
grid-gap: calc(var(--grid-gap, 16px) * 3); /* 48px */
}
}
@supports (container-type: inline-size) {
.grid {
container: grid/inline-size;
}
@container grid (max-width: 600px) {
.grid {
grid-template-columns: repeat(1, minmax(5px, 1fr));
}
.grid :is(.grid__col--span-1, .grid__col--span-2, .grid__col--span-3, .grid__col--span-4, .grid__col--span-5, .grid__col--span-6, .grid__col--span-7, .grid__col--span-8, .grid__col--span-9, .grid__col--span-10, .grid__col--span-11) {
grid-column-end: span 1;
}
.grid :is(.grid__col--span-1, .grid__col--span-2, .grid__col--span-3, .grid__col--span-4, .grid__col--span-5, .grid__col--span-6, .grid__col--span-7, .grid__col--span-8, .grid__col--span-9, .grid__col--span-10, .grid__col--span-11) .grid {
grid-template-columns: repeat(1, minmax(5px, 1fr));
}
}
}
} @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;
}
} .wikitable, .article-table {
border-collapse: collapse; color: rgba(var(--theme-on-background), 0.87); margin: 1em 1em 1em 0;
} .wikitable td, .wikitable th, .article-table td, .article-table th {
border-bottom: 1px solid rgba(var(--theme-on-background), 0.6); padding: 0.375rem 0.75rem;
} .wikitable th, .article-table th {
background: rgba(var(--theme-on-background), 0.05);
}
.article-table {
background-color: rgba(var(--theme-on-background), 0.08);
}
.wikitable {
background-color: rgb(var(--theme-background));
} .wikitable > * > tr > th {
background-color: rgb(var(--theme-background-secondary)); padding: 0.563rem 0;
}
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
background-image: none; padding-right: 0;
}
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after {
background-color: currentColor; content: ""; display: inline-block; height: 1em; vertical-align: middle; width: 1.25rem;
}
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after {
-webkit-mask: center/contain no-repeat url("/mw/resources/src/jquery.tablesorter.styles/images/sort_both.svg");
mask: center/contain no-repeat url("/mw/resources/src/jquery.tablesorter.styles/images/sort_both.svg");
}
.jquery-tablesorter th.headerSortDown::after {
-webkit-mask: center/contain no-repeat url("/mw/resources/src/jquery.tablesorter.styles/images/sort_down.svg");
mask: center/contain no-repeat url("/mw/resources/src/jquery.tablesorter.styles/images/sort_down.svg");
}
.jquery-tablesorter th.headerSortUp::after {
-webkit-mask: center/contain no-repeat url("/mw/resources/src/jquery.tablesorter.styles/images/sort_up.svg");
mask: center/contain no-repeat url("/mw/resources/src/jquery.tablesorter.styles/images/sort_up.svg");
}
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
background-color: rgb(var(--theme-green), 0.16);
}
.t-credits-table {
margin: auto; border-spacing: 2rem 5px;
}
.t-credits-table th, .t-shrine-table th {
text-align: center; font-size: 1.2rem; font-family: var(--font-headline); padding-top: 16px;
}
.t-credits-table td:first-of-type {
text-align: right; vertical-align: top;
}
.t-shrine-table {
margin: auto; border-spacing: 2rem 5px; text-align: center;
}
.t-shrine-table th {
font-size: 1.5rem;
}
.t-credits-table tr:first-child th, .t-shrine-table tr:first-child th {
font-size: 1.5rem; border-color: transparent; border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), white, white, white, rgba(255, 255, 255, 0)); padding-top: 10px;
}
.t-credits-table tr:first-child th:after, .t-shrine-table tr:first-child th:after {
content: "";
background: url("https://cdn.wikimg.net/en/hkwiki/images/9/96/Dialogue_Top.png") center/contain no-repeat, rgb(var(--theme-background));
aspect-ratio: 647/82;
height: 20px;
display: block;
margin: 0 auto;
position: relative;
top: 4px;
margin-bottom: -4px;
}
.t-credits-table tr:nth-child(2) > td, .t-shrine-table tr:nth-child(2) > td {
padding-top: 10px;
}
.t-credits-table td {
width: 50%;
}
.t-credits-table td, .t-shrine-table td {
font-family: var(--font-body-serif);
}
.t-credits-table, .t-shrine-table {
width: 100%;
}
.tabber__tab {
font: 400 0.875rem/1.5 var(--font-headline);
} .tabber__indicator {
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(var(--theme-on-background)), rgba(255, 255, 255, 0)) 47% 0%; border-radius: 0; margin-top: -0.0625rem; block-size: 0.0625rem; inline-size: 0;
} .tabber__header {
box-shadow: inset 0 -0.0625rem 0 0 rgba(var(--theme-on-background), 0.24);
} .tabber__panel {
overflow-x: hidden;
}
.mw-parser-output a:not(.mw-selflink).tabber__tab[aria-selected], .mw-parser-output a:not(.mw-selflink).tabber__tab[aria-selected]:is(:hover, :focus, :visited) {
color: rgb(var(--theme-on-background)); text-shadow: none;
} .mw-parser-output a:not(.mw-selflink).tabber__tab[aria-selected=false] {
color: var(--theme-secondary);
} .mw-parser-output a:not(.mw-selflink).tabber__tab[aria-selected]:is(:hover, :focus, :visited) {
text-shadow: 0 0 0.5em currentColor;
} .mw-parser-output a:not(.mw-selflink).tabber__tab[aria-selected=false] {
color: var(--theme-secondary);
}
.t-tabs-container {
float: right; clear: right; border: 1px solid #d6d3d1; text-align: center; padding: 0.5em; margin: 0.5em 0 0.5em 1.4em;
}
.t-tabs-title {
font-weight: 800; font-size: 1.1em;
}
.tabheader {
display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5em; margin: 0.5em;
}
.tabheader .tab {
background-color: rgba(255, 255, 255, 0.08); border: 1px solid #d6d3d1; border-radius: 0.375em; cursor: pointer; font-weight: 500; padding: 0.5em; white-space: nowrap;
}
.tabheader .tab:hover {
background-color: rgba(255, 255, 255, 0.16);
}
.tabheader .tab.active {
background-color: rgba(255, 255, 255, 0.24);
}
.tabcontents > .content {
display: none;
}
.tabcontents > .content--active {
display: block;
}
/*** 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-accent), 0.08); border: 1px solid rgba(var(--theme-accent), 0.12); padding: 7px 8px 6px;
}
.mw-collapsible-toggle:hover, .mw-parser-output > .collapsible-section .mw-collapsible-toggle:hover {
background-color: rgba(var(--theme-accent), 0.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-accent), 0.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-accent); text-shadow: 0 0 5px var(--theme-accent);
}
/**** Adds image element. ****/ .mw-collapsible-toggle::before {
background: center center/1.5rem no-repeat; content: ""; display: inline-block; filter: drop-shadow(0 0 0.5rem transparent); height: 1.5rem; margin-right: 0.5em; transform: translateY(1px); vertical-align: sub; width: 1.5rem; transition: filter 0.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(--font-headline); color: var(--theme-on-background);
} .mw-collapsible-toggle .mw-collapsible-text:hover {
text-decoration: none;
}
.mw-collapsible-toggle-default:active .mw-collapsible-text {
color: var(--theme-on-background);
}
/**** Arrow images' styles. ****/ .mw-collapsible-toggle:is(:hover,
- focus)::before {
filter: drop-shadow(0 0 0.5rem var(--theme-accent));
}
.mw-collapsible-toggle-collapsed::before {
background: transparent no-repeat center;
}
.mw-collapsible-toggle-expanded::before {
background: transparent no-repeat center;
}
/***** Dark theme. *****/ .mw-collapsible-toggle-collapsed::before, .mw-collapsible-toggle-default::before {
background-image: url("https://cdn.wikimg.net/en/hkwiki/images/2/20/Expandarrow.png");
}
.mw-collapsible-toggle-expanded::before {
background-image: url("https://cdn.wikimg.net/en/hkwiki/images/7/70/Collapsearrow.png");
}
.mw-collapsible-toggle-collapsed::before, .mw-collapsible-toggle-expanded::before {
background-size: 1.5rem; display: inline-block; margin-right: 0.375rem;
}
input::selection, textarea::selection, .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
background-color: var(--theme-primary); color: var(--theme-primary--inverse);
}
.wikiEditor-ui .wikiEditor-ui-view {
border-color: rgba(var(--theme-on-background), 0.36);
}
.wikiEditor-ui-toolbar {
background-color: rgb(var(--theme-background-secondary));
} .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group, .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .page-characters div span:hover {
border-color: rgba(var(--theme-on-background), 0.36);
} .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: rgb(var(--theme-on-background));
} .wikiEditor-ui-toolbar .tabs span.tab a {
color: rgb(var(--theme-accent));
} .wikiEditor-ui-toolbar .group .tool-select .label::after {
background-color: currentColor; -webkit-mask: url(/mw/extensions/WikiEditor/modules/images/toolbar/arrow-down.svg?4c840) center no-repeat; mask: url(/mw/extensions/WikiEditor/modules/images/toolbar/arrow-down.svg?4c840) center no-repeat;
} .wikiEditor-ui-toolbar .page-characters div span {
color: rgba(var(--theme-on-background), 0.87);
} .wikiEditor-ui-toolbar .booklet > .index > .current, .wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: rgba(var(--theme-on-background), 0.24); color: rgb(var(--theme-on-background));
} .wikiEditor-ui-toolbar .booklet > .index > :hover {
background-color: rgba(var(--theme-on-background), 0.12);
} .wikiEditor-ui-toolbar .page-table th {
color: rgb(var(--theme-on-background));
} .wikiEditor-ui-toolbar .page-table td {
border-color: rgba(var(--theme-on-background), 0.36); color: rgba(var(--theme-on-background), 0.87);
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
opacity: 1;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: rgb(var(--theme-on-background));
} .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
background: rgb(var(--theme-on-background));
}
.wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after {
background: rgb(var(--theme-on-background));
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill-rule='evenodd' d='M11.707 3.293a.999.999 0 0 0-1.414 0L6 7.586 1.707 3.293A.999.999 0 1 0 .293 4.707l5 5a.997.997 0 0 0 1.414 0l5-5a.999.999 0 0 0 0-1.414'/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill-rule='evenodd' d='M11.707 3.293a.999.999 0 0 0-1.414 0L6 7.586 1.707 3.293A.999.999 0 1 0 .293 4.707l5 5a.997.997 0 0 0 1.414 0l5-5a.999.999 0 0 0 0-1.414'/%3E%3C/svg%3E") no-repeat center;
opacity: 0.6;
width: 12px;
}
.CodeMirror {
background-color: transparent;
}
.CodeMirror-linenumber, .CodeMirror-gutters {
background-color: rgb(var(--theme-background-secondary)); color: rgba(var(--theme-on-background), 0.6);
}
.CodeMirror pre.CodeMirror-line {
color: rgba(var(--theme-on-background), 0.87);
}
.editOptions {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-on-background), 0.36); color: rgba(var(--theme-on-background), 0.87);
}
- is(.cm-mw-template-ext-link-ground,
.cm-mw-template-ext2-link-ground, .cm-mw-template-ext3-link-ground, .cm-mw-template-link-ground, .cm-mw-template-ext-ground, .cm-mw-template-ext2-ground, .cm-mw-template-ext3-ground, .cm-mw-template-ground):is(.cm-mw-template-bracket, .cm-mw-template-name, .cm-mw-template-delimiter, .cm-mw-template) {
/* template-t1 */ color: #d8f3dc;
}
- is(.cm-mw-template2-ext-link-ground,
.cm-mw-template2-ext2-link-ground, .cm-mw-template2-ext3-link-ground, .cm-mw-template2-link-ground, .cm-mw-template2-ext-ground, .cm-mw-template2-ext2-ground, .cm-mw-template2-ext3-ground, .cm-mw-template2-ground):is(.cm-mw-template-bracket, .cm-mw-template-name, .cm-mw-template-delimiter, .cm-mw-template) {
/* template-t2 */ color: #95d5b2;
}
- is(.cm-mw-template3-ext-link-ground,
.cm-mw-template3-ext2-link-ground, .cm-mw-template3-ext3-link-ground, .cm-mw-template3-link-ground, .cm-mw-template3-ext-ground, .cm-mw-template3-ext2-ground, .cm-mw-template3-ext3-ground, .cm-mw-template3-ground):is(.cm-mw-template-bracket, .cm-mw-template-name, .cm-mw-template-delimiter, .cm-mw-template) {
/* template-t3 */ color: #52b788;
}
.CodeMirror-line .cm-mw-template-argument-name {
/* template-param */ color: #e6f5a6;
}
.CodeMirror-line :is(.cm-mw-templatevariable-bracket, .cm-mw-templatevariable-name, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable) {
/* parameter */ color: #ff8969;
}
.CodeMirror-line :is(.cm-mw-extlink-bracket, .cm-mw-link-bracket, .cm-mw-link-delimiter) {
/* link */ color: #d4b170;
}
.CodeMirror-line :is(.cm-mw-extlink-protocol, .cm-mw-extlink, .cm-mw-free-extlink-protocol, .cm-mw-free-extlink, .cm-mw-link-pagename, .cm-mw-link, .cm-mw-link-tosection) {
/* link-target */ color: #decaa4;
}
.CodeMirror-line :is(.cm-mw-extlink-text, .cm-mw-link-text) {
/* link-text */ color: #decaa4;
}
.CodeMirror-line :is(.cm-mw-parserfunction-bracket, .cm-mw-parserfunction-name, .cm-mw-parserfunction-delimiter) {
/* parser-func */ color: #d48aff;
}
.CodeMirror-line :is(.cm-mw-htmltag-bracket, .cm-mw-htmltag-name, .cm-mw-exttag-bracket, .cm-mw-exttag-name) {
/* tag */ color: #42b9f0;
}
.CodeMirror-line :is(.cm-mw-htmltag-attribute, .cm-mw-exttag-attribute) {
/* tag-attr */ color: #a1dcf7;
}
.CodeMirror-line .cm-mw-mnemonic {
/* entity */ color: #42b9f0;
}
.CodeMirror-line .cm-mw-comment {
/* comment */ color: #84a0a0;
}
.CodeMirror-line :is(.cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header, .cm-mw-hr, .cm-mw-signature, .cm-mw-list, .cm-mw-indenting, .cm-mw-doubleUnderscore) {
/* markup */ color: #0088ff;
}
.CodeMirror-line :is(.cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter) {
/* table */ color: #e5ed9f;
}
.cm-mw-matchingbracket {
background-color: rgba(var(--theme-on-background), 0.3); box-shadow: inset 0 0 1px 1px rgba(var(--theme-on-background), 0.6);
}
.cm-mw-skipformatting {
background-color: rgba(var(--theme-on-background), 0.3);
}
.oo-ui-icon-bold, .mw-ui-icon-bold::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22bold-small%22 d=%22M9.5 15H6v-5h3.5c1.378 0 2.5 1.121 2.5 2.5S10.878 15 9.5 15zM6 4h2c1.103 0 2 .896 2 2s-.897 2-2 2H6V4zm5.236 4.349C11.716 7.688 12 6.877 12 6c0-2.205-1.794-4-4-4H5a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h4.5c2.481 0 4.5-2.019 4.5-4.5a4.506 4.506 0 0 0-2.764-4.151z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23bold-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22bold-small%22 d=%22M9.5 15H6v-5h3.5c1.378 0 2.5 1.121 2.5 2.5S10.878 15 9.5 15zM6 4h2c1.103 0 2 .896 2 2s-.897 2-2 2H6V4zm5.236 4.349C11.716 7.688 12 6.877 12 6c0-2.205-1.794-4-4-4H5a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h4.5c2.481 0 4.5-2.019 4.5-4.5a4.506 4.506 0 0 0-2.764-4.151z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23bold-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-italic, .mw-ui-icon-italic::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22italics-small%22 d=%22M7.1 17H4a1 1 0 1 1 0-2h2.432l4.552-11H9a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2h-1.851L8.597 15H11a1 1 0 1 1 0 2H7.1z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23italics-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22italics-small%22 d=%22M7.1 17H4a1 1 0 1 1 0-2h2.432l4.552-11H9a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2h-1.851L8.597 15H11a1 1 0 1 1 0 2H7.1z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23italics-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-link, .mw-ui-icon-link::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22link-small%22 d=%22M9.605 6.98a.999.999 0 0 1 1.414 0 5.183 5.183 0 0 1 0 7.322l-1.181 1.181A5.148 5.148 0 0 1 6.177 17a5.144 5.144 0 0 1-3.66-1.517A5.142 5.142 0 0 1 1 11.823a5.14 5.14 0 0 1 1.517-3.66.999.999 0 1 1 1.414 1.413A3.155 3.155 0 0 0 3 11.822c0 .85.331 1.647.931 2.248 1.2 1.2 3.293 1.2 4.493 0l1.181-1.181a3.181 3.181 0 0 0 0-4.494.999.999 0 0 1 0-1.414zm5.89-4.476A5.104 5.104 0 0 1 17 6.134a5.103 5.103 0 0 1-1.504 3.633 1 1 0 0 1-1.414-1.414c.592-.593.918-1.38.918-2.218 0-.837-.326-1.624-.918-2.217-1.185-1.184-3.25-1.184-4.434 0l-1.17 1.17a3.114 3.114 0 0 0-.918 2.217c0 .838.326 1.625.918 2.217a.999.999 0 1 1-1.414 1.414A5.099 5.099 0 0 1 5.56 7.305c0-1.371.534-2.661 1.504-3.631l1.17-1.17A5.102 5.102 0 0 1 11.864 1a5.1 5.1 0 0 1 3.632 1.504z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23link-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22link-small%22 d=%22M9.605 6.98a.999.999 0 0 1 1.414 0 5.183 5.183 0 0 1 0 7.322l-1.181 1.181A5.148 5.148 0 0 1 6.177 17a5.144 5.144 0 0 1-3.66-1.517A5.142 5.142 0 0 1 1 11.823a5.14 5.14 0 0 1 1.517-3.66.999.999 0 1 1 1.414 1.413A3.155 3.155 0 0 0 3 11.822c0 .85.331 1.647.931 2.248 1.2 1.2 3.293 1.2 4.493 0l1.181-1.181a3.181 3.181 0 0 0 0-4.494.999.999 0 0 1 0-1.414zm5.89-4.476A5.104 5.104 0 0 1 17 6.134a5.103 5.103 0 0 1-1.504 3.633 1 1 0 0 1-1.414-1.414c.592-.593.918-1.38.918-2.218 0-.837-.326-1.624-.918-2.217-1.185-1.184-3.25-1.184-4.434 0l-1.17 1.17a3.114 3.114 0 0 0-.918 2.217c0 .838.326 1.625.918 2.217a.999.999 0 1 1-1.414 1.414A5.099 5.099 0 0 1 5.56 7.305c0-1.371.534-2.661 1.504-3.631l1.17-1.17A5.102 5.102 0 0 1 11.864 1a5.1 5.1 0 0 1 3.632 1.504z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23link-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-image, .mw-ui-icon-image::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22image-small%22 d=%22M2.778 15.222v-4.61l2.666-2.666 4.35 4.35a.915.915 0 0 0 1.257 0l2.216-2.217 1.955 1.956v3.187H2.778zM15.222 2.778V9.52l-1.327-1.327a.915.915 0 0 0-1.257 0l-2.216 2.216-4.35-4.35a.915.915 0 0 0-1.256 0L2.778 8.1V2.778h12.444zM16.112 1H1.888A.89.89 0 0 0 1 1.889V16.11c0 .492.398.889.889.889H16.11c.49 0 .889-.397.889-.889V1.89a.89.89 0 0 0-.888-.89zm-5.779 6.222a1.333 1.333 0 1 0 0-2.666 1.333 1.333 0 0 0 0 2.666z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23image-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22image-small%22 d=%22M2.778 15.222v-4.61l2.666-2.666 4.35 4.35a.915.915 0 0 0 1.257 0l2.216-2.217 1.955 1.956v3.187H2.778zM15.222 2.778V9.52l-1.327-1.327a.915.915 0 0 0-1.257 0l-2.216 2.216-4.35-4.35a.915.915 0 0 0-1.256 0L2.778 8.1V2.778h12.444zM16.112 1H1.888A.89.89 0 0 0 1 1.889V16.11c0 .492.398.889.889.889H16.11c.49 0 .889-.397.889-.889V1.89a.89.89 0 0 0-.888-.89zm-5.779 6.222a1.333 1.333 0 1 0 0-2.666 1.333 1.333 0 0 0 0 2.666z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23image-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-reference, .mw-ui-icon-reference::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E reference %3C/title%3E%3Cpath d=%22m15 10-2.78-2.78L9.44 10V1H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E reference %3C/title%3E%3Cpath d=%22m15 10-2.78-2.78L9.44 10V1H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-highlight, .mw-ui-icon-highlight::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E highlight %3C/title%3E%3Cpath d=%22M15.14 2.27a1 1 0 0 0-1.41 0l-10 10a1 1 0 0 0 0 1.41L4 14l-3 4h5l1-1 .29.29a1 1 0 0 0 1.41 0l10-10a1 1 0 0 0 .03-1.43zM7 15l-2-2 9-9 2 2z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E highlight %3C/title%3E%3Cpath d=%22M15.14 2.27a1 1 0 0 0-1.41 0l-10 10a1 1 0 0 0 0 1.41L4 14l-3 4h5l1-1 .29.29a1 1 0 0 0 1.41 0l10-10a1 1 0 0 0 .03-1.43zM7 15l-2-2 9-9 2 2z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-listBullet, .mw-ui-icon-listBullet::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22bulleted-list-small%22 d=%22M16 14a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2h10zm0-6a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2h10zM6 4a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2H6zM2.38 14.08c.12.05.229.12.33.21.18.19.29.45.29.71 0 .26-.11.52-.29.71-.101.09-.21.16-.33.21-.12.05-.25.08-.38.08-.26 0-.52-.11-.71-.29A1.049 1.049 0 0 1 1 15c0-.26.109-.52.29-.71a.998.998 0 0 1 1.09-.21zm0-6c.12.05.229.12.33.21.18.19.29.45.29.71 0 .07-.01.13-.02.2a.631.631 0 0 1-.06.18.568.568 0 0 1-.09.17c-.04.06-.08.11-.12.16-.101.09-.21.16-.33.21-.12.05-.25.08-.38.08-.26 0-.52-.11-.71-.29-.04-.05-.09-.1-.12-.16a.568.568 0 0 1-.09-.17.631.631 0 0 1-.06-.18C1.01 9.13 1 9.07 1 9c0-.26.109-.52.29-.71a.998.998 0 0 1 1.09-.21zm0-6c.12.05.229.12.33.21.18.19.29.45.29.71 0 .26-.11.52-.29.71-.101.09-.21.16-.33.21-.12.05-.25.08-.38.08-.26 0-.52-.11-.71-.29A1.049 1.049 0 0 1 1 3c0-.26.109-.52.29-.71.279-.28.73-.37 1.09-.21z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23bulleted-list-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22bulleted-list-small%22 d=%22M16 14a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2h10zm0-6a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2h10zM6 4a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2H6zM2.38 14.08c.12.05.229.12.33.21.18.19.29.45.29.71 0 .26-.11.52-.29.71-.101.09-.21.16-.33.21-.12.05-.25.08-.38.08-.26 0-.52-.11-.71-.29A1.049 1.049 0 0 1 1 15c0-.26.109-.52.29-.71a.998.998 0 0 1 1.09-.21zm0-6c.12.05.229.12.33.21.18.19.29.45.29.71 0 .07-.01.13-.02.2a.631.631 0 0 1-.06.18.568.568 0 0 1-.09.17c-.04.06-.08.11-.12.16-.101.09-.21.16-.33.21-.12.05-.25.08-.38.08-.26 0-.52-.11-.71-.29-.04-.05-.09-.1-.12-.16a.568.568 0 0 1-.09-.17.631.631 0 0 1-.06-.18C1.01 9.13 1 9.07 1 9c0-.26.109-.52.29-.71a.998.998 0 0 1 1.09-.21zm0-6c.12.05.229.12.33.21.18.19.29.45.29.71 0 .26-.11.52-.29.71-.101.09-.21.16-.33.21-.12.05-.25.08-.38.08-.26 0-.52-.11-.71-.29A1.049 1.049 0 0 1 1 3c0-.26.109-.52.29-.71.279-.28.73-.37 1.09-.21z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23bulleted-list-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-listNumbered, .mw-ui-icon-listNumbered::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22numbered-list-small%22 d=%22M3.688 15a.5.5 0 0 1 0 1H1.5a.5.5 0 0 1-.5-.5c0-1.207.635-1.842 1.147-2.354.477-.476.854-.853.854-1.646a.5.5 0 0 0-1 0A.5.5 0 0 1 1 11.5c0-.826.673-1.5 1.5-1.5.828 0 1.5.674 1.5 1.5 0 1.207-.635 1.844-1.147 2.354-.364.365-.67.67-.794 1.147h1.628zM1.853 3.854a.5.5 0 0 1-.706-.707l1-1A.5.5 0 1 1 3 2.5v5a.499.499 0 1 1-1 0V3.708l-.147.146zM7 4a1 1 0 1 1 0-2h9a1 1 0 1 1 0 2H7zm9 4a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h9zm0 6a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h9z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23numbered-list-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22numbered-list-small%22 d=%22M3.688 15a.5.5 0 0 1 0 1H1.5a.5.5 0 0 1-.5-.5c0-1.207.635-1.842 1.147-2.354.477-.476.854-.853.854-1.646a.5.5 0 0 0-1 0A.5.5 0 0 1 1 11.5c0-.826.673-1.5 1.5-1.5.828 0 1.5.674 1.5 1.5 0 1.207-.635 1.844-1.147 2.354-.364.365-.67.67-.794 1.147h1.628zM1.853 3.854a.5.5 0 0 1-.706-.707l1-1A.5.5 0 1 1 3 2.5v5a.499.499 0 1 1-1 0V3.708l-.147.146zM7 4a1 1 0 1 1 0-2h9a1 1 0 1 1 0 2H7zm9 4a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h9zm0 6a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h9z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23numbered-list-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-noWikiText, .mw-ui-icon-noWikiText::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E no WikiText %3C/title%3E%3Cpath d=%22M16 3v2h1v10l2 2V3zM9 5V3H5l2 2zM1 1 0 2l1 1v14h3v-2H3V5l2 2v10h4v-2H7V9l6 6h-2v2h4l3 3 1-1zm12 10 2 2V3h-4v2h2z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E no WikiText %3C/title%3E%3Cpath d=%22M16 3v2h1v10l2 2V3zM9 5V3H5l2 2zM1 1 0 2l1 1v14h3v-2H3V5l2 2v10h4v-2H7V9l6 6h-2v2h4l3 3 1-1zm12 10 2 2V3h-4v2h2z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-newline, .mw-ui-icon-newline::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E newline %3C/title%3E%3Cpath d=%22M17 4v6H7V6l-6 5 6 5v-4h12V4z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E newline %3C/title%3E%3Cpath d=%22M17 4v6H7V6l-6 5 6 5v-4h12V4z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-bigger, .mw-ui-icon-bigger::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E bigger %3C/title%3E%3Cpath d=%22M14 18h-1.57a.66.66 0 0 1-.44-.13.87.87 0 0 1-.25-.34l-1-2.77H5.3l-1 2.77a.83.83 0 0 1-.24.32.65.65 0 0 1-.44.15H2L7 5.47h2zm-3.85-4.7L8.42 8.72A12.66 12.66 0 0 1 8 7.37q-.1.41-.21.75t-.21.6L5.85 13.3zM15 2l3 4h-6z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E bigger %3C/title%3E%3Cpath d=%22M14 18h-1.57a.66.66 0 0 1-.44-.13.87.87 0 0 1-.25-.34l-1-2.77H5.3l-1 2.77a.83.83 0 0 1-.24.32.65.65 0 0 1-.44.15H2L7 5.47h2zm-3.85-4.7L8.42 8.72A12.66 12.66 0 0 1 8 7.37q-.1.41-.21.75t-.21.6L5.85 13.3zM15 2l3 4h-6z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-smaller, .mw-ui-icon-smaller::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E smaller %3C/title%3E%3Cpath d=%22M12 16h-1.05a.44.44 0 0 1-.29-.09.58.58 0 0 1-.17-.22l-.7-1.84H6.2l-.7 1.84a.56.56 0 0 1-.16.21.43.43 0 0 1-.29.1H4l3.31-8.35h1.38zm-2.57-3.13L8.28 9.82a8.5 8.5 0 0 1-.28-.9q-.06.27-.14.5l-.14.4-1.15 3zM15 6l3-4h-6z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E smaller %3C/title%3E%3Cpath d=%22M12 16h-1.05a.44.44 0 0 1-.29-.09.58.58 0 0 1-.17-.22l-.7-1.84H6.2l-.7 1.84a.56.56 0 0 1-.16.21.43.43 0 0 1-.29.1H4l3.31-8.35h1.38zm-2.57-3.13L8.28 9.82a8.5 8.5 0 0 1-.28-.9q-.06.27-.14.5l-.14.4-1.15 3zM15 6l3-4h-6z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-superscript, .mw-ui-icon-superscript::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E superscript %3C/title%3E%3Cpath d=%22M18 1V0h-.5a1.49 1.49 0 0 0-1 .39 1.49 1.49 0 0 0-1-.39H15v1h.5a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5H15v1h.5a1.49 1.49 0 0 0 1-.39 1.49 1.49 0 0 0 1 .39h.5V8h-.5a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5zm-4.32 15h-2.42a.67.67 0 0 1-.46-.15 1.33 1.33 0 0 1-.28-.34l-2.77-4.44a2.65 2.65 0 0 1-.28.69L5 15.51a2.22 2.22 0 0 1-.29.34.58.58 0 0 1-.42.15H2l4.15-6.19L2.17 4h2.42a.81.81 0 0 1 .41.09.8.8 0 0 1 .24.26L8 8.59a2.71 2.71 0 0 1 .33-.74L10.6 4.4a.69.69 0 0 1 .6-.4h2.32l-4 5.71z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E superscript %3C/title%3E%3Cpath d=%22M18 1V0h-.5a1.49 1.49 0 0 0-1 .39 1.49 1.49 0 0 0-1-.39H15v1h.5a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5H15v1h.5a1.49 1.49 0 0 0 1-.39 1.49 1.49 0 0 0 1 .39h.5V8h-.5a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5zm-4.32 15h-2.42a.67.67 0 0 1-.46-.15 1.33 1.33 0 0 1-.28-.34l-2.77-4.44a2.65 2.65 0 0 1-.28.69L5 15.51a2.22 2.22 0 0 1-.29.34.58.58 0 0 1-.42.15H2l4.15-6.19L2.17 4h2.42a.81.81 0 0 1 .41.09.8.8 0 0 1 .24.26L8 8.59a2.71 2.71 0 0 1 .33-.74L10.6 4.4a.69.69 0 0 1 .6-.4h2.32l-4 5.71z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-subscript, .mw-ui-icon-subscript::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E subscript %3C/title%3E%3Cpath d=%22M13.68 16h-2.42a.67.67 0 0 1-.46-.15 1.33 1.33 0 0 1-.28-.34l-2.77-4.44a2.65 2.65 0 0 1-.28.69L5 15.51a2.22 2.22 0 0 1-.29.34.58.58 0 0 1-.42.15H2l4.15-6.19L2.17 4h2.42a.81.81 0 0 1 .41.09.8.8 0 0 1 .24.26L8 8.59a2.71 2.71 0 0 1 .33-.74L10.6 4.4a.69.69 0 0 1 .6-.4h2.32l-4 5.71zm3.82-4h.5v-1h-.5a1.49 1.49 0 0 0-1 .39 1.49 1.49 0 0 0-1-.39H15v1h.5a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5H15v1h.5a1.49 1.49 0 0 0 1-.39 1.49 1.49 0 0 0 1 .39h.5v-1h-.5a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E subscript %3C/title%3E%3Cpath d=%22M13.68 16h-2.42a.67.67 0 0 1-.46-.15 1.33 1.33 0 0 1-.28-.34l-2.77-4.44a2.65 2.65 0 0 1-.28.69L5 15.51a2.22 2.22 0 0 1-.29.34.58.58 0 0 1-.42.15H2l4.15-6.19L2.17 4h2.42a.81.81 0 0 1 .41.09.8.8 0 0 1 .24.26L8 8.59a2.71 2.71 0 0 1 .33-.74L10.6 4.4a.69.69 0 0 1 .6-.4h2.32l-4 5.71zm3.82-4h.5v-1h-.5a1.49 1.49 0 0 0-1 .39 1.49 1.49 0 0 0-1-.39H15v1h.5a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5H15v1h.5a1.49 1.49 0 0 0 1-.39 1.49 1.49 0 0 0 1 .39h.5v-1h-.5a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22images-small%22 d=%22M11 15h-.586L3 7.586V7h8v8zm-8 0v-4.586L7.586 15H3zm9-10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h10zm4-4a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V3H6a1 1 0 1 1 0-2h10z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23images-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22%3E%3Cdefs%3E%3Cpath id=%22images-small%22 d=%22M11 15h-.586L3 7.586V7h8v8zm-8 0v-4.586L7.586 15H3zm9-10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h10zm4-4a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V3H6a1 1 0 1 1 0-2h10z%22/%3E%3C/defs%3E%3Cuse xlink:href=%22%23images-small%22 fill-rule=%22evenodd%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-articleRedirect, .mw-ui-icon-articleRedirect::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E article redirect %3C/title%3E%3Cpath d=%22M5 1a2 2 0 0 0-2 2v1c0 5 2 8 7 8V9l5 4-5 4v-3c-3.18 0-5.51-.85-7-2.68V17a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E article redirect %3C/title%3E%3Cpath d=%22M5 1a2 2 0 0 0-2 2v1c0 5 2 8 7 8V9l5 4-5 4v-3c-3.18 0-5.51-.85-7-2.68V17a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-table, .mw-ui-icon-table::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E table %3C/title%3E%3Cpath d=%22M2 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0 4h7v4H2zm0 10v-4h7v4zm16 0h-7v-4h7zm0-6h-7V6h7z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E table %3C/title%3E%3Cpath d=%22M2 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0 4h7v4H2zm0 10v-4h7v4zm16 0h-7v-4h7zm0-6h-7V6h7z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-articleSearch, .mw-ui-icon-articleSearch::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 18 18%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M11.563 11.504l-.03.029-.03.031A4.984 4.984 0 0 1 8 13c-2.757 0-5-2.243-5-5s2.243-5 5-5c2.756 0 5 2.243 5 5a4.983 4.983 0 0 1-1.437 3.504m5.144 3.789l-3.103-3.103A6.963 6.963 0 0 0 15 8c0-3.859-3.141-7-7-7-3.86 0-7 3.141-7 7s3.14 7 7 7a6.956 6.956 0 0 0 4.189-1.396l3.103 3.103a1.001 1.001 0 0 0 1.415-1.414%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 18 18%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M11.563 11.504l-.03.029-.03.031A4.984 4.984 0 0 1 8 13c-2.757 0-5-2.243-5-5s2.243-5 5-5c2.756 0 5 2.243 5 5a4.983 4.983 0 0 1-1.437 3.504m5.144 3.789l-3.103-3.103A6.963 6.963 0 0 0 15 8c0-3.859-3.141-7-7-7-3.86 0-7 3.141-7 7s3.14 7 7 7a6.956 6.956 0 0 0 4.189-1.396l3.103 3.103a1.001 1.001 0 0 0 1.415-1.414%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-image-progressive.oo-ui-icon-markup, .mw-ui-icon-markup-progressive::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E markup %3C/title%3E%3Cpath d=%22M6.5 3.5 0 10l1.5 1.5 5 5L8 15l-5-5 5-5zm7 0L12 5l5 5-5 5 1.5 1.5L20 10z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E markup %3C/title%3E%3Cpath d=%22M6.5 3.5 0 10l1.5 1.5 5 5L8 15l-5-5 5-5zm7 0L12 5l5 5-5 5 1.5 1.5L20 10z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-indent, .mw-ui-icon-indent::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E indent %3C/title%3E%3Cpath d=%22M1 16h18v2H1zm8-9h10v2H9zm0 4h10v2H9zM1 2h18v2H1zm5 8-5 4V6z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E indent %3C/title%3E%3Cpath d=%22M1 16h18v2H1zm8-9h10v2H9zm0 4h10v2H9zM1 2h18v2H1zm5 8-5 4V6z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-outdent, .mw-ui-icon-outdent::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E outdent %3C/title%3E%3Cpath d=%22M1 16h18v2H1zm8-9h10v2H9zm0 4h10v2H9zM1 2h18v2H1zm0 8 5 4V6z%22/%3E%3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E outdent %3C/title%3E%3Cpath d=%22M1 16h18v2H1zm8-9h10v2H9zm0 4h10v2H9zM1 2h18v2H1zm0 8 5 4V6z%22/%3E%3C/svg%3E") no-repeat center;
}
.oo-ui-icon-pilcrow, .mw-ui-icon-pilcrow::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E pilcrow %3C/title%3E %3Cpath d=%22m 7.388022%2C2 h 9.278109 v 2 h -2 V 18 H 12.666277 V 4.0001848 H 9.333065 V 18 H 7.333138 V 9.990386 C 5.7072798%2C9.883573 4.2194862%2C9.482099 3.3271547%2C8.787866 2.4423848%2C8.087294 2%2C7.156403 2%2C5.9949814 2%2C4.7959481 2.4915387%2C3.8302979 3.4746161%2C3.0981365 4.4576935%2C2.365975 5.7621616%2C2 7.388022%2C2 Z%22 /%3E %3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E pilcrow %3C/title%3E %3Cpath d=%22m 7.388022%2C2 h 9.278109 v 2 h -2 V 18 H 12.666277 V 4.0001848 H 9.333065 V 18 H 7.333138 V 9.990386 C 5.7072798%2C9.883573 4.2194862%2C9.482099 3.3271547%2C8.787866 2.4423848%2C8.087294 2%2C7.156403 2%2C5.9949814 2%2C4.7959481 2.4915387%2C3.8302979 3.4746161%2C3.0981365 4.4576935%2C2.365975 5.7621616%2C2 7.388022%2C2 Z%22 /%3E %3C/svg%3E") no-repeat center;
}
.oo-ui-icon-wrapping, .mw-ui-icon-wrapping::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E wrapping %3C/title%3E %3Cpath d=%22m 1%2C5 v 2 h 14 c 1.125297%2C0 2%2C0.8747028 2%2C2 0%2C1.125297 -0.874703%2C2 -2%2C2 H 14 V 9 l -3%2C3 3%2C3 v -2 h 1 c 2.198703%2C0 4%2C-1.801297 4%2C-4 0%2C-2.1987028 -1.801297%2C-4 -4%2C-4 z%22 /%3E %3Cpath d=%22m 1%2C13 h 8 v 2 H 1 Z%22 /%3E %3Cpath d=%22m 1%2C9 h 8 v 2 H 1 Z%22 /%3E %3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E wrapping %3C/title%3E %3Cpath d=%22m 1%2C5 v 2 h 14 c 1.125297%2C0 2%2C0.8747028 2%2C2 0%2C1.125297 -0.874703%2C2 -2%2C2 H 14 V 9 l -3%2C3 3%2C3 v -2 h 1 c 2.198703%2C0 4%2C-1.801297 4%2C-4 0%2C-2.1987028 -1.801297%2C-4 -4%2C-4 z%22 /%3E %3Cpath d=%22m 1%2C13 h 8 v 2 H 1 Z%22 /%3E %3Cpath d=%22m 1%2C9 h 8 v 2 H 1 Z%22 /%3E %3C/svg%3E") no-repeat center;
}
.oo-ui-icon-gotoLine, .mw-ui-icon-gotoline::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E go to line %3C/title%3E %3Cpath d=%22M 2%2C6 H 3 V 1 H 1 v 1 h 1 z m -1%2C9 h 2 v 1 H 2 v 1 h 1 v 1 H 1 v 1 H 4 V 14 H 1 Z M 3.5%2C8 H 1 v 1 h 2 v 1 H 1.5 C 1.2238576%2C10 1%2C10.223858 1%2C10.5 V 13 H 4 V 12 H 2 V 11 H 3.5 C 3.7761424%2C11 4%2C10.776142 4%2C10.5 v -2 C 4%2C8.2238576 3.7761424%2C8 3.5%2C8 Z%22 /%3E %3Cpath d=%22M 10%2C7.5 6%2C10 10%2C12.5 V 11 h 9 V 9 h -9 z%22 /%3E %3C/svg%3E") no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E go to line %3C/title%3E %3Cpath d=%22M 2%2C6 H 3 V 1 H 1 v 1 h 1 z m -1%2C9 h 2 v 1 H 2 v 1 h 1 v 1 H 1 v 1 H 4 V 14 H 1 Z M 3.5%2C8 H 1 v 1 h 2 v 1 H 1.5 C 1.2238576%2C10 1%2C10.223858 1%2C10.5 V 13 H 4 V 12 H 2 V 11 H 3.5 C 3.7761424%2C11 4%2C10.776142 4%2C10.5 v -2 C 4%2C8.2238576 3.7761424%2C8 3.5%2C8 Z%22 /%3E %3Cpath d=%22M 10%2C7.5 6%2C10 10%2C12.5 V 11 h 9 V 9 h -9 z%22 /%3E %3C/svg%3E") no-repeat center;
}
.ui-widget-overlay {
background-color: rgba(0, 0, 0, 0.4);
}
.ui-dialog {
border-color: rgba(var(--theme-border), 0);
}
.ui-widget-content {
border-color: rgb(var(--theme-border), 0.16); background: rgb(var(--theme-background-secondary)); color: rgb(var(--theme-on-background));
}
body .ui-dialog .ui-widget-header {
background: none !important; border-color: transparent; color: rgb(var(--theme-on-background));
}
body .ui-dialog .ui-icon-closethick {
background: rgb(var(--theme-on-background)) !important;
-webkit-mask: 50% 50% no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAP0lEQVR4AWMAgv9AvBmIef///88AwiA2VAzM8YUy9oMkoHg/VMwXqhqhCE2SF24kQhFCEiRHUAFBKwg6kqA3ATsBNQnCUV+1AAAAAElFTkSuQmCC");
mask: 50% 50% no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAP0lEQVR4AWMAgv9AvBmIef///88AwiA2VAzM8YUy9oMkoHg/VMwXqhqhCE2SF24kQhFCEiRHUAFBKwg6kqA3ATsBNQnCUV+1AAAAAElFTkSuQmCC");
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border-color: transparent; background: rgba(var(--theme-on-background), 0.08); color: rgb(var(--theme-on-background));
}
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget {
color: var(--theme-secondary);
}
.oo-ui-icon-articleNotFound, .mw-ui-icon-articleNotFound::before {
background: none;
background-color: currentColor;
-webkit-mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E article not found %3C/title%3E%3Cpath d=%22M15 1H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm-4 15H9v-2h2zm2.7-7.6a4.88 4.88 0 0 1-.3.7 2.65 2.65 0 0 1-.5.6l-.5.5a2.65 2.65 0 0 1-.6.5c-.2.2-.3.4-.5.6a1.91 1.91 0 0 0-.3.8 3.4 3.4 0 0 0-.1 1H9.1a4.87 4.87 0 0 1 .1-1.2 2.92 2.92 0 0 1 .2-.9 2.51 2.51 0 0 1 .4-.7l.6-.6a1.76 1.76 0 0 1 .5-.4c.2-.1.3-.3.4-.4l.3-.6a1.7 1.7 0 0 0 .1-.7 2.92 2.92 0 0 0-.2-.9 2.19 2.19 0 0 0-1-.9.9.9 0 0 0-.5-.1 1.68 1.68 0 0 0-1.5.7A2.86 2.86 0 0 0 8 8.1H6.2a5.08 5.08 0 0 1 .3-1.7 3.53 3.53 0 0 1 .8-1.3 3.6 3.6 0 0 1 1.2-.8 5.08 5.08 0 0 1 1.7-.3 5.9 5.9 0 0 1 1.4.2 2.59 2.59 0 0 1 1.1.7 4.44 4.44 0 0 1 .8 1.1 4 4 0 0 1 .3 1.5 3.08 3.08 0 0 1-.1.9z%22/%3E%3C/svg%3E");
mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E article not found %3C/title%3E%3Cpath d=%22M15 1H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm-4 15H9v-2h2zm2.7-7.6a4.88 4.88 0 0 1-.3.7 2.65 2.65 0 0 1-.5.6l-.5.5a2.65 2.65 0 0 1-.6.5c-.2.2-.3.4-.5.6a1.91 1.91 0 0 0-.3.8 3.4 3.4 0 0 0-.1 1H9.1a4.87 4.87 0 0 1 .1-1.2 2.92 2.92 0 0 1 .2-.9 2.51 2.51 0 0 1 .4-.7l.6-.6a1.76 1.76 0 0 1 .5-.4c.2-.1.3-.3.4-.4l.3-.6a1.7 1.7 0 0 0 .1-.7 2.92 2.92 0 0 0-.2-.9 2.19 2.19 0 0 0-1-.9.9.9 0 0 0-.5-.1 1.68 1.68 0 0 0-1.5.7A2.86 2.86 0 0 0 8 8.1H6.2a5.08 5.08 0 0 1 .3-1.7 3.53 3.53 0 0 1 .8-1.3 3.6 3.6 0 0 1 1.2-.8 5.08 5.08 0 0 1 1.7-.3 5.9 5.9 0 0 1 1.4.2 2.59 2.59 0 0 1 1.1.7 4.44 4.44 0 0 1 .8 1.1 4 4 0 0 1 .3 1.5 3.08 3.08 0 0 1-.1.9z%22/%3E%3C/svg%3E");
}
.mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) {
background-color: currentcolor;
}
.mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {
color: var(--theme-secondary);
}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-color: rgb(var(--theme-border));
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: none !important; color: var(--theme-primary); border-color: rgba(var(--theme-accent), 0.16) !important; font: 500 1rem/1.5rem var(--font-headline); padding: 0.25rem 0.5rem 0;
}
body .ui-button:hover {
color: rgb(var(--theme-on-background)); border-color: rgba(var(--theme-accent), 0.32) !important; background: rgba(var(--theme-on-background), 0.08) !important;
}
body .ui-button:active, body .ui-button:focus {
border-color: rgb(var(--theme-accent)) !important; box-shadow: 0 0 1px 1px rgba(var(--theme-accent), 0.5);
}
body .ui-button:active {
background: rgba(var(--theme-on-background), 0.16) !important;
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: rgba(var(--theme-on-background), 0.08);
}
.oo-ui-icon-upload, .mw-ui-icon-upload::before {
background: currentColor;
-webkit-mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E upload %3C/title%3E%3Cpath d=%22M17 12v5H3v-5H1v5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5z%22/%3E%3Cpath d=%22M10 1 5 7h4v8h2V7h4z%22/%3E%3C/svg%3E");
mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E upload %3C/title%3E%3Cpath d=%22M17 12v5H3v-5H1v5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5z%22/%3E%3Cpath d=%22M10 1 5 7h4v8h2V7h4z%22/%3E%3C/svg%3E");
}
.wikiEditor-ui-toolbar .group .tool-select .options {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-border), 0.16);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
color: var(--theme-primary);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: rgba(var(--theme-on-background), 0.08); color: rgb(var(--theme-on-background)); text-shadow: none;
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:is(:focus, :active) {
background-color: rgba(var(--theme-on-background), 0.16); color: rgb(var(--theme-on-background)); text-shadow: none;
}
.ui-icon-grip-diagonal-se {
filter: brightness(2);
}
.ext-WikiEditor-ResizingDragBar, .ext-WikiEditor-ResizingDragBar-ew {
background-color: unset;
}
.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
color: rgb(var(--theme-on-background));
}
.ext-WikiEditor-realtimepreview-button:hover {
background-color: rgba(var(--theme-on-background), 0.08);
}
.ext-WikiEditor-realtimepreview-button:is(:focus-within, :active) {
background-color: rgba(var(--theme-on-background), 0.16);
}
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button {
background: unset;
}
.oo-ui-messageDialog-title {
color: rgb(var(--theme-on-background));
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
background-color: rgb(var(--theme-background-secondary)); color: rgb(var(--theme-on-background)); border-color: rgba(var(--theme-border), 0.12);
}
.oo-ui-icon-undo, .mw-ui-icon-undo::before, .oo-ui-icon-redo, .mw-ui-icon-redo::before, .oo-ui-icon-textStyle, .mw-ui-icon-textStyle::before, .oo-ui-icon-specialCharacter, .mw-ui-icon-specialCharacter::before, .oo-ui-icon-help, .mw-ui-icon-help::before, .oo-ui-icon-edit, .mw-ui-icon-edit::before, .oo-ui-icon-cancel, .mw-ui-icon-cancel::before, .oo-ui-icon-strikethrough, .mw-ui-icon-strikethrough::before, .oo-ui-icon-code, .mw-ui-icon-code::before, .oo-ui-icon-underline, .mw-ui-icon-underline::before, .oo-ui-icon-language, .mw-ui-icon-language::before, .oo-ui-icon-notice, .mw-ui-icon-notice::before, .oo-ui-icon-labFlask, .mw-ui-icon-labFlask::before, .oo-ui-icon-mathematics, .mw-ui-icon-mathematics::before, .oo-ui-icon-markup, .mw-ui-icon-markup::before, .oo-ui-icon-puzzle, .mw-ui-icon-puzzle:before, .oo-ui-icon-tabber, .oo-ui-icon-signature, .mw-ui-icon-signature::before, .oo-ui-icon-references, .mw-ui-icon-references::before {
filter: invert(1);
}
.oo-ui-icon-link, .mw-ui-icon-link::before, .oo-ui-icon-listBullet, .mw-ui-icon-listBullet::before, .oo-ui-icon-bold, .mw-ui-icon-bold::before, .oo-ui-icon-italic, .mw-ui-icon-italic::before, .oo-ui-icon-expand, .mw-ui-icon-expand::before, .oo-ui-icon-collapse, .mw-ui-icon-collapse::before, .oo-ui-icon-superscript, .mw-ui-icon-superscript::before, .oo-ui-icon-subscript, .mw-ui-icon-subscript::before, .oo-ui-icon-bigger, .mw-ui-icon-bigger::before, .oo-ui-icon-smaller, .mw-ui-icon-smaller::before, .oo-ui-icon-reference, .mw-ui-icon-reference::before, .oo-ui-icon-listNumbered, .mw-ui-icon-listNumbered::before, .oo-ui-icon-outdent, .mw-ui-icon-outdent::before, .oo-ui-icon-indent, .mw-ui-icon-indent::before, .oo-ui-icon-image, .mw-ui-icon-image::before, .oo-ui-icon-table, .mw-ui-icon-table::before, .oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery::before {
background: none; background-color: rgb(var(--theme-on-background));
}
.ve-init-mw-desktopArticleTarget-originalContent .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
background-color: currentColor;
filter: none;
-wenkit-mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E puzzle %3C/title%3E%3Ccircle cx=%2217%22 cy=%2210%22 r=%223%22/%3E%3Cpath d=%22M10.58 3A3 3 0 0 1 11 4.5a3 3 0 0 1-6 0A3 3 0 0 1 5.42 3H1v12a2 2 0 0 0 2 2h12V3z%22/%3E%3C/svg%3E");
mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E puzzle %3C/title%3E%3Ccircle cx=%2217%22 cy=%2210%22 r=%223%22/%3E%3Cpath d=%22M10.58 3A3 3 0 0 1 11 4.5a3 3 0 0 1-6 0A3 3 0 0 1 5.42 3H1v12a2 2 0 0 0 2 2h12V3z%22/%3E%3C/svg%3E");
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
background-color: rgba(var(--theme-on-background), 0.12);
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
color: rgb(var(--theme-on-background));
}
.oo-ui-menuToolGroup {
border-color: rgba(var(--theme-border), 0.12);
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
border-right-color: rgab(var(--theme-border), 0.12);
}
.oo-ui-popupToolGroup-tools, .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
background-color: rgb(var(--theme-background-secondary));
}
.oo-ui-popupToolGroup-tools {
border-color: rgba(var(--theme-border), 0.12);
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
background-color: rgb(var(--theme-background-secondary));
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link {
color: var(--theme-primary);
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
color: var(--theme-secondary);
}
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled {
pointer-events: none;
}
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
color: var(--theme-disabled);
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: rgb(var(--theme-on-background));
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
background-color: rgba(var(--theme-on-background), 0.24); color: rgb(var(--theme-on-background));
}
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
background-color: unset; color: inherit;
}
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {
border-color: rgba(var(--theme-border), 0.12);
}
.ve-ui-specialCharacterPage h3 {
color: rgb(var(--theme-on-background));
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background-color: rgba(var(--theme-on-background), 0.24); color: rgb(var(--theme-on-background));
}
.ve-ui-specialCharacterPage-character {
border-color: rgba(var(--theme-border), 0.24);
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
background-color: unset; border-color: rgba(var(--theme-border), 0.12);
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
color: var(--theme-disabled);
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: rgb(var(--theme-accent)); color: rgb(var(--theme-on-accent));
}
.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
background-color: rgba(var(--theme-on-background), 0.24);
}
- ca-ve-edit {
display: none !important;
}
.mw-editsection-visualeditor, .mw-editsection-divider {
display: none;
}
.mp-carousel {
background: #000; height: 464px; overflow: hidden; position: relative; width: 100%;
} .mp-carousel--slide {
background: transparent left/contain no-repeat; display: flex; height: 100%; justify-content: flex-end; opacity: 0; position: absolute; transition: opacity 300ms; width: 100%;
} .mp-carousel--slide::before {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 20%, #000 46%); content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%;
} .mp-carousel--slide.current {
opacity: 1;
} .mp-carousel--content {
display: flex; flex-direction: column; height: 100%; justify-content: center; margin-right: 12rem; padding: 0 2rem; text-align: center; width: calc(50% - 14rem); z-index: 1;
} .mp-carousel--title-wrapper, .mp-carousel--description-wrapper {
margin-bottom: 1em;
} .mp-carousel--title {
font: 300 2rem/2.5rem var(--font-headline); letter-spacing: -.015625em;
} .mp-carousel--description {
font: 400 1.5rem/1.5rem var(--font-body-serif); letter-spacing: 0.03125em;
} .mp-carousel--slides-list {
gap: 2rem; height: calc(100% - 2rem); position: absolute; padding: 1rem; right: 0; width: 12rem; z-index: 2;
} .mp-carousel--slides-thumbnail {
aspect-ratio: 16/9; background: center/cover; display: block; opacity: 0.6; transform: scale(0.8); transition: transform 400ms, opacity 400ms; width: 100%;
} @supports not (aspect-ratio: 16/9) {
.mp-carousel--slides-thumbnail {
padding-top: 56.25%;
}
} .mp-carousel--slides-thumbnail.current {
opacity: 1; transform: scale(1);
} .mp-carousel--timer-bar {
animation: carouselTimer linear 5s infinite; background-color: #fff; bottom: 0; display: block; height: 0.25rem; position: absolute; transform: scaleX(1); transform-origin: left; width: calc(100% - 12rem);
} .mp-carousel:is(:hover, :focus-within) .mp-carousel--timer-bar {
animation-play-state: paused;
}
@keyframes carouselTimer {
100% {
transform: scaleX(0);
}
} .documentation {
background-color: rgb(var(--theme-background)); border: 1px solid rgba(var(--theme-border), 0.16); clear: both; margin-top: 1em; padding: 0.8em 1em 0.7em;
}
.documentation-header-top, .documentation-header-bottom {
padding: 0.8em 1em 0.7em; margin: -0.8em -1em 0.8em; background-color: rgb(var(--theme-background-secondary));
}
.documentation-header-top {
margin: -0.8em -1em 0.8em; border-bottom: inherit;
}
.documentation-header-bottom {
margin: 0.7em -1em -0.7em; border-top: inherit; clear: both;
}
.documentation #documentation-header-title {
margin-right: 1em; font-weight: 500; line-height: 1; font-size: 130%;
}
.documentation #documentation-jump-to-code {
white-space: nowrap;
}
.documentation #documentation-header-tools {
float: right; margin-left: 2em;
}
.documentation-header-title {
font-weight: bold; font-size: 130%; margin-right: 1em; line-height: 1;
}
.documentation-badDoc {
background-color: rgba(var(--theme-orange), 0.08);
}
.documentation-badDoc .documentation-header-top, .documentation-badDoc .documentation-header-bottom {
background-color: rgba(var(--theme-orange), 0.08);
}
.documentation-noDoc {
background-color: rgba(var(--theme-yellow), 0.08);
}
.documentation-noDoc .documentation-header-top, .documentation-noDoc .documentation-header-bottom {
background-color: rgba(var(--theme-yellow), 0.08);
}
.mw-message-box-warning {
background-color: rgba(255, 235, 59, 0.08); border: none; border-bottom: 1px solid #fff59d; color: rgb(var(--theme-on-background)); margin: 0.75rem 0; padding: 1rem 2rem; width: auto;
} .mw-message-box-warning p {
margin: 0;
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning, .mw-destfile-warning {
background-color: rgba(255, 235, 59, 0.08); border: none; border-bottom: 1px solid #fff59d; color: rgb(var(--theme-on-background));
}
.mw-ui-input {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-border), 0.16); caret-color: rgb(var(--theme-on-background)); color: rgb(var(--theme-on-background));
}
.mw-ui-input::placeholder {
color: var(--theme-secondary);
}
.mw-ui-input:hover {
border-color: rgba(var(--theme-border), 0.32);
}
.mw-ui-input:focus {
border-color: rgb(var(--theme-accent)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.mw-ui-checkbox [type=checkbox] + label::before {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-border), 0.16);
}
.mw-ui-checkbox [type=checkbox]:enabled:hover + label::before {
border-color: rgb(var(--theme-accent));
}
.mw-ui-checkbox [type=checkbox]:enabled:focus + label::before {
border-color: rgb(var(--theme-accent)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.mw-ui-checkbox [type=checkbox]:enabled:active + label::before {
background-color: rgba(var(--theme-accent-hover), 0.8); border-color: rgba(var(--theme-accent-hover), 0.8); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover));
}
.mw-ui-checkbox [type=checkbox]:enabled:checked + label::before {
background-color: rgb(var(--theme-accent)); border-color: rgb(var(--theme-accent));
}
.mw-ui-checkbox [type=checkbox]:enabled:checked:hover + label::before {
background-color: rgb(var(--theme-accent-hover)); border-color: rgb(var(--theme-accent-hover));
}
.mw-ui-checkbox [type=checkbox]:enabled:checked:focus + label::before {
background-color: rgb(var(--theme-accent-hover)); border-color: rgb(var(--theme-accent-hover)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover)), inset 0 0 0 2px rgb(var(--theme-on-accent));
}
.mw-ui-checkbox [type=checkbox]:enabled:checked:active + label::before {
background-color: rgba(var(--theme-accent), 0.8); border-color: rgba(var(--theme-accent), 0.8);
}
/* Add black checkmark to the checkbox to improve contrast with the background. */ .mw-ui-checkbox [type=checkbox]:checked + label::before {
background-image: none;
}
.mw-ui-checkbox [type=checkbox] + label::after {
content: "";
background-image: url("/mw/resources/src/mediawiki.ui.checkbox/images/checkbox-checked.svg");
background-origin: border-box;
background-position: center center;
background-repeat: no-repeat;
background-size: 90% 90%;
box-sizing: border-box;
filter: invert(1);
opacity: 0;
position: absolute;
top: 50%;
left: 0;
width: 1.5625em;
height: 1.5625em;
margin-top: -0.78125em;
border: 1px solid transparent;
border-radius: 2px;
}
.mw-ui-checkbox [type=checkbox]:checked + label::after {
opacity: 1;
}
.mw-datatable th {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-border), 0.16); color: rgb(var(--theme-on-background));
} .mw-datatable td {
background-color: rgb(var(--theme-background)); border-color: rgba(var(--theme-border), 0.16); color: var(--theme-primary);
} .mw-datatable tr:hover td {
background: rgba(var(--theme-on-background), 0.08);
}
- mw-allmessagestable tbody:hover td {
background-color: rgba(var(--theme-on-background), 0.08);
}
- mw-allmessagestable tbody:hover .am_default {
background-color: rgba(var(--theme-yellow), 0.08);
}
- mw-allmessagestable tbody:hover .am_actual {
background-color: rgba(var(--theme-light-green), 0.08);
}
- mw-allmessagestable .am_default {
background-color: rgba(var(--theme-yellow), 0.08);
}
- mw-allmessagestable .am_actual {
background-color: rgba(var(--theme-light-green), 0.08);
}
.mw-protectedpages-unknown {
color: var(--theme-secondary);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
color: var(--theme-secondary);
}
.mw-widget-dateInputWidget-handle {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-border), 0.16); color: rgb(var(--theme-on-background));
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus {
outline: 0; border-color: rgb(var(--theme-accent-hover)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover));
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
border-color: rgba(var(--theme-border), 0.32);
}
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
color: rgb(var(--theme-on-background));
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
color: var(--theme-secondary);
}
.mw-widget-calendarWidget {
border-color: rgb(var(--theme-border), 0.32);
}
.mw-widget-calendarWidget:focus {
border-color: rgb(var(--theme-accent)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.mw-widget-dateInputWidget-calendar {
background-color: rgb(var(--theme-background-secondary));
}
.oo-ui-icon-previous, .mw-ui-icon-previous::before {
-webkit-mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E previous %3C/title%3E%3Cpath d=%22m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E");
mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E previous %3C/title%3E%3Cpath d=%22m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z%22/%3E%3C/svg%3E");
}
.oo-ui-icon-collapse, .mw-ui-icon-collapse::before {
-webkit-mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d=%22m2.5 15.25 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z%22/%3E%3C/svg%3E");
mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d=%22m2.5 15.25 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z%22/%3E%3C/svg%3E");
}
.oo-ui-icon-expand, .mw-ui-icon-expand::before {
-webkit-mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E expand %3C/title%3E%3Cpath d=%22m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z%22/%3E%3C/svg%3E");
mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E expand %3C/title%3E%3Cpath d=%22m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z%22/%3E%3C/svg%3E");
}
.mw-widget-calendarWidget-day-heading {
color: var(--theme-secondary);
}
.mw-widget-calendarWidget-day {
color: var(--theme-primary);
}
.mw-widget-calendarWidget-day-additional {
color: var(--theme-secondary);
}
.mw-widget-calendarWidget-day-today {
box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.mw-widget-calendarWidget-item:hover {
background-color: rgba(var(--theme-on-background), 0.08); color: var(--theme-primary);
}
.mw-widget-calendarWidget-item-selected {
background-color: rgb(var(--theme-accent)); color: rgb(var(--theme-on-accent));
}
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement {
opacity: 0;
}
/* Buttons. */ /** Remove text-shadow from text within a button. **/ .oo-ui-buttonElement-framed.oo-ui-widget-enabled > a.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > a.oo-ui-buttonElement-button:is(:hover, :focus), .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button a, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button a:is(:hover, :focus), .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement > .oo-ui-buttonElement-button {
text-shadow: none;
}
/** Vertically centers button text. **/ .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
vertical-align: middle;
}
/** Normal. **/ .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: rgba(var(--theme-accent), 0.08); color: var(--theme-primary); border-color: rgba(var(--theme-accent), 0.16); font: 500 1.125rem/1.5rem var(--font-headline); padding: 0.25rem 0.5rem 0;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: rgba(var(--theme-on-background), 0.08); color: rgb(var(--theme-on-background)); border-color: rgba(var(--theme-border), 0.08);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
background-color: rgba(var(--theme-on-background), 0.16); color: rgb(var(--theme-on-background)); border-color: rgba(var(--theme-border), 0.32);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: rgba(var(--theme-accent-hover), 0.16); color: rgb(var(--theme-on-background)); border-color: rgba(var(--theme-accent-hover), 0.32);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: rgb(var(--theme-accent-hover)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover));
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background-color: rgba(var(--theme-accent-hover), 0.32); color: rgb(var(--theme-on-background)); border-color: rgba(var(--theme-accent-hover), 0.64);
}
/** Primary progresive. **/ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: rgb(var(--theme-on-accent)); background-color: rgb(var(--theme-accent)); border-color: rgb(var(--theme-accent));
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: rgb(var(--theme-accent-hover)); border-color: rgb(var(--theme-accent-hover));
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: rgb(var(--theme-accent-hover)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover)), inset 0 0 0 2px rgb(var(--theme-on-accent));
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
color: rgb(var(--theme-on-accent)); background-color: rgba(var(--theme-accent-hover), 0.8); border-color: rgba(var(--theme-accent-hover), 8); box-shadow: none;
}
/** Primary destructive. **/ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: rgb(var(--theme-on-accent)); background-color: rgb(var(--theme-red)); border-color: rgb(var(--theme-red));
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
background-color: rgba(var(--theme-red), 0.9); border-color: rgba(var(--theme-red), 0.9);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
border-color: rgb(var(--theme-red)); box-shadow: inset 0 0 0 1px rgb(var(--theme-red)), inset 0 0 0 2px rgb(var(--theme-on-accent));
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
color: rgb(var(--theme-on-accent)); background-color: rgba(var(--theme-red), 0.7); border-color: rgba(var(--theme-red), 0.7);
}
/** Progresive. **/ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: rgb(var(--theme-accent));
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: rgba(var(--theme-accent-hover), 0.16); border-color: rgba(var(--theme-accent-hover), 0.32);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: rgb(var(--theme-accent-hover)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover));
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background-color: rgba(var(--theme-accent-hover), 0.32); color: rgb(var(--theme-accent)); border-color: rgba(var(--theme-accent-hover), 0.64);
}
/** Destructive. **/ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
background-color: rgba(var(--theme-red), 0.08); border-color: rgba(var(--theme-red), 0.16); color: rgb(var(--theme-red));
}
/** Disabled. **/ .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background-color: rgba(var(--theme-on-background), 0.08); border-color: rgba(var(--theme-on-background), 0); color: var(--theme-disabled);
}
/** Progressive. **/ .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
opacity: 0.46;
}
/** Icon button 1 is skipped. **/ /** Icon button 2 is skipped. **/ /** Indicator. **/ .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
background: center/contain no-repeat; height: 1.5em; opacity: 1; vertical-align: middle; width: 1.5em;
}
.oo-ui-buttonElement-button .oo-ui-indicator-down, .oo-ui-buttonElement-button .oo-ui-indicator-up {
background-image: url("https://cdn.wikimg.net/en/hkwiki/images/2/20/Expandarrow.png");
}
.oo-ui-buttonElement-button .oo-ui-indicator-up {
transform: scaleY(-1);
}
/** Access key: G is skipped. **/ /** Icon 1 is skipped. **/ /** Icon 2 is skipped. **/ /** Labeled icon. **/ .oo-ui-buttonElement > .oo-ui-buttonElement-button {
font: 500 1.125rem/1.5rem var(--font-headline);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: var(--theme-primary);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: rgb(var(--theme-on-background));
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: rgb(var(--theme-on-background)); box-shadow: inset 0 0 0 1px rgb(var(--theme-on-background));
}
/** Progressive icon. **/ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: rgb(var(--theme-accent));
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
color: rgb(var(--theme-accent-hover));
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: rgb(var(--theme-accent-hover)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover));
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: rgb(var(--theme-accent-hover)); border-color: rgb(var(--theme-accent-hover)); box-shadow: none;
}
/** Destructive icon. **/ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: rgb(var(--theme-red));
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
color: rgba(var(--theme-red), 0.9);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
border-color: rgb(var(--theme-red)); box-shadow: inset 0 0 0 1px rgb(var(--theme-red));
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: rgb(var(--theme-red), 0.8); border-color: rgb(var(--theme-red), 0.8);
}
/** Disabled icon. **/ .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
color: var(--theme-disabled);
}
/** Labeled double icon is skipped. **/ /** Labeled right icon is skipped. **/ /** Double icon is skipped. **/ /** Documentation is skipped. **/ /** Documentation 2 is skipped. **/ /** "Submit this form" is skipped. **/ /** "Another button" is skipped. **/ /** Access key: H is skipped. **/ /** "Another button" 1 is skipped. **/ /** "Another button" 2 is skipped. **/ /** Toggle (default) is skipped. **/ /** Toggle (toggled). **/ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: rgb(var(--theme-accent)); color: rgb(var(--theme-on-accent)); border-color: rgb(var(--theme-accent));
}
/** Left arrow is skipped. **/ /** Right arrow is skipped. **/ /** Toggle 1 is skipped. **/ /** Toggle 2 is skipped. **/ /** Icon 1 is skipped. **/ /** Icon 2 is skipped. **/ /** Button group 1 is skipped. **/ /** Button group 2 is skipped. **/ /** Button group 3 is skipped. **/ /** Button group 4 is skipped. **/ /** Button group 5 is skipped. **/ /** Button group 6 is skipped. **/ /** Button group 7 is skipped. **/ /** Button group 8 is skipped. **/ /*
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: rgb(var(--theme-accent));
box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: #2a4b8d; color: #fff; border-color: #2a4b8d; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { border-color: rgb(var(--theme-accent-hover)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover)), inset 0 0 0 2px rgb(var(--theme-on-accent)); }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: #eaecf0; color: #000; border-color: #72777d; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: rgb(var(--theme-accent)); }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: rgba(var(--theme-accent), .32); border-color: rgb(var(--theme-accent-hover)); }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: rgb(var(--theme-accent)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent)); }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background-color: #eff3fa; color: #2a4b8d; border-color: #2a4b8d; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: #d73333; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: #fff; border-color: #ff4242; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: #d33; box-shadow: inset 0 0 0 1px #d33; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background-color: #ffffff; color: #b32424; border-color: #b32424; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: rgb(var(--theme-on-accent)); background-color: rgb(var(--theme-accent)); border-color: rgb(var(--theme-accent)); }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: rgb(var(--theme-accent-hover)); border-color: rgb(var(--theme-accent-hover)); }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: rgb(var(--theme-accent-hover)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover)), inset 0 0 0 2px rgb(var(--theme-on-accent)); }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: rgb(var(--theme-on-accent)); background-color: rgba(var(--theme-accent), .6); border-color: rgba(var(--theme-accent), .6); }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: #fff; background-color: #d33; border-color: #d33; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: #ff4242; border-color: #ff4242; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: #d33; box-shadow: inset 0 0 0 1px #d33,inset 0 0 0 2px #fff; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: #fff; background-color: #b32424; border-color: #b32424; }
- /
.oo-ui-checkboxInputWidget [type=checkbox] + span {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-border), 0.16);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:hover + span {
border-color: rgb(var(--theme-accent));
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:focus + span {
border-color: rgb(var(--theme-accent)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:active + span {
background-color: rgba(var(--theme-accent), 0.32); border-color: rgb(var(--theme-accent)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate + span {
background-color: rgb(var(--theme-accent)); border-color: rgb(var(--theme-accent));
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:hover + span {
background-color: rgb(var(--theme-accent-hover)); border-color: rgb(var(--theme-accent-hover));
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:focus + span {
background-color: rgb(var(--theme-accent-hover)); border-color: rgb(var(--theme-accent-hover)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover)), inset 0 0 0 2px rgb(var(--theme-on-accent));
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]:indeterminate:active + span {
background-color: rgba(var(--theme-accent-hover), 0.32); border-color: rgba(var(--theme-accent-hover), 0.32); box-shadow: inset 0 0 0 1px rgba(var(--theme-accent-hover), 0.32);
}
.oo-ui-image-invert.oo-ui-icon-check, .mw-ui-icon-check-invert::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
}
.oo-ui-checkboxInputWidget [type=checkbox]:disabled + span {
background-color: var(--theme-disabled); border-color: transparent;
}
@supports (selector(:has(works))) {
.oo-ui-fieldLayout-field:has(.oo-ui-checkboxInputWidget [type=checkbox]:disabled) + .oo-ui-fieldLayout-header {
color: var(--theme-disabled);
}
} .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border-color: rgb(var(--theme-accent)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
border-color: rgb(var(--theme-red));
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover {
border-color: rgb(var(--theme-red));
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
border-color: rgb(var(--theme-red)); box-shadow: inset 0 0 0 1px rgb(var(--theme-red));
}
.oo-ui-indicator-required {
background: none;
background-color: currentcolor;
-webkit-mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E required %3C/title%3E%3Cpath d=%22M8.5 0h3v20h-3z%22/%3E%3Cpath d=%22M19.4 13.7 18 16.3.6 6.3 2 3.7z%22/%3E%3Cpath d=%22m18 3.7 1.4 2.6-17.3 10-1.5-2.6z%22/%3E%3C/svg%3E");
mask: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E required %3C/title%3E%3Cpath d=%22M8.5 0h3v20h-3z%22/%3E%3Cpath d=%22M19.4 13.7 18 16.3.6 6.3 2 3.7z%22/%3E%3Cpath d=%22m18 3.7 1.4 2.6-17.3 10-1.5-2.6z%22/%3E%3C/svg%3E");
}
@media screen and (min-width: 0) {
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
outline: 1px solid rgb(var(--theme-accent));
}
} .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
border-color: rgb(var(--theme-accent));
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
background-color: rgb(var(--theme-background-secondary));
}
.oo-ui-tagMultiselectWidget-handle {
border-color: rgba(var(--theme-border), 0.08);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-border), 0.6); color: rgb(var(--theme-on-background));
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: rgba(var(--theme-background-secondary), 0.87); color: rgb(var(--theme-on-background)); border-color: rgb(var(--theme-border));
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: rgba(var(--theme-background-secondary), 0.87);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: rgb(var(--theme-accent)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.oo-ui-menuOptionWidget.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: rgba(var(--theme-background-secondary), 0.87);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: rgba(var(--theme-background-secondary), 0.87); color: rgb(var(--theme-accent));
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-border), 0.16); color: var(--theme-secondary); -webkit-text-fill-color: var(--theme-secondary); text-shadow: 0 1px 1px rgba(var(--theme-border), 0.16);
}
/* Disabled dropdown input. */ .oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
background-color: transparent;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
border-color: transparent; color: var(--theme-disabled);
}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-border), 0); color: var(--theme-disabled); text-shadow: 0 1px 1px rgba(var(--theme-border), 0);
}
.oo-ui-menuSelectWidget {
background-color: rgb(var(--theme-background-secondary));
}
.oo-ui-radioInputWidget [type=radio] + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio] + span {
background-color: rgb(var(--theme-background-secondary)); border-color: rgba(var(--theme-border), 0.16);
} .oo-ui-radioInputWidget [type=radio]:hover + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:hover + span {
border-color: rgb(var(--theme-accent));
} .oo-ui-radioInputWidget [type=radio]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:active + span {
background-color: rgb(var(--theme-accent-hover)); border-color: rgb(var(--theme-accent-hover));
} .oo-ui-radioInputWidget [type=radio]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
border-color: rgb(var(--theme-accent));
} .oo-ui-radioInputWidget [type=radio]:checked:hover + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:hover + span {
border-color: rgb(var(--theme-accent-hover));
} .oo-ui-radioInputWidget [type=radio]:checked:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked:active + span {
background-color: rgb(var(--theme-accent-hover)); border-color: rgb(var(--theme-accent-hover)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent-hover));
}
.mw-widget-ExpiryWidget.mw-widget-ExpiryWidget-hasDatePicker .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
min-width: 2em;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
border-color: rgb(var(--theme-accent)); outline: 1px solid transparent; box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: rgb(var(--theme-background-secondary)); caret-color: rgb(var(--theme-on-background));
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: rgba(var(--theme-on-background), 0.08); color: var(--theme-primary);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
padding-right: 1.75em;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
right: 0.25em;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover {
background-color: rgba(var(--theme-on-background), 0.08);
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:is(:focus, :focus-within, :active) {
background-color: rgba(var(--theme-on-background), 0.16);
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: rgba(0, 0, 0, 0.5);
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color: rgb(var(--theme-background-secondary));
}
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
background-color: rgba(var(--theme-on-background), 0.06);
}
.oo-ui-messageDialog-message {
color: rgb(var(--theme-on-background));
}
.oo-ui-tabSelectWidget-framed, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .mw-prefs-buttons {
background-color: rgb(var(--theme-background-secondary));
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget, .oo-ui-labelWidget.oo-ui-inline-help {
color: var(--theme-secondary);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
background-color: transparent; color: var(--theme-primary);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
color: rgb(var(--theme-on-background));
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background-color: transparent; color: rgb(var(--theme-on-background));
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background-color: var(--theme-disabled); border-color: var(--theme-disabled);
}
.infobox {
background: rgba(var(--theme-pi-background-color)) top/cover no-repeat var(--theme-pi-background-image);
border-image: url("https://cdn.wikimg.net/en/hkwiki/images/3/31/Infobox_Bottom.png") 60% fill/40px;
clear: right;
float: right;
margin: 0 0 24px 24px;
max-width: 270px;
padding-bottom: 10px;
width: 270px;
} .infobox .grid {
--grid-gap: 0;
} .infobox p.infobox-title {
background-color: #000;
border-image: url("https://cdn.wikimg.net/en/hkwiki/images/7/75/Top_custom.png") 40% fill/40px;
font: 500 20px/1 var(--font-headline);
padding: 12px 24px;
text-align: center;
} .infobox p.infobox-title .mw-headline {
vertical-align: sub;
} .infobox .infobox-image.mw-default-size {
display: block; padding: 16px 8px;
} .infobox p.infobox-header, .infobox .infobox-item {
padding: 10px; padding-top: 9px;
} .infobox p.infobox-header {
font: 400 1.125rem/1.406rem var(--font-headline); letter-spacing: normal; border-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(var(--theme-on-background)), rgba(255, 255, 255, 0)) 47% 0% 1; border-top: 0.0625rem solid rgba(255, 255, 255, 0); margin-top: 1em; padding-bottom: 0; padding-top: 1em;
} .infobox .infobox-item:last-of-type {
padding-bottom: 0;
} .infobox .game-quote {
padding: 0;
} .infobox p {
margin: 0;
} .infobox .pi-section-navigation .pi-section-tab, .infobox .pi-media-collection .pi-tab-link {
max-width: unset;
} .infobox .pi-media-collection .pi-tab-link {
font: 700 .875rem/1.25rem var(--font-body-sans-serif); letter-spacing: .0892857143em; text-transform: uppercase; font-family: var(--font-headline);
} .infobox .pi-media-collection .pi-tab-link.pi-item-spacing {
border: none; padding: 0.5em 1em;
} .infobox .pi-media-collection .pi-tab-link.current {
background-color: unset; border-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(var(--theme-on-background)), rgba(255, 255, 255, 0)) 47% 0% 1; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0);
} .infobox .pi-item-spacing:not(.pi-title, .pi-tab-link), .infobox .pi-horizontal-group .pi-horizontal-group-item {
border: none; border-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(var(--theme-on-background)), rgba(255, 255, 255, 0)) 47% 0% 1; border-top: 0.0625rem solid rgba(255, 255, 255, 0); padding: 10px; padding-top: 9px;
} .infobox .pi-horizontal-group {
border-collapse: initial;
} .infobox .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
border-left: none;
} .infobox .pi-secondary-background {
background: unset;
} .infobox .pi-image-thumbnail {
max-width: calc(var(--pi-width) - 16px);
}
/* 4. Infobox. */ /** 4.1. General styles. **/ .portable-infobox.pi-background {
--pi-secondary-background: #000;
--pi-border-color: rgb(var(--theme-border));
background: rgb(var(--theme-pi-background-color)) top/cover no-repeat var(--theme-pi-background-image, url("https://cdn.wikimg.net/en/hkwiki/images/2/21/Infobox_HK_Background.webp"));
border-image: url("https://cdn.wikimg.net/en/hkwiki/images/3/31/Infobox_Bottom.png") 60% fill/40px;
margin: 6px;
padding-bottom: 10px;
}
/** 4.2. Title cell. **/ .portable-infobox .pi-title {
border-image: url("https://cdn.wikimg.net/en/hkwiki/images/7/75/Top_custom.png") 40% fill/40px;
font: 500 20px/20px var(--pi-tabbers-font);
padding: 12px 24px;
}
/** 4.3. Info cells. **/ .portable-infobox .pi-item-spacing:not(.pi-title), .pi-horizontal-group .pi-horizontal-group-item {
border-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)) 47% 0%; padding: 10px; padding-top: 9px;
}
.portable-infobox .pi-item-spacing:not(.pi-title):has(+ .pi-group > .pi-header.pi-secondary-background) {
border-bottom: none;
}
.portable-infobox .pi-title > p {
margin: 0;
}
/***
- 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, rgba(255, 255, 255, 0), var(--theme-accent-label-color), rgba(255, 255, 255, 0)) 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, rgba(255, 255, 255, 0), currentcolor, rgba(255, 255, 255, 0)) 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, .portable-infobox .wds-tabs__wrapper.right-arrow-visible .wds-tabs__arrow-right, .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. **/ /*** Hidden Dreams. ***/ .portable-infobox.pi-theme-hidden.pi-background {
--pi-background: rgba(133, 97, 140, .2);
}
/*** The Grimmm Troupe. ***/ .portable-infobox.pi-theme-grimm.pi-background {
--pi-background: rgba(140, 97, 97, .2);
}
/*** Godmaster. ***/ .portable-infobox.pi-theme-godmaster.pi-background {
--pi-background: rgba(113, 112, 61, .2);
}
/*** Lifeblood. ***/ .portable-infobox.pi-theme-lifeblood.pi-background {
--pi-background: rgba(60, 129, 194, .1);
}
/*** Voidheart. ***/ .portable-infobox.pi-theme-voidheart.pi-background {
--pi-background: rgba(97, 101, 140, .2);
}
/*** Lore. ***/ .portable-infobox.pi-theme-lore.pi-background {
--pi-background: rgba(97, 101, 140, .2);
}
/*** Silksong. ***/ .portable-infobox.pi-theme-silksong.pi-background {
--pi-background: rgba(140, 120, 97, .2);
background-image: url("https://cdn.wikimg.net/en/hkwiki/images/f/fb/Infobox_Background_Silksong.webp");
}
.portable-infobox .pi-secondary-background {
background-color: #000; font: 400 14px/1.25 var(--font-headline); text-align: center;
} .portable-infobox .pi-secondary-background p {
margin: 0;
}
.portable-infobox .pi-secondary-background::after {
content: unset !important;
}
/*** Removing duplicated bullet point from lists inside the infobox. ***/ .pi-data-value ul li:before {
content: none;
}
.pi-image-thumbnail {
max-width: 100%;
}
.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current {
background: none;
}
.pi-panel-scroll-wrapper .pi-section-tab:not(.pi-section-active) {
border-image: none;
}
.portable-infobox .pi-item-spacing:not(.pi-title), .pi-horizontal-group .pi-horizontal-group-item {
border-top: none;
}
.portable-infobox .pi-title {
background-color: #000; font: 500 20px/20px var(--font-headline); padding: 12px 24px; text-align: center;
}
.portable-infobox :is(.pi-section-tab, .pi-tab-link) {
border: 0; font: 700 14px/1 var(--font-headline); padding-top: 11px;
}
.pi-media-collection .pi-tab-link {
max-width: 100%;
}
.portable-infobox .pi-section-tab.pi-section-active, .portable-infobox .pi-tab-link.current {
position: relative;
} .portable-infobox .pi-section-tab.pi-section-active::after, .portable-infobox .pi-tab-link.current::after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(var(--theme-on-background)), rgba(255, 255, 255, 0)) 47% 0%; content: ""; display: block; height: 0.0625rem; bottom: 0; position: absolute; left: 0; right: 0; width: 100%;
}
th.pi-data-label {
font: 700 1.125rem/1.406rem var(--font-headline);
}
.game-quote {
font: 400 1.125rem/1.406rem var(--font-body-serif); letter-spacing: normal; margin: auto; padding: 1.25rem 1rem; max-width: 60ch;
} .game-quote hr {
background-color: unset; border-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(var(--theme-on-background)), rgba(255, 255, 255, 0)) 47% 0% 1; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0); height: 0; margin: 1rem 0;
} .game-quote hr + p {
margin: 0;
} .game-quote .author {
font-style: initial; text-align: right;
}
.portable-infobox .game-quote {
padding: 0;
}
.quote-text, .quote-text p, .portable-infobox :is(.quote-text, .quote-text p) {
font: 500 italic 1.25rem/2rem var(--font-body-serif); letter-spacing: 0.0125em; text-align: center;
}
.quote-text p {
margin-block-end: 0.5rem;
}
- root {
--quote-top: url("https://cdn.wikimg.net/en/hkwiki/images/9/96/Dialogue_Top.png");
--quote-bottom: url("https://cdn.wikimg.net/en/hkwiki/images/c/c7/Dialogue_Bottom.png");
--quote-grimm: url("https://cdn.wikimg.net/en/hkwiki/images/d/d7/Troupejournal.png");
--quote-hunter: url("https://cdn.wikimg.net/en/hkwiki/images/c/ce/Bestiary.png");
--quote-dream: url("https://cdn.wikimg.net/en/hkwiki/images/c/c1/Dreamjournal.png");
--quote-margin: .5rem;
}
.hk-quote {
font: 400 1.125rem/1.406rem var(--font-body-serif); letter-spacing: normal; display: flow-root; margin: auto; max-width: 60ch; padding: 1.25rem 1rem;
} .hk-quote::before, .hk-quote::after {
background: center/contain no-repeat; content: ""; display: block; width: min(250px, 100%);
} .hk-quote::before {
background-image: var(--quote-top); height: 34px; margin: 0 auto var(--quote-margin);
} .hk-quote.quote-grimm::before {
background-image: var(--quote-grimm); height: 54px;
} .hk-quote.quote-hunter::before {
background-image: var(--quote-hunter); height: 39px;
} .hk-quote.quote-dream::before {
background-image: var(--quote-dream); height: 45px;
} .hk-quote::after {
background-image: var(--quote-bottom); height: 21px; margin: var(--quote-margin) auto 0;
} .hk-quote hr {
background-color: unset; border-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(var(--theme-on-background)), rgba(255, 255, 255, 0)) 47% 0% 1; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0); height: 0; margin: 1rem 0;
}
.portable-infobox .hk-quote {
padding: 0;
}
.vector-body .hk-quote-text {
margin: 0;
}
.hk-quote-text, .hk-quote-text > p {
font: 500 italic 1.25rem/2rem var(--font-body-serif); letter-spacing: 0.0125em; text-align: center;
}
.hk-quote-author {
font-style: initial; text-align: right;
}
.hk-quote-author cite {
font-style: inherit;
}
.hk-divider, .ss-divider {
background: transparent center/contain scroll no-repeat; border: 0; width: 100%;
}
.hk-divider {
background-image: url("https://cdn.wikimg.net/en/hkwiki/images/0/0f/Hr.png");
height: 3.375rem;
}
.ss-divider {
background-image: url("https://cdn.wikimg.net/en/hkwiki/images/d/d6/SS_Hr.png");
height: 2.563rem;
}
.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: 0.875rem; text-align: left; width: 100%;
} .dialogue-table .td-title {
background-color: rgba(0, 0, 0, 0.2); font-weight: 700; width: 22%;
} .dialogue-table .dialogue-condition {
background-color: rgba(0, 0, 0, 0.2); font-weight: 700;
}
- charms-nav,
- enemies-nav {
background-color: rgba(var(--theme-on-background), 0.04); width: 100%;
}
- charms-nav tr:first-child th,
- enemies-nav tr:first-child th {
background-color: rgb(var(--theme-background-secondary)); padding: 1em 2em;
}
- charms-nav td {
padding: 0.25rem 2rem;
}
- charms-nav td center {
align-items: center; display: flex; text-align: left;
}
- charms-nav figure {
margin: 0 2rem 0 0;
}
- charms-nav img {
height: 32px; object-fit: contain; width: 32px;
}
.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 {
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;
}
.dn-dialogue-section {
--color--rgb: 192, 120, 210; --color--hover: #ce93d8; display: flex; width: auto;
} .dn-dialogue-section > .dn-dialogue-section--layout {
background-color: rgba(var(--color--rgb), 0.08); border-radius: 0.5rem; box-shadow: 0 0 1rem 0.5rem rgba(var(--color--rgb), 0.08); column-gap: 2em; margin: 1rem; padding: 1rem; position: relative; width: calc(100% - 2rem);
} .dn-dialogue-section > .dn-dialogue-section--layout::before {
background: center/cover no-repeat url("https://cdn.wikimg.net/en/hkwiki/images/f/f3/Dream_Nail_Dialogue_Backboard.png");
box-shadow: inset 0 0 1rem 0.5rem rgb(var(--theme-background));
content: "";
display: block;
filter: blur(2px) saturate(0.7);
height: 100%;
left: -1rem;
margin: inherit;
opacity: 0.3;
pointer-events: none;
position: absolute;
top: -1rem;
transform: translate3d(0, 0, 0);
width: 100%;
} .dn-dialogue-section > .dn-dialogue-section--layout: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: 0 0 1em;
} .dn-dialogue-section > .dn-dialogue-section--layout > p + ul + p {
margin-left: -1.5em;
} .dn-dialogue-section > .dn-dialogue-section--layout span + b {
vertical-align: middle;
}
/*** Advices/warnings/messaging templates. ***/ /**** Layout. ****/ .message-card {
align-items: center; border-bottom: 1px solid; display: flex; margin: 0.75rem 0; padding: 1rem 2rem; width: auto;
} .message-card p {
margin: 0;
} .message-card .image-container {
display: flex; justify-content: center;
} .message-card .image-container .image {
margin-right: 2rem;
} .message-card .text-container {
display: flex; flex-direction: column;
} .message-card .text-container .title {
font-weight: 600;
} .message-card.disclaimer-info {
background-color: rgba(var(--theme-blue), 0.08); border-bottom-color: rgb(var(--theme-blue));
} .message-card.disclaimer-advice {
background-color: rgba(255, 235, 59, 0.08); border-bottom-color: #fff59d;
} .message-card.disclaimer-delete, .message-card.disclaimer-block {
background-color: rgba(239, 154, 154, 0.08); border-bottom-color: #ef9a9a;
}
@media only screen and (max-width: 1080px) {
#localNotice .message-card .image-container:last-child {
display: none;
}
} @media only screen and (max-width: 720px) {
#localNotice .message-card .image-container:first-child {
display: none;
}
} /*** Godmaster boss table. ***/
- gm-boss-table {
background: rgba(0, 0, 0, 0.2); border: 2px solid rgb(255, 245, 157); box-shadow: inset 0 0 6px 6px rgba(255, 245, 157, 0.2), inset 0 0 8px 8px rgba(255, 245, 157, 0.14), inset 0 0 10px 10px rgba(255, 245, 157, 0.12); padding: 24px; width: 100%;
}
- gm-boss-table p {
margin: 0;
}
- gm-boss-table .gm-boss--title {
font: 400 1.125rem/1.406rem var(--font-headline); letter-spacing: normal; color: #cdc686; margin-bottom: 0.5rem;
}
- gm-boss-table .gm-boss--epithet {
text-align: center;
}
- gm-boss-table .gm-boss--image-container .thumbinner,
- gm-boss-table .gm-boss--image-container .thumbimage {
background-color: unset; border: unset;
}
- gm-boss-table .gm-boss--image-container .mw-halign-center {
margin: 0 auto;
}
- gm-boss-table .gm-boss--image-container .thumbcaption,
- gm-boss-table .gm-boss--image-container figcaption {
display: none;
}
/*
- gm-boss-table {
position: relative;
}
- gm-boss-table::before,
- gm-boss-table::after {
--frame-width: 477px; --frame-height: 736px; // The duration of this animation in-game was checked from a YouTube video at 30fps, // and in that video, the animation lasts for 7 frames, so the formula to get a // kinda-accurrate duration for this animation (in ms) is Math.round(30 / 7 * 100). animation: 429ms steps(1) forwards; content: ; display: block; height: var(--frame-height); left: 0; opacity: 0; pointer-events: none; position: absolute; width: var(--frame-width);
}
- gm-boss-table::before {
// We set the amount frames in the atlas in a variable to use it in the animation // to calculate the image position on each frame. // The frame dimentions serve for both the same purpose as the --frames variable // and to make the pseudo-element the same size as a single frame of the atlas // for a perfect animation. // // While the image/element size is quite big, we resize and position it accordingly // by using the transform property. --frames: 6; animation-name: topThing; background-image: url(/w/Special:Filepath/gg-board-statue-top-atlas.webp); top: 0; transform: scale(.75) translate(-190px, -270px);
}
- gm-boss-table::after {
--frames: 3; animation-name: bottomThing; background-image: url(/w/Special:Filepath/gg-board-statue-bottom-atlas.webp); bottom: 0; transform: scale(.75) translate(-190px, 200px);
}
@keyframes topThing {
16.66% {
background-position-x: calc(var(--frame-width) * var(--frames) - var(--frame-width) * 0);
// We set the opacity here so it displays the full animation.
opacity: 1;
}
33.32% {
background-position-x: calc(var(--frame-width) * var(--frames) - var(--frame-width) * 1);
}
43.98% {
background-position-x: calc(var(--frame-width) * var(--frames) - var(--frame-width) * 2);
}
66.64% {
background-position-x: calc(var(--frame-width) * var(--frames) - var(--frame-width) * 3);
}
83.3% {
background-position-x: calc(var(--frame-width) * var(--frames) - var(--frame-width) * 4);
}
100% {
background-position-x: calc(var(--frame-width) * var(--frames) - var(--frame-width) * 5);
// Here we set opacity to 1 again because of the animation-fill-mode
// property, whose value is "forwards". This means that the element will
// retain the properties of the last keyframe, which is this one.
// With this, the element will stay visible and in this frame upon finishing
// playing the animation.
opacity: 1;
}
}
@keyframes bottomThing {
33.33% {
background-position-x: calc(var(--frame-width) * var(--frames) - var(--frame-width) * 0);
opacity: 1;
}
66.66% {
background-position-x: calc(var(--frame-width) * var(--frames) - var(--frame-width) * 1);
}
100% {
background-position-x: calc(var(--frame-width) * var(--frames) - var(--frame-width) * 2);
opacity: 1;
}
}
- /
/*** Template:HK CP Header. ***/ .hk-cp-header {
display: block; font-family: var(--font-headline); margin-block-start: 1em; text-align: center; width: 100%;
}
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem, .ext-discussiontools-init-pageframe-latestcomment, .ext-discussiontools-ui-replyWidget-footer, .ext-discussiontools-ui-replyWidget-preview::before, .oo-ui-popupToolGroup-header {
color: var(--theme-secondary);
}
.ve-ui-targetWidget-focused {
border-color: rgb(var(--theme-accent)); box-shadow: inset 0 0 0 1px rgb(var(--theme-accent));
}
.ext-discussiontools-ui-targetWidget > .ve-init-target > .ve-ui-surface > .ve-ce-surface .ve-ce-attachedRootNode, .ext-discussiontools-ui-replyWidget-preview, .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice, .oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: rgb(var(--theme-background-secondary)); color: var(--theme-primar);
}
.ext-discussiontools-init-targetcomment {
background-color: unset;
} </style>