MediaWiki:Timeless.css: Difference between revisions
From Inkipedia, the Splatoon wiki
SuperHamster (talk | contribs) (Only applying <850px table changes to tables inside .mw-parser-output i.e. article content) |
GuyPerfect (talk | contribs) m (Undo table border fix, as it has side-effects) |
||
| Line 486: | Line 486: | ||
overflow-x: auto; | overflow-x: auto; | ||
padding: 0 !important; | padding: 0 !important; | ||
width: max-content; | /*width: max-content; Seems to be causing issues */ | ||
} | } | ||
} | } | ||
Revision as of 16:48, 7 October 2022
/***************************** 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;
--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(255, 128, 0, 0.25);
--site-color-background-b-niwa : rgba(255, 128, 0, 0.15);
--site-color-niwa : rgba(255, 128, 0, 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;
}
*/
/* 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,
.thumbinner,
.mw-body li.gallerybox div.thumb,
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,
.thumbinner .thumbimage,.thumbborder,
.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: 100%;
opacity: .6;
z-index: -1;
background-image: url(//cdn.wikimg.net/splatoonwiki/images/5/5c/Drip-heading.png);
background-repeat: no-repeat;
}
.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 {
display: block;
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$='.ogg']::after,.mw-parser-output a.external[href$='.OGG']::after,.mw-parser-output a.external[href$='.mid']::after,.mw-parser-output a.external[href$='.MID']::after,.mw-parser-output a.external[href$='.midi']::after,.mw-parser-output a.external[href$='.MIDI']::after,.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,.mw-parser-output a.external[href$='.wma']::after,.mw-parser-output a.external[href$='.WMA']::after,.link-audio::after{
mask-image: var(--link-icon-audio);
-webkit-mask-image: var(--link-icon-audio);
}
.mw-parser-output a.external[href$='.ogm']::after,.mw-parser-output a.external[href$='.OGM']::after,.mw-parser-output a.external[href$='.avi']::after,.mw-parser-output a.external[href$='.AVI']::after,.mw-parser-output a.external[href$='.mpeg']::after,.mw-parser-output a.external[href$='.MPEG']::after,.mw-parser-output a.external[href$='.mpg']::after,.mw-parser-output a.external[href$='.MPG']::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 ***********************************/
:root {
--global-footer: url("https://cdn.wikimg.net/en/splatoonwiki/images/0/06/Footer-mask.png");
--global-stripes: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMzkuNjg3NDk5IDM5LjY4NzUwMSIgdmVyc2lvbj0iMS4xIj4KICA8Zz4KICAgIDxwYXRoIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlOm5vbmU7IiBkPSJNIDAsMCAzOS42ODc1LDM5LjY4NzUgViAxOS44NDM3NSBMIDE5Ljg0Mzc1LDAgWiIgLz4KICAgIDxwYXRoIHN0eWxlPSJmaWxsOiMwMDAwMDA7c3Ryb2tlOm5vbmU7IiBkPSJNIDAsMTkuODQzNzUgMTkuODQzNzUsMzkuNjg3NSBIIDAgWiIgLz4KICA8L2c+Cjwvc3ZnPgo=");
}
/* 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);
}
