|
|
| (11 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
|
| |
| <!-- Widget: Dark Blur Theme for GLA Wiki -->
| |
| <style> | | <style> |
| /*
| | @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap'); |
| ** 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,
| | #footer-info-lastmod { |
| .ns-14):is(.page-Category_Hidden_Dreams,
| | display: none; |
| .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,
| | /*** Template:HK CP Header. ***/ |
| .ns-14):is([class*=Grimm],
| | .hk-cp-header { |
| .page-Brumm,
| | display: block; |
| .page-Divine,
| | font-family: var(--font-headline); |
| .page-Nightmare’s_Heart,
| | margin-block-start: 1em; |
| .page-Nymm,
| | text-align: center; |
| .page-Dreamshield,
| | width: 100%; |
| .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,
| | .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem, |
| .ns-14):is(.page-Category_Godmaster,
| | .ext-discussiontools-init-pageframe-latestcomment, |
| .page-Brothers_Oro_Mato,
| | .ext-discussiontools-ui-replyWidget-footer, |
| .page-Fluke_Hermit,
| | .ext-discussiontools-ui-replyWidget-preview::before, |
| .page-Flukemunga,
| | .oo-ui-popupToolGroup-header { |
| .page-Godseekers,
| | color: var(--theme-secondary); |
| .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,
| | .ve-ui-targetWidget-focused { |
| .ns-14):is(.page-Category_Lifeblood,
| | border-color: rgb(var(--theme-accent)); |
| .page-Hive_Knight) {
| | box-shadow: inset 0 0 0 1px rgb(var(--theme-accent)); |
| --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,
| | .ext-discussiontools-ui-targetWidget>.ve-init-target>.ve-ui-surface>.ve-ce-surface .ve-ce-attachedRootNode, |
| .ns-14).page-Voidheart_Edition {
| | .ext-discussiontools-ui-replyWidget-preview, |
| --theme-accent: 189, 189, 189;
| | .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice, |
| --theme-accent-hover: 238, 238, 238;
| | .oo-ui-textInputWidget .oo-ui-inputWidget-input { |
| --theme-background: 33, 33, 33;
| | background-color: rgb(var(--theme-background-secondary)); |
| --theme-background-secondary: 66, 66, 66;
| | color: var(--theme-primar); |
| --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,
| | .ext-discussiontools-init-targetcomment { |
| .ns-14):is(.page-Category_Lore,
| | background-color: unset; |
| .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, | | body { |
| .ns-14):is([class*=Silksong]:not(.rootpage-Hollow_Knight_Wiki),
| | background: url('https://i.imgur.com/5txNFHg.png') no-repeat center center fixed; |
| .page-Deep_Docks,
| | background-size: cover; |
| .page-Greymoor,
| | color: #d0d0d0; |
| .page-Moss_Grotto,
| | font-family: 'Inter', sans-serif; |
| .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 {
| | #content { |
| --theme-accent: 160, 203, 255;
| | background: rgba(24, 24, 24, 0.85); |
| --theme-accent-hover: 207, 221, 237;
| | backdrop-filter: blur(10px); |
| --theme-background: 26, 29, 34;
| | -webkit-backdrop-filter: blur(10px); |
| --theme-background-secondary: 60, 64, 68;
| | padding: 20px; |
| --theme-background-image: url(https://cdn.wikimg.net/en/hkwiki/images/5/50/Wiki-background);
| | border-radius: 0; |
| --theme-border: 255, 255, 255;
| | box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); |
| --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 {
| | #mw-head, |
| color: rgb(var(--theme-red));
| | #mw-page-base, |
| | #mw-navigation { |
| | background: transparent; |
| | color: #d0d0d0; |
| | border: none; |
| } | | } |
|
| |
|
| .color-pink {
| | a { |
| color: rgb(var(--theme-pink));
| | color: #79a8ff; |
| } | | } |
|
| |
|
| .color-purple {
| | a:visited { |
| color: rgb(var(--theme-purple));
| | color: #a079ff; |
| } | | } |
|
| |
|
| .color-deep-purple {
| | a:hover { |
| color: rgb(var(--theme-deep-purple));
| | color: #ffffff; |
| } | | } |
|
| |
|
| .color-indigo {
| | input, |
| color: rgb(var(--theme-indigo));
| | textarea { |
| | background-color: #303030; |
| | color: #e0e0e0; |
| | border: 1px solid #555555; |
| } | | } |
|
| |
|
| .color-blue {
| | button, |
| color: rgb(var(--theme-blue));
| | input[type="submit"] { |
| | background-color: #3a3a3a; |
| | color: #e0e0e0; |
| | border: 1px solid #666666; |
| } | | } |
|
| |
|
| .color-light-blue {
| | button:hover, |
| color: rgb(var(--theme-light-blue));
| | input[type="submit"]:hover { |
| | background-color: #555555; |
| } | | } |
|
| |
|
| .color-cyan {
| | h1, |
| 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, | | h2, |
| h3, | | h3, |
| h4, | | h4, |
| h5, | | h5 { |
| h6) {
| | color: #ffffff; |
| overflow: unset;
| | font-weight: 600; |
| }
| |
| :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 {
| | h1 { |
| font: 500 1em/2em var(--font-headline);
| | border-bottom: 1px solid #444444; |
| letter-spacing: 0.0625em;
| | padding-bottom: 5px; |
| text-transform: uppercase;
| |
| } | | } |
|
| |
|
| .mw-editsection a::before { | | .vector-menu-tabs li { |
| background: center/contain no-repeat url("https://cdn.wikimg.net/en/hkwiki/images/f/f0/Quill_Edit.png");
| | background: rgba(36, 36, 36, 0.9) !important; |
| content: "";
| | background-image: none !important; |
| display: inline-block;
| | border: 1px solid rgba(100, 100, 100, 0.5) !important; |
| height: 1em;
| | border-bottom: none !important; |
| margin-right: 1em;
| | margin-right: 2px; |
| transition: filter 400ms;
| | color: #d0d0d0 !important; |
| width: 1em;
| |
| } | | } |
|
| |
|
| .mw-editsection a:hover::before { | | .vector-menu-tabs li.current a { |
| filter: drop-shadow(0 0 0.0625rem rgb(var(--theme-accent-hover)));
| | background: rgba(60, 60, 60, 0.9) !important; |
| | color: #ffffff !important; |
| } | | } |
|
| |
|
| ol.references li:target,
| | .vector-menu-tabs li a:hover { |
| sup.reference:target {
| | background: rgba(50, 50, 50, 0.9) !important; |
| background-color: rgb(var(--theme-accent));
| | color: #ffffff !important; |
| color: rgb(var(--theme-on-accent));
| |
| } | | } |
|
| |
|
| ol.references li:target a,
| | .vector-menu-tabs, |
| sup.reference:target a,
| | .vector-menu-tabs a, |
| ol.references li:target a:not(.mw-selflink):is(:hover, :focus),
| | #mw-head .vector-menu-dropdown h3 { |
| sup.reference:target a:not(.mw-selflink):is(:hover, :focus) {
| | background: none !important; |
| color: inherit;
| | background-image: none !important; |
| text-shadow: none;
| | background-repeat: no-repeat !important; |
| }
| | background-size: 0 !important; |
| | | border: none !important; |
| 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 { | | .mw-body { |
| background-color: rgb(var(--theme-background));
| | margin-top: 0 !important; |
| border: 1px solid rgba(var(--theme-border), 0.16);
| | border: 1px solid rgba(100, 100, 100, 0.5) !important; |
| box-shadow: 0 0 24px rgb(var(--theme-accent-hover));
| |
| color: var(--theme-primary);
| |
| } | | } |
|
| |
|
| #contentSub,
| | .vector-menu-tabs:first-child { |
| #contentSub2 {
| | margin-left: 20px; |
| color: var(--theme-secondary);
| |
| } | | } |
|
| |
|
| a:not(.mw-selflink),
| | body, |
| a:not(.mw-selflink):visited,
| | .mw-body-content, |
| .vector-menu-portal .vector-menu-content li a,
| | .vector-menu-tabs li a, |
| .vector-menu-portal .vector-menu-content li a:visited, | | #mw-head a, |
| .mw-parser-output a.extiw,
| | #mw-head h1, |
| .mw-parser-output a.external,
| | #p-personal li a, |
| .mw-parser-output a.extiw:visited,
| | #footer a, |
| .mw-parser-output a.external:visited { | | .searchbox input { |
| color: rgb(var(--theme-accent));
| | color: #d0d0d0 !important; |
| transition: color 400ms, text-shadow 400ms;
| |
| } | | } |
|
| |
|
| :where(a:not(.mw-selflink),
| | .searchbox input::placeholder { |
| a:not(.mw-selflink):visited,
| | color: #aaaaaa; |
| .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));
| |
| } | | } |
|
| |
|
| Linha 1 632: |
Linha 168: |
| h5, | | h5, |
| h6 { | | h6 { |
| color: rgb(var(--theme-on-background));
| | font-family: 'Inter', sans-serif !important; |
| }
| |
| | |
| .mw-body-content h1 {
| |
| font: 300 2rem/2.5rem var(--font-headline);
| |
| letter-spacing: -.015625em;
| |
| } | | } |
|
| |
|
| .mw-body-content h2 {
| | h1 { |
| font: 300 1.5rem/1.875rem var(--font-headline);
| | font-weight: 700; |
| letter-spacing: -.0083333333em;
| | font-size: 1.8em; |
| }
| |
| | |
| .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 { | | h2 { |
| border: none;
| | font-weight: 600; |
| }
| | font-size: 1.5em; |
| 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 { | | .toc { |
| opacity: 1;
| | background-color: rgba(36, 36, 36, 0.9); |
| | color: #d0d0d0; |
| | border: 1px solid rgba(100, 100, 100, 0.5); |
| } | | } |
|
| |
|
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | | .thumb { |
| color: rgb(var(--theme-on-background));
| | background-color: rgba(36, 36, 36, 0.9); |
| }
| | border: 1px solid rgba(100, 100, 100, 0.5); |
| .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, | | .thumb .thumbcaption { |
| .wikiEditor-ui-toolbar .group .tool-select .label::after {
| | color: #d0d0d0; |
| 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 { | | .mw-warning, |
| background-color: transparent;
| | .mw-content-ltr .infobox, |
| | .mw-message-box { |
| | background-color: rgba(36, 36, 36, 0.9); |
| | color: #d0d0d0; |
| | border: 1px solid rgba(100, 100, 100, 0.5); |
| } | | } |
|
| |
|
| .CodeMirror-linenumber, | | table:not(.wikitable) { |
| .CodeMirror-gutters {
| | background: transparent; |
| background-color: rgb(var(--theme-background-secondary));
| | border: none; |
| color: rgba(var(--theme-on-background), 0.6);
| | border-collapse: collapse; |
| | width: 100%; |
| } | | } |
|
| |
|
| .CodeMirror pre.CodeMirror-line { | | table:not(.wikitable) th, |
| color: rgba(var(--theme-on-background), 0.87);
| | table:not(.wikitable) td { |
| | border: none; |
| | padding: 4px 8px; |
| | background: transparent; |
| | color: #d0d0d0; |
| | text-align: left; |
| } | | } |
|
| |
|
| .editOptions { | | .toc ul { |
| background-color: rgb(var(--theme-background-secondary));
| | color: #d0d0d0; |
| border-color: rgba(var(--theme-on-background), 0.36);
| |
| color: rgba(var(--theme-on-background), 0.87);
| |
| } | | } |
|
| |
|
| :is(.cm-mw-template-ext-link-ground,
| | .thumbinner { |
| .cm-mw-template-ext2-link-ground,
| | background-color: rgba(36, 36, 36, 0.9) !important; |
| .cm-mw-template-ext3-link-ground,
| | border: 1px solid rgba(100, 100, 100, 0.5) !important; |
| .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,
| | .thumbcaption { |
| .cm-mw-template2-ext2-link-ground,
| | color: #d0d0d0 !important; |
| .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,
| | #p-tb { |
| .cm-mw-template3-ext2-link-ground,
| | display: none; |
| .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 {
| | #ca-view { |
| /* template-param */
| | display: none; |
| color: #e6f5a6;
| |
| } | | } |
|
| |
|
| .CodeMirror-line :is(.cm-mw-templatevariable-bracket,
| | #ca-history { |
| .cm-mw-templatevariable-name,
| | display: none; |
| .cm-mw-templatevariable-delimiter,
| |
| .cm-mw-templatevariable) {
| |
| /* parameter */
| |
| color: #ff8969;
| |
| } | | } |
|
| |
|
| .CodeMirror-line :is(.cm-mw-extlink-bracket,
| | #ca-viewsource { |
| .cm-mw-link-bracket,
| | display: none !important; |
| .cm-mw-link-delimiter) {
| |
| /* link */
| |
| color: #d4b170;
| |
| } | | } |
|
| |
|
| .CodeMirror-line :is(.cm-mw-extlink-protocol, | | body.anonymous #p-tb { |
| .cm-mw-extlink,
| | display: none !important; |
| .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, | | body.anonymous #ca-history { |
| .cm-mw-link-text) {
| | display: none !important; |
| /* link-text */
| |
| color: #decaa4;
| |
| } | | } |
|
| |
|
| .CodeMirror-line :is(.cm-mw-parserfunction-bracket,
| | #p-variants { |
| .cm-mw-parserfunction-name,
| | display: none !important; |
| .cm-mw-parserfunction-delimiter) {
| |
| /* parser-func */
| |
| color: #d48aff;
| |
| } | | } |
|
| |
|
| .CodeMirror-line :is(.cm-mw-htmltag-bracket, | | /*sidebar*/ |
| .cm-mw-htmltag-name, | | #mw-panel .vector-menu-portal { |
| .cm-mw-exttag-bracket, | | background: rgba(0, 0, 0, 0.7); |
| .cm-mw-exttag-name) { | | backdrop-filter: blur(4px); |
| /* tag */
| | padding: 0.5rem 0.5rem; |
| color: #42b9f0;
| | margin: 0.5rem 0; |
| | border-radius: 8px; |
| | box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); |
| } | | } |
|
| |
|
| .CodeMirror-line :is(.cm-mw-htmltag-attribute,
| | #mw-panel .vector-menu-heading { |
| .cm-mw-exttag-attribute) {
| | font-family: sans-serif; |
| /* tag-attr */
| | font-size: 1rem; |
| color: #a1dcf7;
| | font-weight: bold; |
| | color: #cccccc; |
| | text-align: center; |
| | margin-bottom: 0.5rem; |
| } | | } |
|
| |
|
| .CodeMirror-line .cm-mw-mnemonic {
| | #mw-panel .vector-menu-content { |
| /* entity */
| | list-style: none; |
| color: #42b9f0;
| | margin: 0; |
| | padding: 0; |
| } | | } |
|
| |
|
| .CodeMirror-line .cm-mw-comment {
| | #mw-panel .vector-menu-content li { |
| /* comment */
| | margin: 0.2rem 0; |
| color: #84a0a0;
| |
| } | | } |
|
| |
|
| .CodeMirror-line :is(.cm-mw-apostrophes-bold,
| | #mw-panel .vector-menu-content li a { |
| .cm-mw-apostrophes-italic, | | display: block; |
| .cm-mw-section-header, | | padding: 0.4rem 0.5rem; |
| .cm-mw-hr,
| | color: #88bbee; |
| .cm-mw-signature,
| | font-size: 0.9rem; |
| .cm-mw-list, | | text-decoration: none; |
| .cm-mw-indenting,
| | text-align: center; |
| .cm-mw-doubleUnderscore) {
| | position: relative; |
| /* markup */
| | transition: color 0.3s ease; |
| color: #0088ff;
| | border-radius: 4px; |
| } | | } |
|
| |
|
| .CodeMirror-line :is(.cm-mw-table-bracket,
| | #mw-panel .vector-menu-content li a::before { |
| .cm-mw-table-definition, | | content: ''; |
| .cm-mw-table-delimiter) { | | position: absolute; |
| /* table */
| | top: 0; |
| color: #e5ed9f;
| | left: 0; |
| | width: 100%; |
| | height: 100%; |
| | background: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 0%, transparent 70%); |
| | opacity: 0; |
| | transition: opacity 0.4s ease; |
| | border-radius: 4px; |
| | pointer-events: none; |
| } | | } |
|
| |
|
| .cm-mw-matchingbracket { | | #mw-panel .vector-menu-content li a:hover::before { |
| background-color: rgba(var(--theme-on-background), 0.3);
| | opacity: 1; |
| box-shadow: inset 0 0 1px 1px rgba(var(--theme-on-background), 0.6);
| |
| } | | } |
|
| |
|
| .cm-mw-skipformatting {
| | #mw-panel .vector-menu-content li a:hover { |
| background-color: rgba(var(--theme-on-background), 0.3);
| | color: #aaccee; |
| }
| |
| | |
| .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> |
