MediaWiki:Timeless.css: Difference between revisions
From Inkipedia, the Splatoon wiki
Trig Jegman (talk | contribs) m (& remove unsupported file types) |
Trig Jegman (talk | contribs) m (& This *should* fix an override for something I am experimenting with. If there are issues, let me know right away!) |
||
Line 236: | Line 236: | ||
} | } | ||
code,pre,.mw-code, | code,pre,.mw-code, | ||
ul#filetoc,.toc,.mw-warning, | ul#filetoc,.toc,.mw-warning, | ||
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,.mw-changeslist-legend,.mw-body .mw-search-profile-tabs,.mw-body fieldset#mw-searchoptions,.wikitable,.mw-datatable{ | .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,.mw-changeslist-legend,.mw-body .mw-search-profile-tabs,.mw-body fieldset#mw-searchoptions,.wikitable,.mw-datatable{ | ||
Line 246: | Line 244: | ||
} | } | ||
hr, | hr, | ||
.mw-datatable,.wikitable{ | .mw-datatable,.wikitable{ | ||
border-color:var(--border); | border-color:var(--border); |
Latest revision as of 18:11, 26 June 2024
/***************************** Website palettes ******************************/ /* Light mode */ :root{ --article : #f8f8f8; /* Article table */ --body-1 : #383838; /* Page body 1 */ --body-2 : #414141; /* Page body 2 */ --border : #c8ccd1; /* Layout border */ --divider : #aadc00; /* Layout divider */ --footer-1 : #ececec; /* Page footer 1 */ --footer-2 : #dcdcdc; /* Page footer 2 */ --input : #ffffff; /* Data input background */ --input-text : #202122; /* Data input text */ --link-admin : #006400; /* Admin user link */ --link-bureaucrat: #926f16; /* Bureaucrat user link */ --link-external : #366ac4; /* External link */ --link-internal : #358500; /* Internal link */ --link-missing : #db0000; /* Link destination does not exist */ --link-niwa : #2B8264; /* NIWA affiliate link */ --mark : #ffff00; /* <mark> background */ --page : #ffffff; /* Main content background */ --page-b : #eaecf0; /* Secondary content background */ --page-text : #202122; /* Main content text */ --page-text-b : #666666; /* Secondary content text */ --reference : #eaf3ff; /* Selected reference background */ --reply-highlight: #ffe29e; /* Briefly displayed after reply */ --selected : #3366cc; /* Selection background */ --selected-text : #ffffff; /* Selection text */ --shadow : #000000; /* Layout shadow */ --diff-add : #a3d3ff; /* Diff added contents box border */ --diff-add-word: #d8ecff; /* Diff added word background */ --diff-context : #eaecf0; /* Diff context box border */ --diff-del : #ffe49c; /* Diff deleted contents box border */ --diff-del-word: #feeec8; /* Diff deleted word background */ --diff-history : #f8f9fa; /* Selected diff in history */ --ui-error : #dd33337d; --ui-grey : #00000054; --ui-invert : #ffffff7d; --ui-main-theme : #006400; /* The main UI theme including UI components */ --ui-main-theme-b : rgba(0, 100, 0, 0.25); /* Above with background highlight opacity */ --ui-normal : #0000007d; --ui-progressive: #3366cc7d; --ui-warning : #ffcc337d; /*** * Please see [[MediaWiki:SiteColor.css]] for up to date values and variable usages. --site-color-background-generic : rgba(0, 153, 255, 0.25); --site-color-background-b-generic : rgba(0, 153, 255, 0.15); --site-color-generic : rgba(0, 153, 255, 1); --site-color-background-niwa : rgba(229, 64, 52, 0.25); --site-color-background-b-niwa : rgba(229, 64, 52, 0.15); --site-color-niwa : rgba(229, 64, 52, 1); --site-color-background-oe : rgba(174, 21, 102, 0.25); --site-color-background-b-oe : rgba(174, 21, 102, 0.15); --site-color-oe : rgba(174, 21, 102, 1); --site-color-background-s : rgba(170, 220, 0, 0.25); --site-color-background-b-s : rgba(170, 220, 0, 0.15); --site-color-s : rgba(170, 220, 0, 1); --site-color-background-s2 : rgba(240, 60, 120, 0.25); --site-color-background-b-s2 : rgba(240, 60, 120, 0.15); --site-color-s2 : rgba(240, 60, 120, 1); --site-color-background-s3 : rgba(235, 238, 61, 0.25); --site-color-background-b-s3 : rgba(235, 238, 61, 0.15); --site-color-s3 : rgba(235, 238, 61, 1); **/ } /* Dark mode is undergoing contrast adjustments. See User:GuyPerfect/timeless-tinted.css */ /****************************** General styles *******************************/ /* Fonts */ .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body #firstHeading, .mw-body #siteSub, #p-banner.mw-wiki-title, #mw-site-navigation h2, #mw-related-navigation h2, #personal h2, #mw-content-text dt { font-family: 'Helvetica Neue', 'Nimbus Sans', 'Helvetica', 'Arial', sans-serif; } /* Elements */ fieldset{ border-color:var(--border); } input[type="text"],input[type="search"],textarea,#searchInput,.oo-ui-textInputWidget .oo-ui-inputWidget-input{ background:var(--input); box-shadow:none; border-color:var(--border); color:var(--input-text); } input::placeholder{ color:var(--ui-normal); opacity: 1; } mark{ background:var(--mark); color:var(--page-text); } /* Reply interface */ .oo-ui-widget.ext-discussiontools-ui-replyWidget .oo-ui-toolbar{ background:#ffffff; color:#000000; } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending){ background:var(--input); color:var(--input-text); } .ext-discussiontools-ui-replyWidget-preview{ background:var(--page); color:var(--page-text); border:1px solid var(--border); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice{ background:var(--page-b); color:var(--page-text); border-color:var(--border); } .ext-discussiontools-ui-replyWidget-preview::before,.ext-discussiontools-ui-replyWidget-footer{ color:var(--page-text-b); } .ext-discussiontools-init-publishedcomment{ background:var(--reply-highlight); } /* Tables */ table.wikitable { background-color: var(--page); color: var(--page-text); } table.wikitable > thead > tr > th, table.wikitable > tbody > tr > th, table.wikitable > tbody > tr > th a:not(.new), table.wikitable > tbody > tr > th *:not(.new) a { /*color: #fff;*/ } .mw-datatable{ border-color:#a2a9b1; } .mw-datatable td,.mw-datatable th{ border-color:#a2a9b1; } .mw-datatable th{ background-color:#eaeeff; color: #000000; } .mw-datatable td{ background:var(--page); } .mw-datatable tr:hover td{ background:var(--page-b) !important; } /* .mw-datatable > tr > th, .wikitable > tr > th, .mw-datatable > tr > td, .wikitable > tr > td, .mw-datatable > * > tr > th, .wikitable > * > tr > th, .mw-datatable > * > tr > td, .wikitable > * > tr > td{ border-color:#c8ccd1; } .mw-datatable th{ background:#eaf3ff } .wikitable{ background-color:#f8f9fa; color:#202122; border-color:#a2a9b1; } .wikitable th{ background:#eaecf0 } .wikitable > tr > th,.wikitable > tr > td,.wikitable > * > tr > th,.wikitable > * > tr > td{ border-color:#a2a9b1; } .wikitable > tr > th,.wikitable > * > tr > th{ background-color:#eaecf0; } */ /* [[Special:AllMessages]] */ .am_default { background: var(--diff-del-word) !important; color: var(--page-text); } .am_actual { background: var(--ui-main-theme-b) !important; color: var(--page-text); } #mw-allmessagestable tbody:hover td { background: var(--reference); } /* Diffs */ .diff-context { background: transparent; border-color: var(--diff-context); color: var(--page-text); } .diff-addedline { border-color: var(--diff-add); } .diff-addedline .diffchange { background: var(--diff-add-word); } .diff-deletedline { border-color: var(--diff-del); } .diff-deletedline .diffchange { background: var(--diff-del-word); } #pagehistory li.selected{ background: var(--diff-history); border-color: var(--border); color: var(--page-text); } /* "updated since your last visit" text */ .updatedmarker { background: var(--mark); } /* Wikitext elements */ #contentSub{ color:var(--page-text-b); } code,pre,.mw-code, ul#filetoc,.toc,.mw-warning, .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,.mw-changeslist-legend,.mw-body .mw-search-profile-tabs,.mw-body fieldset#mw-searchoptions,.wikitable,.mw-datatable{ background:var(--page-b); border-color:var(--border); box-shadow:none; color:var(--page-text); } hr, .mw-datatable,.wikitable{ border-color:var(--border); } .tocnumber{ color:var(--page-text-b); } .article-table { background: var(--article); border: 1px solid var(--border); } ol.references li:target,sup.reference:target{ background:var(--reference); } .navpopup{ background:var(--page-b); border-color:var(--border); color:var(--page-text); } /* Other */ .editOptions { color:var(--page-text); } /* Needs investivation */ /* li span.deleted,span.history-deleted{ color:#72777d; } .not-patrolled{ background-color:#ffa } .unpatrolled{ color:#d33 } .autocomment,.autocomment a,.autocomment a:visited{ color:#72777d } .error{ color:#d33 } .warning{ color:#ac6600 } .success{ color:#14866d } .mw-infobox{ border-color:#fc3; } .mw-ajax-loader{ background-image:url(/w/resources/src/mediawiki.skinning/images/ajax-loader.gif?57f34); } .mw-small-spinner{ background-image:url(/w/resources/src/mediawiki.skinning/images/spinner.gif?ca65b); } .messagebox,.errorbox,.warningbox,.successbox{ color:#000; } .messagebox{ background-color:#eaecf0; border-color:#a2a9b1 } .errorbox{ background-color:#fee7e6; border-color:#d33 } .warningbox{ background-color:#fef6e7; border-color:#fc3 } .successbox{ background-color:#d5fdf4; border-color:#14866d } */ /*********************************** Mods ************************************/ /* Indefinite content width */ /* @media screen and (min-width: 851px) { .color-middle-container, .ts-inner { max-width: none; } } */ /* One-sided navigation menu */ @media (min-width: 1340px) { #mw-content-block { display: block; } #mw-content, #content-bottom-stuff { margin-left: 14em; } #mw-content-wrapper { float: right; margin-left: -14em; width: 100%; } #mw-related-navigation { width: 14em; padding: 0 1em 0 0; } div.color-middle { margin-right: 0; } .mw-wiki-logo { display: inline-block; } } /* Align top colour bar with page columns */ .ts-inner { padding: 0 0 0 1em; } /* Re-aligning bottom logos */ #footer { padding-right: 1em; } /* Categories always at bottom */ @media (min-width:1100px){ #catlinks-sidebar{ display:none } #catlinks{ border:solid var(--divider); border-width:1px 2px 0 2px; box-shadow:0 2px 0 var(--divider); display:block; margin:0; padding:1em 2em 0.5em 2em; } #catlinks li{ border-left:0 } #catlinks div{ margin:0 0 0.35em } } /****************************** Customizations *******************************/ /* fix for header colliding with infobox */ .mw-body h2 { overflow: hidden; } #mw-content-text dt { font-weight: bold; } /* sidebar header colors */ .sidebar-chunk h3#p-navigation-label, .sidebar-chunk h3#p-tb-label, .sidebar-chunk h3#p-lang-label { border-bottom: solid 2px #007edc; } .sidebar-chunk h3#p-Splatoon-label, .sidebar-chunk h3#p-cactions-label { border-bottom: solid 2px #d60e6e; } .sidebar-chunk h3#p-Explore-label, .sidebar-chunk h3#p-userpagetools-label, .sidebar-chunk h3#p-normal-catlinks-label { border-bottom: solid 2px #fb5c03; } .sidebar-chunk h3#p-Community-label, .sidebar-chunk h3#p-pagemisc-label { border-bottom: solid 2px #830b9c; } /* ink splotches on headers */ .mw-body h1, .mw-body h2 { position: relative; } /* ::before element is needed for opacity */ .mw-body h1::before, .mw-body h2::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 30px; opacity: .6; z-index: -1; background-image: url(//cdn.wikimg.net/splatoonwiki/images/5/5c/Drip-heading.png); background-repeat: no-repeat; bottom: 0; } .mw-body h1::before { background-position: 97% -2.5%; } /* green */ .mw-body h2:nth-of-type(6n-5)::before { background-position: 97% 20%; } /* purple */ .mw-body h2:nth-of-type(6n-4)::before { background-position: 97% 40%; } /* blue */ .mw-body h2:nth-of-type(6n-3)::before { background-position: 97% 60%; } /* orange */ .mw-body h2:nth-of-type(6n-2)::before { background-position: 97% 80%; } /* pink */ .mw-body h2:nth-of-type(6n-1)::before { background-position: 97% 100%; } /* cyan */ .mw-body h2:nth-of-type(6n)::before { background-position: 97% 0%; } /* green */ #toc h2::before { background: none; } /* prevent splotches from showing on table of contents header */ /* prevent h1 help links from becoming unclickable due to the ::before elements */ div#mw-indicator-mw-helplink { position: relative; z-index: 1; } #mw-site-navigation { padding-top: .25em; } /* sticky sidebar */ @media (min-height: 850px) and (min-width: 1100px) and (max-width: 1339px) { #mw-related-navigation { position: sticky; top: 4.5em; padding-bottom: .1em; } } @media (min-height: 600px) and (min-width: 1400px) { #mw-related-navigation { position: sticky; top: 67px; padding-bottom: .1em; height: fit-content; } #site-tools { position: sticky; top: 67px; padding-bottom: .1em; } } /* on some screen sizes, categories appear at the bottom and need a background to be readable */ #content-bottom-stuff { background-color: var(--page); } /* fixes issue where empty space appears below footer on some screen sizes */ @media (max-width: 1099px) { #mw-footer { padding-bottom: 0.5em; } } /* on smaller screen sizes, prevents tables from stretching pages, and makes them scrollable */ @media (max-width: 850px) { .mw-parser-output :not(.tagInfobox) > table { /* Slate: Was display: block; but inline-table is superior for this as we want to flex the width of the table to the width available, but for small screens, display a scrollbar for each table. */ display: inline-table; overflow-x: auto; padding: 0 !important; /*width: max-content; Seems to be causing issues */ } } .mw-changeslist { line-height: 1.5; } /* remove excess margin from recent change table */ #bodyContent #mw-content-text .mw-changeslist div table { margin-left: 0; } /* fix visual glitches on recent changes */ .mw-changeslist-legend .mw-collapsible-content dt { margin: 0 0.5em 0 0; } #mw-content-text .oo-ui-tagMultiselectWidget-handle { margin-bottom: 0; } .mw-rcfilters-ui-row .oo-ui-inputWidget-input { margin: 0; } /* disable forced shrinking of images in tables */ table > tbody > tr > td > a.image > img { max-width: initial !important; } /* remove margin for site notice */ #siteNotice .mw-dismissable-notice-body{ margin: 0; } /* Template:Infobox */ @media (max-width: 600px) { .tagInfobox{ float:unset !important; width:unset !important; } } /* Even spacing at smallest layout */ @media (max-width: 850px) { .ts-inner { padding: 0; } } /* Fix for Webkit misbehaviors in UI area divider */ #mw-header-hack{ height:4px; } #mw-header-hack .color-middle-container{ margin:0; } #mw-header-hack .color-middle{ display:none; } @media (max-width: 1100px) { #mw-header-nav-hack .color-bar{ height:4px; } #mw-header-nav-hack .color-middle-container{ margin: 0; } #mw-header-nav-hack .color-middle{ display:none; } } /*********************************** Links ***********************************/ @media screen{ :root{ --link-icon-audio:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+Cgk8cGF0aCBmaWxsPSIjMzZiIiBkPSJNNy4wMDIgMS4wMWwtMyAzaC0zdjRoM2wzIDN6bS0xIDIuNXY1bC0xLjUtMS41aC0yLjV2LTJoMi41eiIvPgoJPHBhdGggZmlsbD0iIzE1YTVlYSIgZD0iTTcuNDMyIDQuMTFjMC0uNjIxLjYyMS0xLjI0MyAxLjI0My0uNjIxIDAgMCAuNjIxLjYyMS42MjEgMi40ODVzLS42MiAyLjQ4NS0uNjIgMi40ODVjLS42MjIuNjIxLTEuMjQ0IDAtMS4yNDQtLjYyMiAwIDAgLjYyMS0uNjIuNjIxLTEuODY0cy0uNjItMS44NjQtLjYyLTEuODY0eiIvPgoJPHBhdGggZmlsbD0iIzE1YTVlYSIgZD0iTTkuMjkyIDIuODFjMC0uNjIxLjYyMS0xLjI0MyAxLjI0My0uNjIxIDAgMCAxLjI0MyAxLjI0MyAxLjI0MyAzLjcyOHMtMS4yNDMgMy43MjgtMS4yNDMgMy43MjhjLS42MjEuNjIxLTEuMjQzIDAtMS4yNDMtLjYyMiAwIDAgMS4yNDMtMS4yNDMgMS4yNDMtMy4xMDdTOS4yOTIgMi44MSA5LjI5MiAyLjgxeiIvPgo8L3N2Zz4="); --link-icon-chat:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+Cgk8cGF0aCBmaWxsPSIjMzZiIiBkPSJNMS42MjIgMi4wMWwtLjYyMS42MjF2NS43NTdsLjYyMS42MjJoMS42OWwtLjYyMiAyLjcyOEw3IDkuMDFoNC4zOGwuNjItLjYyMlYyLjYzMWwtLjYyMS0uNjIxem0uMzc5IDFoOXY1SDdMNC4wOTkgOS45MDcgNSA4LjAxSDJ6Ii8+Cjwvc3ZnPg=="); --link-icon-document:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+Cgk8cGF0aCBmaWxsPSIjMTVhNWVhIiBkPSJNNy41IDJ2M0gxMGwxLTFIOC41VjF6Ii8+Cgk8cGF0aCBmaWxsPSIjMzZiIiBkPSJNMyAxdjEwaDhWNEw4LjUgMXptMSAxaDRsMiAyLjVWMTBINHoiLz4KPC9zdmc+"); --link-icon-external:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+Cgk8cGF0aCBmaWxsPSIjMzZiIiBkPSJNNS4wMDIgMS4wMWg3djdsLTItMi0zIDJ2LTFsMy0yLjI1IDEgMVYyLjAxaC0zLjc1bDEgMS0yLjI1IDNoLTFsMi0zeiIvPgoJPHBhdGggZmlsbD0iIzM2YiIgZD0iTTcuMDAyIDMuMDFoLTV2OGg4di01aC0xdjRoLTZ2LTZoNHoiLz4KCTxwYXRoIGZpbGw9IiMxNWE1ZWEiIGQ9Ik00LjA4MiA1LjUxYzAtLjYyMS42MjEtLjYyMS42MjEtLjYyMSAxLjg2NC42MjEgMy4xMDcgMS44NjQgMy43MjggMy43MjggMCAwIDAgLjYyMS0uNjIuNjIxLTEuMjQ1LTEuODY0LTEuODY2LTIuNDg1LTMuNzMtMy43Mjh6Ii8+Cjwvc3ZnPg=="); --link-icon-ftp:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+Cgk8cGF0aCBmaWxsPSIjMzQ2NWJhIiBkPSJNMS4wNDMgMi40NjZ2Ny41bDEtLjk4N1YyLjk2NmgybDIgMWg0djJoMXYtMi41bC0uNS0uNWgtNC41bC0yLTFoLTIuNXoiLz4KCTxwYXRoIGZpbGw9IiMxNmE0ZTgiIGQ9Ik02LjA0MyA0Ljk2NmgtMy41bC0uNS41LTEgNC41aDEwdi00LjVsLS41LS41em0wIDFoNHYzaC03Ljc1bC43NS0zaDJ6Ii8+Cgk8cGF0aCBmaWxsPSIjMzQ2NWJhIiBkPSJNMi4wNDMgMTAuOTY2djFoOHYtMXoiLz4KCTxwYXRoIGZpbGw9IiMzNDY1YmEiIGQ9Ik01LjA0MyA5LjQ2NnYyaDJ2LTJjMC0uNS0yLS41LTIgMHoiLz4KPC9zdmc+"); --link-icon-mail:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+Cgk8cGF0aCBmaWxsPSIjMTVhNWVhIiBkPSJNMS44NCA0TDYuNSA4LjM0OSAxMS4xNiA0bC0uNjIxLS42MjFMOS4yOTYgNCA2LjUgNi40ODUgMy43MDQgNCAyLjQ2IDMuMzh6Ii8+Cgk8cGF0aCBmaWxsPSIjMzZiIiBkPSJNMSAzdjhoMTFWM3ptMSAxaDl2NkgyeiIvPgo8L3N2Zz4="); --link-icon-video:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+Cgk8cGF0aCBmaWxsPSIjMTVhNWVhIiBkPSJNMi40OTIgMi4wMXYuNjIxaDguMDk4VjIuMDF6bTAgOGg4LjA5OHYtLjYyMUgyLjQ5MnptMC02LjF2LjYyMWgxLjg3VjMuOTF6bTYuMjMgMHYuNjIxaDEuODY4VjMuOTF6bS02LjIzIDMuN3YuNjIxaDEuODdWNy42MXptNi4yMyAwdi42MjFoMS44NjhWNy42MXptLTYuMjMtMS4yaDguMDk4di0uNjIxSDIuNDkyeiIvPgoJPHBhdGggZmlsbD0iIzE1YTVlYSIgZD0iTTQuMzYyIDUuNTF2MS4yNDNoNC4zNlY1LjUxeiIvPgoJPHBhdGggZmlsbD0iIzM2YiIgZD0iTTQuMDAyIDIuMDF2OGg1di04em0xIDFoM3Y2aC0zem0tMy0yaDF2MTBoLTF6bTggMGgxdjEwaC0xeiIvPgo8L3N2Zz4="); } .mw-parser-output a.external,.mw-parser-output a.extiw{ background-image:none; position:relative; padding-right:0; } .mw-parser-output a.external:not([href*="//splatoonwiki.org/"])::after,.mw-parser-output a.extiw:not([href*="//splatoonwiki.org/"])::after,.link-https::after,.link-mailto::after,.link-ftp::after,.link-irc::after,.link-audio::after,.link-video::after,.link-document::after{ background:var(--link-external); content:""; display:inline-block; height:13px; mask-position:right center; mask-repeat:no-repeat; position:relative; width:13px; -webkit-mask-position:right center; -webkit-mask-repeat:no-repeat; } .mw-parser-output a.external[href*="//splatoonwiki.org/"],.mw-parser-output a.extiw[href*="//splatoonwiki.org/"]{ color: var(--link-internal); } .mw-parser-output a.external[href*="//splatoonwiki.org/"]::after,.mw-parser-output a.extiw[href*="//splatoonwiki.org/"]::after{ background: transparent; } .mw-parser-output a.external:not([href*="//splatoonwiki.org/"])::after,.link-https:not([href*="//splatoonwiki.org/"])::after,.mw-parser-output a.extiw:not([href*="//splatoonwiki.org/"])::after{ mask-image: var(--link-icon-external); -webkit-mask-image: var(--link-icon-external); } .mw-parser-output a.external[href^='mailto:']::after,.link-mailto::after{ mask-image: var(--link-icon-mail); -webkit-mask-image: var(--link-icon-mail); } .mw-parser-output a.external[href^='ftp://']::after,.link-ftp::after{ mask-image: var(--link-icon-ftp); -webkit-mask-image: var(--link-icon-ftp); } .mw-parser-output a.external[href^='irc://']::after,.mw-parser-output a.external[href^='ircs://']::after,.link-irc::after{ mask-image: var(--link-icon-chat); -webkit-mask-image: var(--link-icon-chat); } .mw-parser-output a.external[href$='.mp3']::after,.mw-parser-output a.external[href$='.MP3']::after,.mw-parser-output a.external[href$='.wav']::after,.mw-parser-output a.external[href$='.WAV']::after,.link-audio::after{ mask-image: var(--link-icon-audio); -webkit-mask-image: var(--link-icon-audio); } .mw-parser-output a.external[href$='.mp4']::after,.mw-parser-output a.external[href$='.MP4']::after,.link-video::after{ mask-image: var(--link-icon-video); -webkit-mask-image: var(--link-icon-video); } .mw-parser-output a.external[href$='.pdf']::after,.mw-parser-output a.external[href$='.PDF']::after,.mw-parser-output a.external[href*='.pdf#']::after,.mw-parser-output a.external[href*='.PDF#']::after,.mw-parser-output a.external[href*='.pdf?']::after,.mw-parser-output a.external[href*='.PDF?']::after,.link-document::after{ mask-image: var(--link-icon-document); -webkit-mask-image: var(--link-icon-document); } a,a:hover,a:link,a:active,div#mw-panel a:link,div.vector-menu-content li a:link div.vector-menu-content ul.vector-menu-content-list li.selected a:link,.toctogglelabel{ color:var(--link-internal); } a:hover,.toctogglelabel:hover{ text-decoration:underline; } .new a,a.new{ color:var(--link-missing); } .mw-parser-output a.extiw:not([href*="//splatoonwiki.org/"]),.mw-parser-output a.extiw:active:not([href*="//splatoonwiki.org/"]){ color:var(--link-external); } .mw-parser-output a.external:not([href*="//splatoonwiki.org/"]){ color:var(--link-external); } } /********************************* UI icons **********************************/ :root{ --ui-icon-alert:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+YWxlcnQ8L3RpdGxlPjxwYXRoIGQ9Ik0xMS41MyAyLjNBMS44NSAxLjg1IDAgMDAxMCAxLjIxIDEuODUgMS44NSAwIDAwOC40OCAyLjNMLjM2IDE2LjM2Qy0uNDggMTcuODEuMjEgMTkgMS44OCAxOWgxNi4yNGMxLjY3IDAgMi4zNi0xLjE5IDEuNTItMi42NHpNMTEgMTZIOXYtMmgyem0wLTRIOVY2aDJ6Ii8+PC9zdmc+"); --ui-icon-arrow-down-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTE1LjUgNmwtNSA1LTUtNXoiLz48L3N2Zz4="); --ui-icon-bell:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+YmVsbDwvdGl0bGU+PHBhdGggZD0iTTE2IDdhNS4zOCA1LjM4IDAgMDAtNC40Ni00Ljg1QzExLjYgMS40NiAxMS41MyAwIDEwIDBTOC40IDEuNDYgOC40NiAyLjE1QTUuMzggNS4zOCAwIDAwNCA3djZsLTIgMnYxaDE2di0xbC0yLTJ6bS02IDEzYTMgMyAwIDAwMy0zSDdhMyAzIDAgMDAzIDN6Ii8+PC9zdmc+"); --ui-icon-bellOutline:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+YmVsbDwvdGl0bGU+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNSAyLjE5QzE0LjA5IDIuODYgMTYgNS4yIDE2IDh2NmwyIDJ2MUgydi0xbDItMlY4YzAtMi44IDEuOTEtNS4xNCA0LjUtNS44MVYxLjVDOC41LjY3IDkuMTcgMCAxMCAwczEuNS42NyAxLjUgMS41di42OXpNMTAgNEM3Ljc5IDQgNiA1Ljc5IDYgOHY3aDhWOGMwLTIuMjEtMS43OS00LTQtNHpNOCAxOGg0YzAgMS4xLS45IDItMiAycy0yLS45LTItMnoiLz48L3N2Zz4="); --ui-icon-brackets-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PHBhdGggZD0iTTMgNGgzdjFINXYxMWgxdjFIM3pNMTcgNHYxM2gtM3YtMWgxVjVoLTFWNHpNNi41IDRIOXYxSDh2MTFoMXYxSDYuNXpNMTMuNSA0djEzSDExdi0xaDFWNWgtMVY0eiIvPjwvc3ZnPg=="); --ui-icon-clock-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTEwIDJhOCA4IDAgMCAwLTggOCA4IDggMCAwIDAgOCA4IDggOCAwIDAgMCA4LTggOCA4IDAgMCAwLTgtOHptMCAyYTYgNiAwIDAgMSA2IDYgNiA2IDAgMCAxLTYgNiA2IDYgMCAwIDEtNi02IDYgNiAwIDAgMSA2LTZ6Ii8+PHBhdGggZD0iTTkuOTg0IDQuOTg2QTEgMSAwIDAgMCA5IDZ2NWgzYTEgMSAwIDEgMCAwLTJoLTFWNmExIDEgMCAwIDAtMS4wMTYtMS4wMTR6Ii8+PC9zdmc+"); --ui-icon-error:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+ZXJyb3I8L3RpdGxlPjxwYXRoIGQ9Ik0xMy43MjggMUg2LjI3MkwxIDYuMjcydjcuNDU2TDYuMjcyIDE5aDcuNDU2TDE5IDEzLjcyOFY2LjI3MnpNMTEgMTVIOXYtMmgyem0wLTRIOVY1aDJ6Ii8+PC9zdmc+"); --ui-icon-eyeball-grey:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PHBhdGggZD0iTTkuOTIgNC45MWMtMi43OCAwLTUuNDIgMS43Ny03LjUzIDQuOTVsLS4zNzEuNTU1LjM3MS41NTVjMi4xMiAzLjE3IDQuNzYgNC45NSA3LjUzIDQuOTUgMi43OCAwIDUuNDItMS43NyA3LjUzLTQuOTVsLjM3MS0uNTU1LS4zNzEtLjU1NWMtMi4xMi0zLjE3LTQuNzYtNC45NS03LjUzLTQuOTV6bTAgMmMxLjc1IDAgMy42IDEuMTkgNS4zNCAzLjUtMS43NCAyLjMxLTMuNTkgMy41LTUuMzQgMy41cy0zLjYtMS4xOS01LjM0LTMuNWMxLjc0LTIuMzEgMy41OS0zLjUgNS4zNC0zLjV6Ii8+PHBhdGggZD0iTTkuODQgNS4zMUM3LjcyIDUuMzEgNiA3LjA0IDYgOS4xNWMwIDIuMTIgMS43MyAzLjg0IDMuODQgMy44NCAyLjEyIDAgMy44NC0xLjczIDMuODQtMy44NCAwLTIuMTItMS43My0zLjg0LTMuODQtMy44NHptMCAxYzEuNTggMCAyLjg0IDEuMjcgMi44NCAyLjg0IDAgMS41OC0xLjI3IDIuODQtMi44NCAyLjg0QzguMjYgMTEuOTkgNyAxMC43MiA3IDkuMTVjMC0xLjU4IDEuMjctMi44NCAyLjg0LTIuODR6Ii8+PC9nPjwvc3ZnPg=="); --ui-icon-gear-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTkuNzE0IDJhMS4xNCAxLjE0IDAgMCAwLTEuMTQzIDEuMTQzdi43NDNhNi4yODYgNi4yODYgMCAwIDAtMS44OTIuNzgzbC0uNTE4LS41MThhMS4xNCAxLjE0IDAgMCAwLTEuNjE2IDBsLS40MDMuNDA1YTEuMTQgMS4xNCAwIDAgMCAwIDEuNjE2bC41MjEuNTJhNi4yODYgNi4yODYgMCAwIDAtLjc3OCAxLjg4aC0uNzQzQTEuMTQgMS4xNCAwIDAgMCAyIDkuNzEzdi41NzNjMCAuNjMzLjUxIDEuMTQyIDEuMTQyIDEuMTQyaC43NDNhNi4yODYgNi4yODYgMCAwIDAgLjc4MyAxLjg5MmwtLjUyNi41MjhhMS4xNCAxLjE0IDAgMCAwIDAgMS42MTdsLjQwMy40MDRhMS4xNCAxLjE0IDAgMCAwIDEuNjE2IDBsLjUzMy0uNTMzYTYuMjg2IDYuMjg2IDAgMCAwIDEuODc3Ljc3OHYuNzQzYzAgLjYzMy41MSAxLjE0MiAxLjE0MyAxLjE0MmguNTcyYTEuMTQgMS4xNCAwIDAgMCAxLjE0My0xLjE0MnYtLjc0M2E2LjI4NiA2LjI4NiAwIDAgMCAxLjg3OC0uNzc2bC41MzIuNTMxYTEuMTQgMS4xNCAwIDAgMCAxLjYxNiAwbC40MDQtLjQwNGExLjE0IDEuMTQgMCAwIDAgMC0xLjYxN2wtLjUzLS41MzFhNi4yODYgNi4yODYgMCAwIDAgLjc4Ni0xLjg4OWguNzQzQTEuMTQgMS4xNCAwIDAgMCAxOCAxMC4yODZ2LS41NzNhMS4xNCAxLjE0IDAgMCAwLTEuMTQyLTEuMTQzaC0uNzQzYTYuMjg2IDYuMjg2IDAgMCAwLS43NzYtMS44NzhsLjUyLS41MmExLjE0IDEuMTQgMCAwIDAgMC0xLjYxN2wtLjQwNC0uNDA1YTEuMTQgMS4xNCAwIDAgMC0xLjYxNiAwbC0uNTIuNTJhNi4yODYgNi4yODYgMCAwIDAtMS44OS0uNzg1di0uNzQzYTEuMTQgMS4xNCAwIDAgMC0xLjE0My0xLjE0M2gtLjU3MnpNMTAgNi40NDVBMy41NTYgMy41NTYgMCAwIDEgMTMuNTU2IDEwIDMuNTU2IDMuNTU2IDAgMCAxIDEwIDEzLjU1NiAzLjU1NiAzLjU1NiAwIDAgMSA2LjQ0NCAxMCAzLjU1NiAzLjU1NiAwIDAgMSAxMCA2LjQ0NXoiLz48L3N2Zz4="); --ui-icon-gear-large-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI4LjE0NyAyOC4xNDciPjxwYXRoIGQ9Ik0xMy42NCAyLjgxNGExLjczOCAxLjczOCAwIDAgMC0xLjc0MyAxLjc0M3YxLjEzNEE5LjU4NCA5LjU4NCAwIDAgMCA5LjAxIDYuODgzbC0uNzg5LS43ODhhMS43MzcgMS43MzcgMCAwIDAtMi40NjQgMGwtLjYxNS42MTdhMS43MzggMS43MzggMCAwIDAgMCAyLjQ2NGwuNzk1Ljc5NGE5LjU4NCA5LjU4NCAwIDAgMC0xLjE4NyAyLjg2NEgzLjYyYTEuNzM4IDEuNzM4IDAgMCAwLTEuNzQ1IDEuNzQydi44NzFjMCAuOTY1Ljc3NyAxLjc0MyAxLjc0MyAxLjc0M2gxLjEzNGE5LjU4NCA5LjU4NCAwIDAgMCAxLjE5MiAyLjg4NWwtLjgwMy44MDRhMS43NCAxLjc0IDAgMCAwIDAgMi40NjZsLjYxNS42MTVhMS43MzggMS43MzggMCAwIDAgMi40NjQgMGwuODEyLS44MTFhOS41ODQgOS41ODQgMCAwIDAgMi44NjIgMS4xODZ2MS4xMzJhMS43NCAxLjc0IDAgMCAwIDEuNzQzIDEuNzQyaC44NzFhMS43MzggMS43MzggMCAwIDAgMS43NDItMS43NDJ2LTEuMTM0YTkuNTg0IDkuNTg0IDAgMCAwIDIuODY2LTEuMTgxbC44MDkuODA5YTEuNzQgMS43NCAwIDAgMCAyLjQ2NSAwbC42MTYtLjYxNmExLjc0IDEuNzQgMCAwIDAgMC0yLjQ2NmwtLjgwOC0uODA5YTkuNTg0IDkuNTg0IDAgMCAwIDEuMTk4LTIuODhoMS4xMzFhMS43MzggMS43MzggMCAwIDAgMS43NDMtMS43NDN2LS44N2ExLjczOCAxLjczOCAwIDAgMC0xLjc0My0xLjc0M2gtMS4xMzRhOS41ODQgOS41ODQgMCAwIDAtMS4xOC0yLjg2NmwuNzkzLS43OTJhMS43MzggMS43MzggMCAwIDAgMC0yLjQ2NGwtLjYxNS0uNjE3YTEuNzQgMS43NCAwIDAgMC0yLjQ2NiAwbC0uNzkyLjc5MWE5LjU4NCA5LjU4NCAwIDAgMC0yLjg4My0xLjE5N1Y0LjU1N2ExLjczOCAxLjczOCAwIDAgMC0xLjc0LTEuNzQzem0uNTYgNi45N2E1LjEwMiA1LjIyNyAwIDAgMSA1LjEwMiA1LjIyOCA1LjEwMiA1LjIyNyAwIDAgMS01LjEwMSA1LjIyNyA1LjEwMiA1LjIyNyAwIDAgMS01LjEwMi01LjIyN0E1LjEwMiA1LjIyNyAwIDAgMSAxNC4yIDkuNzg0eiIvPjwvc3ZnPg=="); --ui-icon-help:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KCTx0aXRsZT4KCQloZWxwCgk8L3RpdGxlPgoJPHBhdGggZD0iTTEwIDBhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTAgMHptMSAxNkg5di0yaDJ6bTIuNzEtNy42YTIuNjQgMi42NCAwIDAgMS0uMzMuNzQgMy4xNiAzLjE2IDAgMCAxLS40OC41NWwtLjU0LjQ4Yy0uMjEuMTgtLjQxLjM1LS41OC41MmEyLjU0IDIuNTQgMCAwIDAtLjQ3LjU2QTIuMyAyLjMgMCAwIDAgMTEgMTJhMy43OSAzLjc5IDAgMCAwLS4xMSAxSDkuMDhhOC45IDguOSAwIDAgMSAuMDctMS4yNSAzLjI4IDMuMjggMCAwIDEgLjI1LS45IDIuNzkgMi43OSAwIDAgMSAuNDEtLjY3IDQgNCAwIDAgMSAuNTgtLjU4Yy4xNy0uMTYuMzQtLjMuNTEtLjQ0YTMgMyAwIDAgMCAuNDMtLjQ0IDEuODMgMS44MyAwIDAgMCAuMy0uNTUgMiAyIDAgMCAwIC4xMS0uNzIgMi4wNiAyLjA2IDAgMCAwLS4xNy0uODYgMS43MSAxLjcxIDAgMCAwLTEtLjkgMS43IDEuNyAwIDAgMC0uNS0uMSAxLjc3IDEuNzcgMCAwIDAtMS41My42OCAzIDMgMCAwIDAtLjUgMS44Mkg2LjE2YTQuNzQgNC43NCAwIDAgMSAuMjgtMS42OCAzLjU2IDMuNTYgMCAwIDEgLjgtMS4yOSAzLjg4IDMuODggMCAwIDEgMS4yOC0uODNBNC41OSA0LjU5IDAgMCAxIDEwLjE4IDRhNC40NCA0LjQ0IDAgMCAxIDEuNDQuMjMgMy41MSAzLjUxIDAgMCAxIDEuMTUuNjUgMy4wOCAzLjA4IDAgMCAxIC43OCAxLjA2IDMuNTQgMy41NCAwIDAgMSAuMjkgMS40NSAzLjM5IDMuMzkgMCAwIDEtLjEzIDEuMDF6Ii8+Cjwvc3ZnPgo="); --ui-icon-languages-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PGc+PHBhdGggZD0iTTUuMjg1IDEuODZDMy44MjEgNS4yNDIgMi4yODIgOC41OTMuNzUgMTEuOTQ2Yy42MTctLjEzOCAxLjI1MS0uMDcyIDEuNzgxLS4wNS4yODctMS4xMjYuNzY3LTIuMzIgMS4xNjYtMy4zMjlhNTIuNTA0IDUyLjUwNCAwIDAgMSAzLjMzOC0uMDAyYy40MDcgMS4xMDUuOCAyLjIxNSAxLjEyNSAzLjM0NmExNC4zNzggMTQuMzc4IDAgMCAxIDIuMTM3LS4wNGwuNDg4LS4zMzlDOS4zMTcgOC4yMTUgNy45MiA0Ljc1NSA2Ljc2OCAxLjg2em0uMTQgMi42MzZjLjQyNSAxLjAwNC44MyAyLjAxNiAxLjIxOCAzLjAzNS0uODQuMDIxLTEuNjc5LjAxNi0yLjUxOCAweiIvPjxwYXRoIGQ9Ik0xMS42OTMgNy42NzhjLTEuMDE5LjE5NS0xLjc2NC4yMzYtMi42NzQuMTZsLjQxLjY1NmMuNTcxLjEyNiAxLjUzMy4xMTIgMi4yMDQuMDc0LS4wNC44MjgtLjA4MSAxLjYwNS0uMTIxIDIuMzItNi4zOSA0LjA1NC0yLjMyNiA4LjU2Ni41NzYgNC43MTUuMTM2LjYwNi42IDEuMjA4LjkyOCAxLjE0Ny42MDYtLjE2LjYzMy0uMzU0LjYxLS42NTQtLjA4NS0uNDMxLS41Mi0uNTUtLjc1OS0xLjI4NCAxLjA3Mi0xLjMwNSAxLjczMi0yLjgwNyAyLjEwOC00LjIwNSA1LjY4LjE5OCAyLjc3NCA2LjA3NS0uODU0IDYuODM2aC0uMDA0bC0uMDAyLjAwMmMtLjM4LjM0Ni0uODA4LjY3NC0uODQzLjcxMyA2LjE3NC0uNjU1IDguNDUyLTguNTAzIDEuNzk0LTguMzI2LS4wMDgtLjgyNi0uNTk0LS45OS0uOTY2LS43Ni0uNDA0LjI4Mi0uMDMxLjQzMy0uMDU1Ljg0Ni0uNTU5LjEzLTEuMS4zMjMtMS42MjMuNTYuMDQtLjY1NS4wOTYtMS4zNDEuMTcyLTIuMDY2IDEuMzQ4LS4zNiAyLjc1NS0uNzY5IDMuOTctMS4yNDYuMDAyLS4zMDItLjI5Mi0uNTAyLS40Ny0uNTcyLS42NjItLjI3NS0xLjY3NC4zNDUtMy4zOS44MzQuMDIyLS42MzYuMjg1LTEuMjA1LjUtMS43MjctLjIxOC0uNjU2LS44OS0uNjY1LTEuNDEtLjc1LS4wNzcuOTUxLS4wODYgMS44ODctLjEgMi43Mjd6bTIuMTg4IDMuMTM4YTEwLjY3MyAxMC42NzMgMCAwIDEtMS4zNjEgMi43OCAyMi42MDQgMjIuNjA0IDAgMCAxLS4xMDYtMi4xNWMuNDktLjMxLjk4LS40OTggMS40NjctLjYzem0tMi4yOTMgMS4xNTdjLjAwOCAxLjIxNS4wNTggMi4xMzguMTc2IDIuNjctMi42NyAzLjU0LTMuOTkuMDQ2LS4xNzYtMi42N3oiLz48L2c+PC9zdmc+"); --ui-icon-magnify:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGc+PHBhdGggZD0iTTE4IDR2MTFoLTh2LTJoNlY2SDd2Nkg1VjR6Ii8+PHBhdGggZD0iTTExIDExdjdIMnYtN3ptLTIgMkg0djNoNXoiLz48L2c+PC9zdmc+"); --ui-icon-menu-large-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI4LjE0NyAyOC4xNDciPjxnPjxyZWN0IHJ4PSIxLjQ2NSIgcnk9IjEuNDY1IiB5PSIyLjgxNSIgeD0iMi44MTUiIGhlaWdodD0iNC42OTEiIHdpZHRoPSIyMi41MTgiLz48cmVjdCByeD0iMS40NjUiIHJ5PSIxLjQ2NSIgeT0iMTIuMTk3IiB4PSIyLjgxNSIgaGVpZ2h0PSI0LjY5MSIgd2lkdGg9IjIyLjUxOCIvPjxyZWN0IHJ4PSIxLjQ2NSIgcnk9IjEuNDY1IiB5PSIyMS41OCIgeD0iMi44MTUiIGhlaWdodD0iNC42OTEiIHdpZHRoPSIyMi41MTgiLz48L2c+PC9zdmc+"); --ui-icon-message:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+bWVzc2FnZTwvdGl0bGU+PHBhdGggZD0iTTAgOHY4YTIgMiAwIDAwMiAyaDE2YTIgMiAwIDAwMi0yVjhsLTEwIDR6Ii8+PHBhdGggZD0iTTIgMmEyIDIgMCAwMC0yIDJ2MmwxMCA0IDEwLTRWNGEyIDIgMCAwMC0yLTJ6Ii8+PC9zdmc+"); --ui-icon-notice:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+bm90aWNlPC90aXRsZT48cGF0aCBkPSJNMTAgMGExMCAxMCAwIDEwMTAgMTBBMTAgMTAgMCAwMDEwIDB6bTEgMTZIOXYtMmgyem0wLTRIOVY0aDJ6Ii8+PC9zdmc+"); --ui-icon-page-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTQgMnYxNmgxMlY3LjAxTDExIDJ6bTIgMmgzLjk5NHY0SDE0djhINnoiLz48L3N2Zz4="); --ui-icon-pencil-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PHBhdGggZD0iTTEyLjg3OSAyLjE2NWwtOS40NjUgOS40NzEgNC45NSA0Ljk1IDkuNDY1LTkuNDcxem0wIDIuODI5TDE1IDcuMTE1bC02LjYzNiA2LjY0My0yLjEyMS0yLjEyMnpNNi45NSAxOEgydi00Ljk1eiIvPjwvc3ZnPg=="); --ui-icon-pencil-source-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PGc+PHBhdGggZD0iTTE1LjY1NiAxMGwtMSAxSDE1djVoLS41djFIMTd2LTd6TTEzIDEyLjY1NmwtMiAyVjE3aDIuNXYtMUgxM3oiLz48cGF0aCBkPSJNMTIuODc5IDIuMTY1bC05LjQ2NSA5LjQ3MSA0Ljk1IDQuOTUgOS40NjUtOS40NzF6bTAgMi44MjlMMTUgNy4xMTVsLTYuNjM2IDYuNjQzLTIuMTIxLTIuMTIyek02Ljk1IDE4SDJ2LTQuOTV6Ii8+PC9nPjwvc3ZnPg=="); --ui-icon-plus-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGc+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMTIiIHg9IjkiIHk9IjQiIHJ5PSIwIi8+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iMTIiIHk9IjkiIHg9IjQiIHJ5PSIwIi8+PC9nPjwvc3ZnPg=="); --ui-icon-puzzle-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGc+PHBhdGggZD0iTTQgNXYzLjI3MkEyIDIgMCAwIDEgNSA4YTIgMiAwIDAgMSAyIDIgMiAyIDAgMCAxLTIgMiAyIDIgMCAwIDEtMS0uMjdWMTVoMTBWNUg0eiIvPjxjaXJjbGUgY3g9IjE1LjAwMSIgY3k9IjEwIiByPSIyIi8+PGNpcmNsZSBjeD0iOSIgY3k9IjQiIHI9IjIiLz48Y2lyY2xlIGN4PSI5IiBjeT0iMTYiIHI9IjIiLz48L2c+PC9zdmc+"); --ui-icon-search:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDguNTI1IDguMzg2KSI+PHBhdGggZD0iTTguNDM4LjkzOGE3LjUgNy41IDAgMCAwLTcuNSA3LjUgNy41IDcuNSAwIDAgMCA3LjUgNy41IDcuNSA3LjUgMCAwIDAgNy41LTcuNSA3LjUgNy41IDAgMCAwLTcuNS03LjV6bTAgMi44MTJhNC42ODggNC42ODggMCAwIDEgNC42ODcgNC42ODggNC42ODggNC42ODggMCAwIDEtNC42ODcgNC42ODdBNC42ODggNC42ODggMCAwIDEgMy43NSA4LjQzOCA0LjY4OCA0LjY4OCAwIDAgMSA4LjQzOCAzLjc1eiIvPjxyZWN0IHJ5PSIxLjMxOCIgeT0iMTMuMTI1IiB4PSI3LjAzMSIgaGVpZ2h0PSI5LjI2NSIgd2lkdGg9IjIuODEzIi8+PC9nPjwvc3ZnPg=="); --ui-icon-speechBubble:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+c3BlZWNoIGJ1YmJsZTwvdGl0bGU+PHBhdGggZD0iTTYgMTRIMHY2eiIvPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgcng9IjIiLz48L3N2Zz4="); --ui-icon-speechBubbleAdd:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+YWRkIHNwZWVjaCBidWJibGU8L3RpdGxlPjxwYXRoIGQ9Ik0zIDFhMiAyIDAgMDAtMiAydjE2bDQtNGgxMmEyIDIgMCAwMDItMlYzYTIgMiAwIDAwLTItMnptMTIgOGgtNHY0SDlWOUg1VjdoNFYzaDJ2NGg0eiIvPjwvc3ZnPg=="); --ui-icon-speechBubbles:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+c3BlZWNoIGJ1YmJsZXM8L3RpdGxlPjxwYXRoIGQ9Ik0xNyA0djdhMiAyIDAgMDEtMiAySDR2MWEyIDIgMCAwMDIgMmgxMGw0IDRWNmEyIDIgMCAwMC0yLTJ6TTYgMTBIMHY2eiIvPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiIgcng9IjIiLz48L3N2Zz4="); --ui-icon-star:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTEwLjA0MSAxLjEyNUw3LjQwNyA2LjI0M2wtNS42NTQuOTUgNC4wMjUgNC4xMDItLjg0NiA1LjcwMyA1LjEyMy0yLjU4NyA1LjEzIDIuNTY3LS44NjItNS42ODkgNC4wMTQtNC4xMTMtNS42NTItLjkzNnptLjAwMyA0LjM1NWwxLjMzMiAyLjU3OCAyLjg0Ny40Ny0yLjAyMiAyLjA3MS40MzUgMi44NjMtMi41ODctMS4yOTQtMi41NzggMS4zMDIuNDI2LTIuODcxLTIuMDIzLTIuMDY0IDIuODQ0LS40Nzd6Ii8+PC9zdmc+"); --ui-icon-star-filled:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PHBhdGggZD0iTTEwLjA0MSAxLjEyNUw3LjQwNyA2LjI0M2wtNS42NTQuOTUgNC4wMjUgNC4xMDItLjg0NiA1LjcwMyA1LjEyMy0yLjU4NyA1LjEzIDIuNTY3LS44NjItNS42ODkgNC4wMTQtNC4xMTMtNS42NTItLjkzNnoiIHN0eWxlPSJsaW5lLWhlaWdodDpub3JtYWw7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LXBvc2l0aW9uOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVzOm5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTpub25lO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7c2hhcGUtcGFkZGluZzowO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIgY29sb3I9IiMwMDAiIGZvbnQtd2VpZ2h0PSI0MDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiB3aGl0ZS1zcGFjZT0ibm9ybWFsIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvc3ZnPg=="); --ui-icon-star-half-filled:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDx0aXRsZT50ZW1wb3JhcmlseSB3YXRjaGVkPC90aXRsZT4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsIDEpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTksMC4yMDUgTDksMTMuNDM5IEwzLjkzMiwxNS45OTggTDQuNzc4LDEwLjI5NSBMMC43NTMsNi4xOTMgTDYuNDA3LDUuMjQzIEw5LDAuMjA1IFoiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSwgMSkiPgogICAgICAgICAgICA8cGF0aCBkPSJNOS4wNDEsMC4xMjUgTDYuNDA3LDUuMjQzIEwwLjc1Myw2LjE5MyBMNC43NzgsMTAuMjk1IEwzLjkzMiwxNS45OTggTDkuMDU1LDEzLjQxMSBMMTQuMTg1LDE1Ljk3OCBMMTMuMzIzLDEwLjI4OSBMMTcuMzM3LDYuMTc2IEwxMS42ODUsNS4yNCBMOS4wNDEsMC4xMjUgWiBNOS4wNDQsNC40OCBMMTAuMzc2LDcuMDU4IEwxMy4yMjMsNy41MjggTDExLjIwMSw5LjU5OSBMMTEuNjM2LDEyLjQ2MiBMOS4wNDksMTEuMTY4IEw2LjQ3MSwxMi40NyBMNi44OTcsOS41OTkgTDQuODc0LDcuNTM1IEw3LjcxOCw3LjA1OCBMOS4wNDQsNC40OCBaIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); --ui-icon-talk-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCI+PGc+PHBhdGggZD0iTTUuMzkxIDE1LjU3NWMuNTUzIDEuNTU2LS4wOTggMi41MzctLjk0MiAzLjQyNSAzLjI2Mi0uNzMxIDMuMjQzLTIuMTM0IDMuNzctMy40MjV6bTEwLjM2Ni0zLjkzM2MtLjU1MyAxLjU1Ny4wOTggMi41MzguOTQyIDMuNDI2LTMuMjYyLS43MzItMy4yNDItMi4xMzQtMy43NjktMy40MjZ6Ii8+PHBhdGggZD0iTTcuNzY4IDcuMTQ2Yy0zLjIwMiAwLTUuNzk4IDIuMDM1LTUuNzk3IDQuNTQ1IDAgMi41MSAyLjU5NiA0LjU0NCA1Ljc5NyA0LjU0MyAzLjIgMCA1Ljc5NC0yLjAzNCA1Ljc5NS00LjU0MyAwLTIuNTEtMi41OTUtNC41NDQtNS43OTUtNC41NDV6bS0uMDIyIDIuMjQ3YzIuMDEgMCAzLjY0IDEuMDM0IDMuNjM5IDIuMzA4LS4wMDEgMS4yNzQtMS42MyAyLjMwNi0zLjYzOSAyLjMwNy0yLjAxIDAtMy42NC0xLjAzMy0zLjY0LTIuMzA3LS4wMDEtMS4yNzUgMS42MjktMi4zMDkgMy42NC0yLjMwOHoiLz48cGF0aCBkPSJNMTIuNDczIDIuNzI3Yy0zLjYwNCAwLTYuNTI1IDIuMTQ5LTYuNTI2IDQuOGwyLjEwNC0uMDE3Yy4wMDEtMS4zOTIgMS45NzQtMi41MiA0LjQwNi0yLjUyIDIuNDMzIDAgNC40MDcgMS4xMjggNC40MDggMi41MiAwIDEuMzkzLTEuOTczIDIuNTIyLTQuNDA4IDIuNTIxbC4wMTYgMi4zYzMuNjAzLS4wMDEgNi41MjQtMi4xNTIgNi41MjMtNC44MDQgMC0yLjY1LTIuOTItNC44LTYuNTIzLTQuOHoiLz48L2c+PC9zdmc+"); --ui-icon-tray:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+dHJheTwvdGl0bGU+PHBhdGggZD0iTTMgMWEyIDIgMCAwMC0yIDJ2MTRhMiAyIDAgMDAyIDJoMTRhMiAyIDAgMDAyLTJWM2EyIDIgMCAwMC0yLTJ6bTE0IDEyaC00bC0xIDJIOGwtMS0ySDNWM2gxNHoiLz48L3N2Zz4="); --ui-icon-user-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTMuNjQzIDkuNDZjLTEuNzU4IDIuMzktMS45NTcgNS0xLjIyNyA2LjcyOS40OSAxLjE4IDEuMTggMS44NzEgMS45OSAyLjI5Ljc5Mi40MjkgMS43NS41MTggMi42LjUyMWg2LjMyOWMuOTIgMCAxLjg1MS0uMjA4IDIuNjUtLjY3NS44LS40NjcgMS40Ni0xLjE5OCAxLjgtMi4yOS40OS0xLjU0OS4yNjYtNC4wMy0xLjQ4LTYuNDYtLjAwNy4wMTMtLjAyLjAyLS4wMy4wM2E3LjUwNiA3LjUwNiAwIDAgMS02LjI2NyAzLjM5QTcuNTA2IDcuNTA2IDAgMCAxIDMuNjQzIDkuNDZ6Ii8+PHBhdGggZD0iTTEwLjAwOC45OTJhNC41IDQuNSAwIDEgMCAwIDkgNC41IDQuNSAwIDAgMCAwLTl6Ii8+PC9zdmc+"); --ui-icon-user-large-grey:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI4LjE0NyAyOC4xNDciPjxwYXRoIGQ9Ik01LjEwNCAxMi45MTVjLTIuNDc3IDMuMzQ1LTIuNzU2IDYuOTk4LTEuNzI5IDkuNDIuNjg5IDEuNjUyIDEuNjYxIDIuNjIgMi44MDIgMy4yMDcgMS4xMTQuNiAyLjQ2Mi43MjcgMy42NTkuNzI5aDguOTExYzEuMjk3IDAgMi42MDYtLjI5IDMuNzMyLS45NDQgMS4xMjYtLjY1NSAyLjA1Ni0xLjY4IDIuNTM0LTMuMjA2LjY5LTIuMTcuMzc1LTUuNjQyLTIuMDgzLTkuMDQ1LS4wMS4wMTctLjAzLjAyNi0uMDQuMDQxYTEwLjU2OCAxMC41MSAwIDAgMS04LjgyNyA0Ljc0NiAxMC41NjggMTAuNTEgMCAwIDEtOC45Ni00Ljk0OHoiLz48cGF0aCBkPSJNMTQuMDczIDIuNzI4Yy0zLjEwOSAwLTUuNjI5IDIuNDQ5LTUuNjI5IDUuNDY3czIuNTIgNS40NjUgNS42MyA1LjQ2NWMzLjEwOCAwIDUuNjMtMi40NDcgNS42My01LjQ2NSAwLTMuMDE3LTIuNTIyLTUuNDY1LTUuNjMtNS40NjV6Ii8+PC9zdmc+"); } .oo-ui-icon-alert,.mw-ui-icon-alert, .oo-ui-image-invert.oo-ui-icon-alert,.mw-ui-icon-alert-invert, .oo-ui-image-progressive.oo-ui-icon-alert,.mw-ui-icon-alert-progressive, .oo-ui-image-warning.oo-ui-icon-alert,.mw-ui-icon-alert-warning, .oo-ui-icon-bell,.mw-ui-icon-bell, .oo-ui-image-invert.oo-ui-icon-bell,.mw-ui-icon-bell-invert, .oo-ui-image-progressive.oo-ui-icon-bell,.mw-ui-icon-bell-progressive, .oo-ui-icon-bellOutline,.mw-ui-icon-bellOutline, .oo-ui-image-invert.oo-ui-icon-bellOutline,.mw-ui-icon-bellOutline-invert, .oo-ui-image-progressive.oo-ui-icon-bellOutline,.mw-ui-icon-bellOutline-progressive, .oo-ui-icon-error,.mw-ui-icon-error, .oo-ui-image-invert.oo-ui-icon-error,.mw-ui-icon-error-invert, .oo-ui-image-progressive.oo-ui-icon-error,.mw-ui-icon-error-progressive, .oo-ui-image-error.oo-ui-icon-error,.mw-ui-icon-error-error, .oo-ui-icon-message,.mw-ui-icon-message, .oo-ui-image-invert.oo-ui-icon-message,.mw-ui-icon-message-invert, .oo-ui-image-progressive.oo-ui-icon-message,.mw-ui-icon-message-progressive, .oo-ui-icon-notice,.mw-ui-icon-notice, .oo-ui-image-invert.oo-ui-icon-notice,.mw-ui-icon-notice-invert, .oo-ui-image-progressive.oo-ui-icon-notice,.mw-ui-icon-notice-progressive, .oo-ui-icon-speechBubble,.mw-ui-icon-speechBubble, .oo-ui-image-invert.oo-ui-icon-speechBubble,.mw-ui-icon-speechBubble-invert, .oo-ui-image-progressive.oo-ui-icon-speechBubble,.mw-ui-icon-speechBubble-progressive, .oo-ui-icon-speechBubbleAdd,.mw-ui-icon-speechBubbleAdd, .oo-ui-image-invert.oo-ui-icon-speechBubbleAdd,.mw-ui-icon-speechBubbleAdd-invert, .oo-ui-image-progressive.oo-ui-icon-speechBubbleAdd,.mw-ui-icon-speechBubbleAdd-progressive, .oo-ui-icon-speechBubbles,.mw-ui-icon-speechBubbles, .oo-ui-image-invert.oo-ui-icon-speechBubbles,.mw-ui-icon-speechBubbles-invert, .oo-ui-image-progressive.oo-ui-icon-speechBubbles,.mw-ui-icon-speechBubbles-progressive, .oo-ui-icon-tray,.mw-ui-icon-tray, .oo-ui-image-invert.oo-ui-icon-tray,.mw-ui-icon-tray-invert, .oo-ui-image-progressive.oo-ui-icon-tray,.mw-ui-icon-tray-progressive, #ca-edit a, #ca-ve-edit a, #ca-watch a, #ca-unwatch a, #ca-history a, #ca-talk a, #t-contributions a, #ca-addsection a, #ca-viewsource a, #ca-view a, .tools-inline li[id^='ca-nstab-'] a, div.magnify a, #mw-indicator-mw-helplink a{ background-image:none !important; opacity:1 !important; position:relative; } .oo-ui-icon-alert::before,.mw-ui-icon-alert::before, .oo-ui-image-invert.oo-ui-icon-alert::before,.mw-ui-icon-alert-invert::before, .oo-ui-image-progressive.oo-ui-icon-alert::before,.mw-ui-icon-alert-progressive::before, .oo-ui-image-warning.oo-ui-icon-alert::before,.mw-ui-icon-alert-warning::before, .oo-ui-icon-bell::before,.mw-ui-icon-bell::before, .oo-ui-image-invert.oo-ui-icon-bell::before,.mw-ui-icon-bell-invert::before, .oo-ui-image-progressive.oo-ui-icon-bell::before,.mw-ui-icon-bell-progressive::before, .oo-ui-icon-bellOutline::before,.mw-ui-icon-bellOutline::before, .oo-ui-image-invert.oo-ui-icon-bellOutline::before,.mw-ui-icon-bellOutline-invert::before, .oo-ui-image-progressive.oo-ui-icon-bellOutline::before,.mw-ui-icon-bellOutline-progressive::before, .oo-ui-icon-error::before,.mw-ui-icon-error::before, .oo-ui-image-invert.oo-ui-icon-error::before,.mw-ui-icon-error-invert::before, .oo-ui-image-progressive.oo-ui-icon-error::before,.mw-ui-icon-error-progressive::before, .oo-ui-image-error.oo-ui-icon-error::before,.mw-ui-icon-error-error::before, .oo-ui-icon-message::before,.mw-ui-icon-message::before, .oo-ui-image-invert.oo-ui-icon-message::before,.mw-ui-icon-message-invert::before, .oo-ui-image-progressive.oo-ui-icon-message::before,.mw-ui-icon-message-progressive::before, .oo-ui-icon-notice::before,.mw-ui-icon-notice::before, .oo-ui-image-invert.oo-ui-icon-notice::before,.mw-ui-icon-notice-invert::before, .oo-ui-image-progressive.oo-ui-icon-notice::before,.mw-ui-icon-notice-progressive::before, .oo-ui-icon-speechBubble::before,.mw-ui-icon-speechBubble::before, .oo-ui-image-invert.oo-ui-icon-speechBubble::before,.mw-ui-icon-speechBubble-invert::before, .oo-ui-image-progressive.oo-ui-icon-speechBubble::before,.mw-ui-icon-speechBubble-progressive::before, .oo-ui-icon-speechBubbleAdd::before,.mw-ui-icon-speechBubbleAdd::before, .oo-ui-image-invert.oo-ui-icon-speechBubbleAdd::before,.mw-ui-icon-speechBubbleAdd-invert::before, .oo-ui-image-progressive.oo-ui-icon-speechBubbleAdd::before,.mw-ui-icon-speechBubbleAdd-progressive::before, .oo-ui-icon-speechBubbles::before,.mw-ui-icon-speechBubbles::before, .oo-ui-image-invert.oo-ui-icon-speechBubbles::before,.mw-ui-icon-speechBubbles-invert::before, .oo-ui-image-progressive.oo-ui-icon-speechBubbles::before,.mw-ui-icon-speechBubbles-progressive::before, .oo-ui-icon-tray::before,.mw-ui-icon-tray::before, .oo-ui-image-invert.oo-ui-icon-tray::before,.mw-ui-icon-tray-invert::before, .oo-ui-image-progressive.oo-ui-icon-tray::before,.mw-ui-icon-tray-progressive::before, #ca-edit a::before, #ca-ve-edit a::before, #ca-watch a::before, #ca-unwatch a::before, #ca-history a::before, #ca-talk a::before, #t-contributions a::before, #ca-addsection a::before, #ca-viewsource a::before, #ca-view a::before, .tools-inline li a::before, div.magnify a::before{ content:""; display:block; height:100%; left:0; position:absolute; top:0; width:100%; } .oo-ui-icon-alert::before,.mw-ui-icon-alert:before{ background:var(--ui-normal); mask-image:var(--ui-icon-alert); -webkit-mask-image:var(--ui-icon-alert); } .oo-ui-image-invert.oo-ui-icon-alert::before,.mw-ui-icon-alert-invert:before{ background:var(--ui-invert); mask-image:var(--ui-icon-alert); -webkit-mask-image:var(--ui-icon-alert); } .oo-ui-image-progressive.oo-ui-icon-alert::before,.mw-ui-icon-alert-progressive:before{ background:var(--ui-progressive); mask-image:var(--ui-icon-alert); -webkit-mask-image:var(--ui-icon-alert); } .oo-ui-image-warning.oo-ui-icon-alert::before,.mw-ui-icon-alert-warning:before{ background:var(--ui-icon-warning); mask-image:var(--ui-icon-alert); -webkit-mask-image:var(--ui-icon-alert); } .oo-ui-icon-bell::before,.mw-ui-icon-bell:before{ background:var(--ui-normal); mask-image:var(--ui-icon-bell); -webkit-mask-image:var(--ui-icon-bell); } .oo-ui-image-invert.oo-ui-icon-bell::before,.mw-ui-icon-bell-invert:before{ background:var(--ui-invert); mask-image:var(--ui-icon-bell); -webkit-mask-image:var(--ui-icon-bell); } .oo-ui-image-progressive.oo-ui-icon-bell::before,.mw-ui-icon-bell-progressive:before{ background:var(--ui-progressive); mask-image:var(--ui-icon-bell); -webkit-mask-image:var(--ui-icon-bell); } .oo-ui-icon-bellOutline::before,.mw-ui-icon-bellOutline:before{ background:var(--ui-normal); mask-image:var(--ui-icon-bellOutline); -webkit-mask-image:var(--ui-icon-bellOutline); } .oo-ui-image-invert.oo-ui-icon-bellOutline::before,.mw-ui-icon-bellOutline-invert:before{ background:var(--ui-invert); mask-image:var(--ui-icon-bellOutline); -webkit-mask-image:var(--ui-icon-bellOutline); } .oo-ui-image-progressive.oo-ui-icon-bellOutline::before,.mw-ui-icon-bellOutline-progressive:before{ background:var(--ui-progressive); mask-image:var(--ui-icon-bellOutline); -webkit-mask-image:var(--ui-icon-bellOutline); } .oo-ui-icon-error::before,.mw-ui-icon-error:before{ background:var(--ui-normal); mask-image:var(--ui-icon-error); -webkit-mask-image:var(--ui-icon-error); } .oo-ui-image-invert.oo-ui-icon-error::before,.mw-ui-icon-error-invert:before{ background:var(--ui-invert); mask-image:var(--ui-icon-error); -webkit-mask-image:var(--ui-icon-error); } .oo-ui-image-progressive.oo-ui-icon-error::before,.mw-ui-icon-error-progressive:before{ background:var(--ui-progressive); mask-image:var(--ui-icon-error); -webkit-mask-image:var(--ui-icon-error); } .oo-ui-image-error.oo-ui-icon-error::before,.mw-ui-icon-error-error:before{ background:var(--ui-icon-error); mask-image:var(--ui-icon-error); -webkit-mask-image:var(--ui-icon-error); } .oo-ui-icon-message,.mw-ui-icon-message::before:before{ background:var(--ui-normal); mask-image:var(--ui-icon-message); -webkit-mask-image:var(--ui-icon-message); } .oo-ui-image-invert.oo-ui-icon-message::before,.mw-ui-icon-message-invert:before{ background:var(--ui-invert); mask-image:var(--ui-icon-message); -webkit-mask-image:var(--ui-icon-message); } .oo-ui-image-progressive.oo-ui-icon-message::before,.mw-ui-icon-message-progressive:before{ background:var(--ui-progressive); mask-image:var(--ui-icon-message); -webkit-mask-image:var(--ui-icon-message); } .oo-ui-icon-notice::before,.mw-ui-icon-notice:before{ background:var(--ui-normal); mask-image:var(--ui-icon-notice); -webkit-mask-image:var(--ui-icon-notice); } .oo-ui-image-invert.oo-ui-icon-notice::before,.mw-ui-icon-notice-invert:before{ background:var(--ui-invert); mask-image:var(--ui-icon-notice); -webkit-mask-image:var(--ui-icon-notice); } .oo-ui-image-progressive.oo-ui-icon-notice::before,.mw-ui-icon-notice-progressive:before{ background:var(--ui-progressive); mask-image:var(--ui-icon-notice); -webkit-mask-image:var(--ui-icon-notice); } .oo-ui-icon-speechBubble::before,.mw-ui-icon-speechBubble:before{ background:var(--ui-normal); mask-image:var(--ui-icon-speechBubble); -webkit-mask-image:var(--ui-icon-speechBubble); } .oo-ui-image-invert.oo-ui-icon-speechBubble::before,.mw-ui-icon-speechBubble-invert:before{ background:var(--ui-invert); mask-image:var(--ui-icon-speechBubble); -webkit-mask-image:var(--ui-icon-speechBubble); } .oo-ui-image-progressive.oo-ui-icon-speechBubble::before,.mw-ui-icon-speechBubble-progressive:before{ background:var(--ui-progressive); mask-image:var(--ui-icon-speechBubble); -webkit-mask-image:var(--ui-icon-speechBubble); } .oo-ui-icon-speechBubbleAdd::before,.mw-ui-icon-speechBubbleAdd:before{ background:var(--ui-normal); mask-image:var(--ui-icon-speechBubbleAdd); -webkit-mask-image:var(--ui-icon-speechBubbleAdd); } .oo-ui-image-invert.oo-ui-icon-speechBubbleAdd::before,.mw-ui-icon-speechBubbleAdd-invert:before{ background:var(--ui-invert); mask-image:var(--ui-icon-speechBubbleAdd); -webkit-mask-image:var(--ui-icon-speechBubbleAdd); } .oo-ui-image-progressive.oo-ui-icon-speechBubbleAdd::before,.mw-ui-icon-speechBubbleAdd-progressive:before{ background:var(--ui-progressive); mask-image:var(--ui-icon-speechBubbleAdd); -webkit-mask-image:var(--ui-icon-speechBubbleAdd); } .oo-ui-icon-speechBubbles::before,.mw-ui-icon-speechBubbles:before{ background:var(--ui-normal); mask-image:var(--ui-icon-speechBubbles); -webkit-mask-image:var(--ui-icon-speechBubbles); } .oo-ui-image-invert.oo-ui-icon-speechBubbles::before,.mw-ui-icon-speechBubbles-invert:before{ background:var(--ui-invert); mask-image:var(--ui-icon-speechBubbles); -webkit-mask-image:var(--ui-icon-speechBubbles); } .oo-ui-image-progressive.oo-ui-icon-speechBubbles::before,.mw-ui-icon-speechBubbles-progressive:before{ background:var(--ui-progressive); mask-image:var(--ui-icon-speechBubbles); -webkit-mask-image:var(--ui-icon-speechBubbles); } .oo-ui-icon-tray::before,.mw-ui-icon-tray:before{ background:var(--ui-normal); mask-image:var(--ui-icon-tray); -webkit-mask-image:var(--ui-icon-tray); } .oo-ui-image-invert.oo-ui-icon-tray,.mw-ui-icon-tray-invert:before{ background:var(--ui-invert); mask-image:var(--ui-icon-tray); -webkit-mask-image:var(--ui-icon-tray); } .oo-ui-image-progressive.oo-ui-icon-tray,.mw-ui-icon-tray-progressive:before{ background:var(--ui-progressive); mask-image:var(--ui-icon-tray); -webkit-mask-image:var(--ui-icon-tray); } /* Action icons */ #ca-edit a::before, #ca-ve-edit a::before, #ca-watch a::before, #ca-unwatch a::before, #ca-history a::before, #ca-talk a::before, #t-contributions a::before, #ca-addsection a::before, #ca-viewsource a::before, #ca-view a::before, .tools-inline li[id^='ca-nstab-'] a::before, div.magnify a::before{ background:var(--ui-grey); mask-position: left top; mask-repeat: no-repeat; -webkit-mask-position: left top; -webkit-mask-repeat: no-repeat; } #ca-edit a::before{ mask-image: var(--ui-icon-pencil-source-grey); -webkit-mask-image: var(--ui-icon-pencil-source-grey); } #ca-ve-edit a::before{ mask-image: var(--ui-icon-pencil-grey); -webkit-mask-image: var(--ui-icon-pencil-grey); } #ca-watch a::before{ mask-image: var(--ui-icon-star); -webkit-mask-image: var(--ui-icon-star); } #ca-unwatch a::before{ mask-image: var(--ui-icon-star-filled); -webkit-mask-image: var(--ui-icon-star-filled); } #ca-unwatch.mw-watchlink-temp a::before{ mask-image: var(--ui-icon-star-half-filled); -webkit-mask-image: var(--ui-icon-star-half-filled); } #ca-history a::before{ mask-image: var(--ui-icon-clock-grey); -webkit-mask-image: var(--ui-icon-clock-grey); } #ca-talk a::before{ mask-image: var(--ui-icon-talk-grey); -webkit-mask-image: var(--ui-icon-talk-grey); } #t-contributions a::before{ mask-image: var(--ui-icon-puzzle-grey); -webkit-mask-image: var(--ui-icon-puzzle-grey); } #ca-addsection a::before{ mask-image: var(--ui-icon-plus-grey); -webkit-mask-image: var(--ui-icon-plus-grey); } #ca-viewsource a::before{ mask-image: var(--ui-icon-brackets-grey); -webkit-mask-image: var(--ui-icon-brackets-grey); } #ca-view a::before{ mask-image: var(--ui-icon-eyeball-grey); -webkit-mask-image: var(--ui-icon-eyeball-grey); } .tools-inline li[id^='ca-nstab-'] a::before{ mask-image: var(--ui-icon-page-grey); -webkit-mask-image: var(--ui-icon-page-grey); } .dropdown-toggle:after{ background:var(--ui-grey); mask-image:var(--ui-icon-arrow-down-grey); mask-position:center; mask-repeat:no-repeat; -webkit-mask-image:var(--ui-icon-arrow-down-grey); -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; } .tools-inline li:hover{ border-bottom-color:var(--border); } .tools-inline li.selected{ border-bottom-color:var(--selected); } .tools-inline li.selected a{ color:var(--page-text); } .tools-inline li a{ background:transparent; position:relative; } .tools-inline li a::before{ background:var(--ui-grey); mask-image:var(--ui-icon-page-grey); mask-position:left top; mask-repeat:no-repeat; -webkit-mask-image:var(--ui-icon-page-grey); -webkit-mask-position:left top; -webkit-mask-repeat:no-repeat; } div.magnify a::before{ mask-image: var(--ui-icon-magnify); -webkit-mask-image: var(--ui-icon-magnify); } #mw-indicator-mw-helplink a:before{ background:var(--page-text); content:""; height:100%; left:0; mask-image:var(--ui-icon-help); mask-position:left center; mask-repeat:no-repeat; position:absolute; top:0; width:100%; -webkit-mask-image:var(--ui-icon-help); -webkit-mask-position:left center; -webkit-mask-repeat:no-repeat; } /********************************** Layout ***********************************/ /* Document root */ html,body{ scrollbar-color:unset /* The user agent will use the body color */ } body{ color:var(--page-text); background:var(--page); } /* Body background */ @media screen and (min-width:1100px){ #mw-wrapper { position: relative; } } @media screen{ #mw-wrapper::before{ background:var(--body-1); content:""; height:100%; left:0; position:absolute; top:0; width:100%; z-index:-2; } #mw-wrapper::after{ background:var(--body-2); content:""; height:100%; left:0; mask-image:var(--global-stripes); mask-repeat:repeat; position:absolute; top:0; width:100%; z-index:-2; -webkit-mask-image:var(--global-stripes); -webkit-mask-repeat:repeat; } } /* UI area */ #mw-header-container{ background:var(--page); color:var(--page-text); } #mw-header-nav-hack,#mw-header-hack{ box-shadow:0 -4px 0 0px var(--page),0 1px 4px 0px var(--shadow); } @media (min-width:851px){ #mw-header-nav-hack,#mw-header-hack{ top:calc(3.125em + 2px); } } .color-left,.color-middle,.color-right{ background:var(--divider); height:4px; } /* Content area */ #mw-content-container { background:transparent; border-bottom-color: var(--divider); padding-bottom: 0; } #mw-content{ border-color:var(--divider); background:var(--page); } @media (min-width: 1100px){ #mw-content{ border-width: 0 2px; box-shadow:0 -4px 4px var(--shadow); } #mw-content-wrapper{ margin-right:15px; width:calc(100% - 15px); } } /* Footer background */ /* Adapted from MediaWiki:Timeless.css */ @media screen{ .mw-footer-container{ position:relative; } .mw-footer-container::before{ background:var(--footer-1); content:""; height:100%; left:0; position:absolute; top:0; width:100%; z-index:-1; } .mw-footer-container::after{ background:var(--footer-2); content:""; height:100%; left:0; mask-image:var(--global-footer); mask-repeat:repeat; position:absolute; top:0; width:100%; z-index:-1; -webkit-mask-image:var(--global-footer); -webkit-mask-repeat:repeat; } } /* Footer area */ .mw-footer-container{ background-image:none !important; box-shadow:inset 0 4px 4px -4px var(--shadow); color:var(--page-text); } @media (max-width:850px){ #catlinks{ border-top:1px solid var(--divider); margin:2em 0.45em 0 0.45em; } } @media (min-width:1101px){ #mw-footer{ padding-bottom:1em; } #footer-icons{ padding-right:16px; } } /* Remove from MediaWiki:Timeless.css */ #mw-footer-container li{ color: inherit !important; } #mw-footer-container a { color: var(--link-internal) !important; /* Contrast problem in dark mode */ } /********************************** UI area **********************************/ /* Word mark banner */ #p-logo-text a{ color:var(--page-text); } #p-banner.mw-wiki-title { font-variant: normal; font-weight: bold; color: var(--link-internal); margin-right: .25em; } /* Search box */ #simpleSearch{ background:var(--input); border-color:var(--border); box-shadow:none; color:var(--input-text); } #mw-searchButton{ display:none; } input[id="searchButton"], /* JavaScript replaces with <button> */ button[id="searchButton"] div::before{ background:var(--ui-normal); mask-image:var(--ui-icon-search); mask-position:center 40%; mask-repeat:no-repeat; -webkit-mask-image:var(--ui-icon-search); -webkit-mask-position:center 40%; -webkit-mask-repeat:no-repeat; } button[id="searchButton"]{ background: transparent !important; border: none; padding: 0; } button[id="searchButton"] div::before{ content:""; height:100%; left:0; position:absolute; top:0; width:100%; } /* Search suggestions */ .suggestions{ background:var(--page); box-shadow:none; } .suggestions .suggestions-special{ background:var(--page); border-color:var(--border); color:var(--page-text); } .suggestions .suggestions-results{ background:var(--page); border-color:var(--border); } .suggestions .suggestions-result{ color:var(--page-text); } .suggestions .suggestions-result-current{ background-color:var(--selected); color:var(--selected-text); } .suggestions-special .special-label{ color:var(--ui-normal); } .suggestions-special .special-query{ color:var(--page-text); } /* Alerts/notifications: needs a consistent focus indicator #pt-notifications-alert .mw-echo-notifications-badge:focus,#pt-notifications-notice .mw-echo-notifications-badge:focus{ -webkit-box-shadow:0 0 0 1px #fff,0 0 0 3px #36c; box-shadow:0 0 0 1px #fff,0 0 0 3px #36c; } #pt-notifications-alert .mw-echo-notifications-badge:focus:after,#pt-notifications-notice .mw-echo-notifications-badge:focus:after{ border-color:#36c }*/ #pt-notifications-alert .mw-echo-notifications-badge:after,#pt-notifications-notice .mw-echo-notifications-badge:after{ border-color:var(--page); background-color:#72777d; /* Sufficient contrast */ color:#fff /* Sufficient contrast */ } #pt-notifications-alert .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-unseen-notifications:after{ background-color:#dd3333 /* Sufficient contrast */ } #pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications:after{ background-color:#3366cc /* Sufficient contrast */ } /***************************** Navigation links ******************************/ /* Nav links as floating boxes */ @media screen and (min-width:1100px){ #mw-site-navigation .sidebar-chunk,#mw-related-navigation .sidebar-chunk{ background:var(--page); border-color:var(--divider); box-shadow:0 0 4px var(--shadow); } } /* Nav links as drop-downs with words */ @media screen and (min-width:851px) and (max-width:1099px){ #mw-site-navigation h2:after,#mw-related-navigation h2:after{ background:var(--ui-grey); mask-image:var(--ui-icon-arrow-down-grey); mask-position:center; mask-repeat:no-repeat; -webkit-mask-image:var(--ui-icon-arrow-down-grey); -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; } #mw-header-nav-hack{ background:var(--page); border-color:var(--border); } #mw-site-navigation .sidebar-inner,#mw-related-navigation .sidebar-inner{ background:var(--page); border-color:var(--border); box-shadow:none; } #mw-site-navigation .sidebar-chunk h2 span:before,#mw-related-navigation .sidebar-inner:before{ border-bottom-color:var(--border); } #mw-site-navigation .sidebar-chunk h2 span:after,#mw-related-navigation .sidebar-inner:after{ border-bottom-color:var(--page); } } /* Personal drop-down with name */ @media screen and (min-width:851px){ #personal .dropdown,#p-variants-desktop .dropdown{ background:var(--page); border-color:var(--border); box-shadow:none; } #personal .dropdown:before,#p-variants-desktop .dropdown:before{ border-bottom-color:var(--border); } #personal .dropdown:after,#p-variants-desktop .dropdown:after{ border-bottom-color:var(--page); } #personal h2,#p-variants-desktop h3{ background-image:none; position:relative; } #personal h2:before,#p-variants-desktop h3::before{ background:var(--ui-grey); content:""; height:100%; left:0; mask-image:var(--ui-icon-user-grey); mask-position:left 7px; mask-repeat:no-repeat; position:absolute; top:0; width:100%; -webkit-mask-image:var(--ui-icon-user-grey); -webkit-mask-position:left 7px; -webkit-mask-repeat:no-repeat; } #personal h2:after,#p-variants-desktop h3:after{ background:var(--ui-grey); mask-image:var(--ui-icon-arrow-down-grey); mask-position:center; mask-repeat:no-repeat; -webkit-mask-image:var(--ui-icon-arrow-down-grey); -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; } #p-variants-desktop h3::before{ mask-image:var(--ui-icon-languages-grey); -webkit-mask-image:var(--ui-icon-languages-grey); } #p-variants-desktop .dropdown .selected a{ color:var(--page-text); } } /* Nav links and personal drop-down icon only */ @media screen and (max-width:850px){ .sidebar-inner,.dropdown{ background:var(--page); border-color:var(--border); box-shadow:none; } #menus-cover{ background:var(--border); } #user-tools h2,#user-tools h2::after,#site-navigation h2,#site-tools h2,#site-tools h2::after,#ca-more span,#ca-languages span{ background-image:none; } #user-tools h2:before,#site-navigation h2::before,#site-tools h2::before,#ca-more span::before,#ca-languages span::before{ background:var(--ui-grey); content:""; height:100%; left:0; mask-image:var(--ui-icon-user-large-grey); mask-position:center; mask-repeat:no-repeat; position:absolute; top:0; width:100%; -webkit-mask-image:var(--ui-icon-user-large-grey); -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; } #user-tools h2:after,.sidebar-chunk h2:after,#site-navigation h2::after,#site-tools h2::after,#ca-more span::after,#ca-languages span::after{ background:var(--ui-grey); mask-image:var(--ui-icon-arrow-down-grey); mask-position:center; mask-repeat:no-repeat; -webkit-mask-image:var(--ui-icon-arrow-down-grey); -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; } #site-navigation h2::before{ mask-image:var(--ui-icon-menu-large-grey); -webkit-mask-image:var(--ui-icon-menu-large-grey); } #site-tools h2::before{ mask-image:var(--ui-icon-gear-large-grey); -webkit-mask-image:var(--ui-icon-gear-large-grey); } #ca-more span,#ca-languages span{ position:relative; } #ca-more span::before{ mask-image:var(--ui-icon-gear-grey); -webkit-mask-image:var(--ui-icon-gear-grey); } #ca-languages span::before{ mask-image:var(--ui-icon-languages-grey); -webkit-mask-image:var(--ui-icon-languages-grey); } #mw-content-block{ background:var(--page); } } /******************************* Content area ********************************/ /* Dismissable notification container: a template provides the styling */ .mw-dismissable-notice,#localNotice{ background:transparent; border:none; box-shadow:none; } /* Edit section */ .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type){ color:transparent } .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type){ color:transparent } @media screen { .mw-editsection{ background-image:none; opacity:1; position:relative; } .mw-editsection::before{ background:var(--ui-grey); content:""; display:block; height:100%; left:0; mask-image:var(--ui-icon-pencil-grey); mask-position:left bottom; mask-repeat:no-repeat; position:absolute; top:0; width:20px; -webkit-mask-image:var(--ui-icon-pencil-grey); -webkit-mask-position:left bottom; -webkit-mask-repeat:no-repeat; } } /* Editor */ div.editOptions{ border-color:var(--border); background:var(--page-b); } /* Code to resolve a display error on small screens for the main page */ @media all and (min-width: 741px){ .hide-div-mainPage-event { display: flex; flex-wrap: wrap; } }