Mudanças entre as edições de "Widget:Gurren2"
Ir para navegação
Ir para pesquisar
(Página substituída por ' <!-- Widget: Dark Blur Theme for GLA Wiki --> <style> →importa o CSS compilado do Hollow Knight Wiki: @import url('https://hollowknight.wiki/mw/index.php?action=ra...') Etiqueta: Substituído |
m |
||
| Linha 2: | Linha 2: | ||
<!-- Widget: Dark Blur Theme for GLA Wiki --> | <!-- Widget: Dark Blur Theme for GLA Wiki --> | ||
<style> | <style> | ||
/* | /* | ||
@import url( | ** 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> | </style> | ||
Edição das 01h15min de 28 de abril de 2025
<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>