MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/***********************************************************************************************************
* css reset for browser default rules and MediaWiki internal rules
***********************************************************************************************************/
*{
outline: 0;
}
table{
white-space: unset; /* set to `no-wrap` in MW internagal css */
}
html{
font-size: 100%; /* reset rem */
}
pre{
margin: 0;
}
/*
h1, h2, h3, h4, h5, h6{
padding: 0;
border: 0 solid transparent;
}
*/
table{
display: table;
white-space: unset;
}
/***********************************************************************************************************
* base css styles for both interface and content box: font, color, theme vars, etc.
***********************************************************************************************************/
/*** vars, for theming ***/
:root {
--theme-accent-color: transparent;
--theme-accent-color--rgb: 228,240,247;
--theme-accent-color--hover: #95c4df;
--theme-accent-label-color: #eae3d1;
--custom-accent-border-color: #afcfe2;
--custom-accent-highlight-color: var(--theme-accent-color--hover);
--theme-page-background-color--secondary: rgba(255,255,255,0.2);
/* For Template:Msgbox */
--custom-notice-blue-background-color: var(--theme-accent-color);
--custom-notice-blue-border-color: var(--custom-accent-border-color);
--custom-notice-red-background-color: hsla(0, 80%, 90%, 20%);
--custom-notice-red-border-color: hsl(0, 60%, 72%);
--custom-notice-purple-background-color: hsla(228, 80%, 90%, 20%);
--custom-notice-purple-border-color: hsl(243, 60%, 72%);
--custom-notice-green-background-color: hsla(84, 80%, 90%, 20%);
--custom-notice-green-border-color: hsl(84, 60%, 72%);
--custom-notice-yellow-background-color: hsla(58, 80%, 90%, 20%);
--custom-notice-yellow-border-color: hsl(58, 60%, 72%);
--custom-notice-orange-background-color: hsla(28, 80%, 90%, 20%);
--custom-notice-orange-border-color: hsl(28, 60%, 72%);
--custom-notice-pink-background-color: hsla(324, 80%, 90%, 20%);
--custom-notice-pink-border-color: hsl(324, 60%, 72%);
/*************************************************************************/
--theme-text-color-placeholder: rgba(234,227,209,0.4);
--theme-control-text-color: #000;
--theme-control-text-color-hover: #fff;
/* temp */
--theme-page-background-color: rgba(255,255,255,0.03);
--theme-success-color: #7fc759;
--theme-alert-color: #fe603f;
--theme-dark-color-rgb: 20,20,20;
--theme-light-color-rgb: 255,247,230;
--theme-shadow-color-rgb: 10,10,10;
--theme-box-border-color-light: rgba(255,255,255, 0.1);
--theme-box-hover-mask: rgba(var(--theme-dark-color-rgb), 0.25);
--theme-image-button-background: url(https://terraria.wiki.gg/images/d/d4/Button-background-overworld.jpg);
}
/**** Theme vars START ***********************************************************/
/*** base default theme (Pony/Light) ***/
:root {
--theme-thumb-wrapper-background: rgba(255,255,255,.8);
/* for wide table */
--theme-wide-table-shadow-color: #999;
/*** text color ***/
--theme-text-color: #202122; /* main text color */
--theme-text-color--rgb: 32, 33, 34;
--theme-text-color-note: #b5bdb2; /* note text */
--theme-text-color-em: #0645ad;/* 6, 69, 173 */
--theme-text-color-highlight: #fff;
/*** link text color ***/
--theme-link-color: #0645ad;
--theme-link-color--rgb: 159,236,240;
--theme-link-color-hover: currentcolor;
--theme-link-color-visited: #0b0080;
--theme-link-color-redlink: #ba0000;
/* common */
--theme-border-color: #c8ccd1;
--theme-border-color--rgb: 0,0,0;
--theme-box-background: #f8f9fa;
--theme-highlight-background: #f8f9fa;
--theme-hr-color-A: rgb(10,10,10);
--theme-hr-color-B: #a2a9b1;
--theme-box-border-color: rgba(255, 255, 255, 0.1) rgba(13, 4, 2, 0.5) rgb(13, 4, 2, 0.5) rgba(255, 255, 255, 0.1);
--theme-box-border-color-inner: var(--theme-box-border-color);
--theme-box-border-radius-inner: 0px;
--theme-box-border-color-invert: rgba(255,255,255, 0.1);
--theme-button-background: linear-gradient(rgba(20,20,20, 0.2), rgba(20,20,20, 0.2)), var(--theme-button-background-active);
--theme-button-border-color: rgba(151,107,69, 0.7) rgba(86,47,33, 0.7) rgba(86,47,33, 0.7) rgba(151,107,69, 0.7);
--theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
--theme-button-border-color-active: rgb(151,107,69) rgb(86,47,33) rgb(86,47,33) rgb(151,107,69);
/*** body ***/
--theme-body-background: #95DDEF url(https://equestriaatwar.wiki.gg/images/9/9c/Site-background-pony.png) center top / cover no-repeat fixed;
/*** top site logo ***/
--theme-site-logo-image: url(https://equestriaatwar.wiki.gg/images/e/e6/Site-logo.png);
--theme-site-logo-width: 224px; /* 448 × 275 */
--theme-site-logo-height: 137px;
/* sidebar/content common */
--theme-box-shadow: 0px 0px 0px 0px rgba(10,10,10, 0.7);
--theme-navbar-background-top: top repeat-x; /* the "grass" */
--theme-navbar-background-top-offset: -6px; /* top */
/*** sidebar ***/
--theme-sidebar-box-background: rgba(256,256,256,0.85);
--theme-sidebar-box-border-style: solid;
--theme-sidebar-box-border-color: var(--theme-content-border-color); /* set it to "transparent" for no border */
--theme-sidebar-box-shadow: var(--theme-box-shadow);
--theme-sidebar-heading-text-color: var(--theme-text-color);
--theme-sidebar-heading-arrow-color: rgba(234,227,209, 0.5);
--theme-sidebar-heading-arrow-color-hover: rgb(234,227,209);
--theme-sidebar-heading-background: none;
--theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* for hover effect */
/* following 3 values will affect the space between the heading and the list */
--theme-sidebar-heading-border-bottom: 1px solid rgb(10,10,10);
--theme-sidebar-list-border-top: 1px solid rgba(255,255,255, 0.1); /* will be hidden when collapsed */
--theme-sidebar-list-padding-top: 4px;
--theme-sidebar-list-item-background: none;
--theme-sidebar-list-item-hover-mask: rgba(20,20,20, 0.25);
--theme-sidebar-list-item-text-color: var(--theme-text-color-em);
--theme-sidebar-list-item-text-color-hover: var(--theme-text-color-em);
/* responsive */
--theme-sidebar-box-background-2: #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg);
--theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg);
/*** navbar ***/
--theme-navbar-background: none;
--theme-navbar-tab-box-shadow: none;
--theme-navbar-tab-text-color: var(--theme-text-color-em);
--theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
--theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
--theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
--theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
--theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
--theme-navbar-tab-border-color: #a7d7f9;
--theme-navbar-tab-background-hover: rgba(256,256,256, 0.85); /*rgba(214,255,228,0.06);*/
--theme-navbar-tab-border-color-hover: rgba(20,20,20, 0.25); /*rgba(214,255,228,0.03);*/
--theme-navbar-tab-selected-border-color: #a7d7f9;
--theme-navbar-tab-selected-border-bottom-corner-color: #a7d7f9;
--theme-navbar-tab-background: rgba(226,226,226,0.85);
--theme-navbar-tab-selected-background: rgba(256,256,256,0.85);
--theme-navbar-tab-dropdown-arrow-color: #000;
--theme-navbar-tab-dropdown-arrow-color-hover: #b5bdb2;
--theme-navbar-tab-dropdown-background: rgb(226,226,226);
--theme-navbar-tab-dropdown-border-color: var(--theme-content-border-color);
--theme-navbar-tab-dropdown-box-shadow: 0px 0 5px 0px rgba(var(--theme-dark-color-rgb), 0.3);
--theme-navbar-tab-dropdown-hover-mask: rgba(20,20,20, 0.25);
--theme-navbar-search-box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
--theme-navbar-search-input-background: rgba(20,20,20, 0.3);
--theme-navbar-search-input-border-color: rgba(13, 4, 2, 0.5) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.5);
--theme-navbar-search-input-text-color: inherit;
--theme-navbar-search-button-background: var(--theme-button-background);
--theme-navbar-search-botton-border-color: var(--theme-button-border-color);
--theme-navbar-search-botton-text-color: var(--theme-text-color);
--theme-navbar-search-button-background-active: var(--theme-button-background-active);
--theme-navbar-search-botton-border-color-active: var(--theme-button-border-color-active);
--theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
--theme-navbar-search-suggestions-background: rgb(226,226,226);
--theme-navbar-search-suggestions-border-color: var(--theme-content-border-color);
--theme-navbar-search-suggestions-text-color: var(--theme-text-color-em);
--theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
--theme-navbar-search-suggestions-hover-mask: rgba(20,20,20, 0.25);
--theme-navbar-search-suggestions-results-border-bottom-color: rgb(10,10,10);
--theme-navbar-search-suggestions-special-offset-top: 0px; /* margin-top offset, normally is -1px */
--theme-navbar-search-suggestions-special-border-top-color: rgba(255,255,255, 0.1);
--theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
--theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
/* responsive */
--theme-navbar-search-background: #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg) repeat-x;
/*** content box ***/
--theme-content-background: rgba(256,256,256,0.85);
--theme-thumbimage-background: hsl(0,0%,90%);
--theme-content-border-bottom-width: 0;
--theme-content-border-style: solid;
--theme-content-border-color: #a7d7f9;
--theme-content-subpage-icon-color: rgba(234,227,209,0.4); /* color for "<" */
--theme-content-heading-rule-border-top: 1px solid var(--theme-hr-color-A); /* border */
--theme-content-heading-rule-border-bottom: 1px solid var(--theme-hr-color-B);
/** category: box **/
--theme-content-category-background: #f8f9fa;
--theme-content-category-border-style: solid;
--theme-content-category-border-color: #a2a9b1;
/** notification **/
--theme-notification-background: url(https://terraria.wiki.gg/images/5/56/Notification-background-overworld.png);
--theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b;
--theme-notification-shadow: 0px 0px 0px 0px rgb(var(--theme-shadow-color-rgb));
/*** #footer ***/
--theme-footer-text-color: #fff;
--theme-footer-background: rgba(256,256,256,0.85);
--theme-footer-border-top-width: 0;
--theme-footer-border-style: solid;
--theme-footer-border-color: var(--theme-content-border-color);
--theme-footer-box-shadow: inset var(--theme-box-shadow);
/* ------------------------------------------------------------------------- */
/* ========================================================================= */
/* OOUI variables start */
/* ========================================================================= */
/* ------------------------------------------------------------------------- */
/* These helper variables are defined for reuse in the variable definitions below */
--oouihelper--red: #d33;
--oouihelper--red-darker: #d73333;
--oouihelper--red-darkest: #b32424;
--oouihelper--red-lighter: #ff4242;
--oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */
--oouihelper--red-lightest: #fee7e6;
--oouihelper--red-lightest-another: #f5c2c2;
--oouihelper--yellow: #fc3;
--oouihelper--yellow-darker: #ffd3bd;
--oouihelper--yellow-lighter:#fff0c2;
--oouihelper--yellow-lightest: #fef6e7;
--oouihelper--green: #14866d;
--oouihelper--green-darker: ;
--oouihelper--green-lightest: #d5fdf4;
--oouihelper--green-lighter:#b3e7dc;
--oouihelper--blue:#36c;
--oouihelper--blue-another: #3366cc;
--oouihelper--blue-lighter: #447ff5;
--oouihelper--blue-darker: #2a4b8d;
--oouihelper--blue-darker-another: #0645ad;
--oouihelper--blue-lightest: #eaf3ff;
--oouihelper--blue-lightest-another: #c2d1f0;
--oouihelper--black:#202122;
--oouihelper--black-another:#222;
--oouihelper--black-darker:#000;
--oouihelper--black-lighter: #404244;
--oouihelper--grey: #a2a9b1;
--oouihelper--grey-darker:#72777d;
--oouihelper--grey-darkest: #54595d;
--oouihelper--grey-lighter: #c8ccd1;
--oouihelper--grey-lightest: #eaecf0;
--ouuihelper--grey-another: #7b8590;
--oouihelper--white: #f8f9fa;
--oouihelper--white-lighter: #fff;
--oouihelper--white-darker: #eff3fa;
--ouuihelper--misc1:rgba(0, 36, 73, 21/255);
--ouuihelper--misc2:rgba(0, 24, 73, 7/255);
--ouuihelper--misc3:rgba(0, 0, 0, 0.25);
--ouuihelper--misc4:rgba(8, 126, 204, 0.1);
--ouuihelper--misc5:rgba(212, 83, 83, 0.1);
--ouuihelper--misc6:rgba(51, 102, 204, 0.5);
--ouuihelper--misc7:rgba(0, 0, 0, 0.1);
--ouuihelper--misc8:rgba(0, 23, 70, 0.08599999999999999);
--oouihelper--progressive: #9fecf0;
--oouihelper--progressive-transparent: rgba(159, 236, 240, 0.6); /* #9fecf099; */
--oouihelper--progressive-lighter: #a7eef1;
--oouihelper--disabled: #b3b3b3;
--oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5);
--oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5);
--oouihelper--borderdark: #000;
--oouihelper--borderdark-lighter: #0e0c0c;
--oouihelper--borderdark-hover: #72777d;
--oouihelper--borderdark-focus: var(--oouihelper--progressive);
--oouihelper--textinput-background: rgba(20, 20, 20, 0.65);
--oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65);
--oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.9);
--oouihelper--placeholdertext: rgba(234, 227, 209, 0.4);
--oouihelper--themerelated: #a58350;
--oouihelper--themerelated-lighter: #cdab78;
--oouihelper--themerelated-lighter-transparent: rgba(171, 120, 84, 0.6);
--oouihelper--themerelated-lightest: #e6dbcb;
--oouihelper--themerelated-darker: #785f3a;
--oouihelper--themerelated-darkest: #342919;
--oouihelper--themerelated-disabled: rgba(230, 219, 203, 0.25);
--oouihelper--themerelated-disabled-lighter: rgba(238, 231, 221, 0.25);
--oouihelper--text-background: #2c2421;
/* Actual OOUI variables, grouped by element type */
/* misc */
--ooui--inlinehelp-color: var(--theme-text-color-note);
--ooui--disabled-color: var(--oouihelper--disabled);
/* all buttons */
--ooui--button-background--hover: #7b573d url(https://terraria.wiki.gg/images/d/d4/Button-background-overworld.jpg) center center / cover repeat-x;
--ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover);
--ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 0px 0px 0px;
--ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 0px;
/* "normal" button */
--ooui--button-background: rgba(0,24,73,7/255);
--ooui--button-border--focus: #36c;
--ooui--button-border--hover: #72777d;
--ooui--button-border-right--hover: 1px solid rgb(86, 47, 33);
--ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover);
--ooui--button-border-left--hover: var(--ooui--button-border-top--hover);
--ooui--button-color: var(--theme-text-color);
--ooui--button-color--hover: #000;
--ooui--button-color--active: #000;
--ooui--button-box-shadow---focus: inset 0 0 0 1px #36c;
/* "progressive" button */
--ooui--button-progressive-color: #36c;
--ooui--button-progressive-color--hover: #447ff5;
--ooui--button-progressive-color--active: #2a4b8d;
--ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px;
--ooui--button-border--active: #2a4b8d;
--ooui--button-progressive-primary-border-color: var(--oouihelper--progressive);
--ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter);
/* "destructive" button */
--ooui--button-destructive-color: #d33;
--ooui--button-destructive-color--hover: #ff4242;
--ooui--button-destructive-color--active: #b32424;
--ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px;
--ooui--button-border--active: #b32424;
--ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter);
--ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest);
/* disabled button */
--ooui--button-disabled-color--frameless: #72777d;
--ooui--button-disabled-color: #fff;
--ooui--button-disabled-background: #c8ccd1;
--ooui--button-disabled-border: #c8ccd1;
--ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7);
--ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right);
--ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top);
/* framed button */
--ooui--button-framed-background: #f8f9fa;
--ooui--button-framed-background--hover:#fff;
--ooui--button-framed-color: var(--theme-text-color);
--ooui--button-framed-color--hover: #404244;
--ooui--button-framed-border--hover: #a2a9b1;
--ooui--button-framed-border:#a2a9b1;
--ooui--button-border-top--focus: #36c;
--ooui--button-framed-box-shadow--focus: inset 0 0 0 1px #36c;
/* frameless button */
--ooui--button-frameless-on-color: var(--theme-text-color-highlight);
/* textarea */
--ooui--textarea-background-color: var(--oouihelper--textinput-background);
--ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext);
--ooui--textarea-border-color: var(--oouihelper--borderdark);
--ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover);
--ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus);
--ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter);
--ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker);
--ooui--textarea-disabled-color: var(--oouihelper--disabled);
--ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent);
--ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent);
--ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9);
--ooui--textarea-pending-background-color-2: #000;
/* checkbox */
--ooui--checkbox-border-color: var(--oouihelper--themerelated);
--ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter);
--ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23a58350%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); /* set the part between "fill=%22%23" and "%22" to the desired hexcode */
--ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23cdab78%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E");
--ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest);
--ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled);
--ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon);
/* radiobutton */
--ooui--radiobutton-border-color: var(--oouihelper--themerelated);
--ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter);
--ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest);
--ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled);
/* toggleswitch */
--ooui--toggleswitch-border-color: var(--oouihelper--themerelated);
--ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter);
--ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker);
--ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest);
--ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest);
--ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled);
--ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter);
/* dropdown */
--ooui--dropdown-background-color: var(--oouihelper--textinput-background);
--ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter);
--ooui--dropdown-border-color: var(--oouihelper--borderdark);
--ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover);
--ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus);
--ooui--dropdown-disabled-color: var(--oouihelper--disabled);
--ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent);
--ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent);
/* selectfile */
--ooui--selectfile-border-color: #72777d;
--ooui--selectfile-background-color: var(--oouihelper--textinput-background);
--ooui--selectfile-candrop-background-color: #514743;
/* tag item */
--ooui--tagitem-background-color: rgba(20, 20, 20, 0.75);
--ooui--tagitem-border-color: var(--oouihelper--borderdark);
--ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover);
--ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest);
--ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter);
--ooui--tagitem-color--hover: #efeadc;
--ooui--tagitem-disabled-color: var(--oouihelper--disabled);
--ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent);
--ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5);
/* multioption */
--ooui--multioption-disabled-color: var(--oouihelper--disabled);
/* progressbar */
--ooui--progressbar-border-color: var(--oouihelper--themerelated);
--ooui--progressbar-bar-background-color: var(--oouihelper--themerelated);
--ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled);
--ooui--progressbar-pending-background-color-1: #7a6a52;
--ooui--progressbar-pending-background-color-2: #4d4233;
/* messagewidget */
--ooui--messagewidget-notice-background-color: var(--oouihelper--white-);
--ooui--messagewidget-notice-border-color: var(--oouihelper--grey-lighter);
--ooui--messagewidget-error-background-color: var(--oouihelper--red);
--ooui--messagewidget-error-border-color: var(--oouihelper--red-darker);
--ooui--messagewidget-error-color: var(--oouihelper--red-lighter);
--ooui--messagewidget-warning-background-color: var(--oouihelper--yellow);
--ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker);
--ooui--messagewidget-success-background-color: var(--oouihelper--green);
--ooui--messagewidget-success-border-color: var(--oouihelper--green-darker);
--ooui--messagewidget-success-color: var(--oouihelper--green-lighter);
/* menuselectwidget */
--ooui--menuselect-background-color: var(--oouihelper--text-background);
--ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker);
--ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter);
--ooui--menuselect-border-color: var(--oouihelper--borderdark);
--ooui--menusectionoption-color: var(--oouihelper--placeholdertext);
/* tabselectwidget */
--ooui--tabselect-background-color: var(--oouihelper--text-background);
--ooui--tabselect-selected-background-color: var(--theme-content-background);
--ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter);
--ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter);
--ooui--tabselect-frameless-selected-color: var(--theme-link-color);
--ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color);
--ooui--tabselect-frameless-highlighted-color: #bcd1d2;
--ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2;
--ooui--taboption-color: var(--oouihelper--placeholdertext);
/* outlineselectwidget */
--ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px;
--ooui--outlineoption-background-color: var(--oouihelper--text-background);
--ooui--outlineoption-border-color: var(--oouihelper--borderdark);
--ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker);
--ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter);
--ooui--outlineoption-pressed-background-color: #22292a;
/* popupwidget */
--ooui--popup-background-color: var(--oouihelper--text-background);
--ooui--popup-border-color: var(--oouihelper--borderdark);
/* layouts */
--ooui--bookletlayout-border-color: var(--oouihelper--borderdark);
--ooui--panellayout-border-color: var(--oouihelper--borderdark);
/* dialog */
--ooui--dialog-border-color: var(--oouihelper--borderdark);
--ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter);
/* window */
--ooui--window-background-color: var(--oouihelper--text-background);
--ooui--window-border-color: var(--oouihelper--borderdark);
/* indicators */
/* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */
--ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%);
--ooui--indicator-invert-filter: brightness(0);
/* icons */
--ooui--icon-normal-filter: /*brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%)*/;
--ooui--icon-progressive-filter: /*brightness(0) invert(90%) sepia(21%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%)*/;
--ooui--icon-destructive-filter: /*brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%)*/;
--ooui--icon-invert-filter: /*brightness(0)*/;
--ooui--icon-success-filter: /*brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%)*/; /* #00e673 */
--ooui--icon-warning-filter: /*brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%)*/; /* #ffcc33 */
--ooui--icon-error-filter: /*brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%)*/; /* #f04848 */
/* ------------------------------------------------------------------------- */
/* ========================================================================= */
/* OOUI variables end */
/* ========================================================================= */
/* ------------------------------------------------------------------------- */
/******* "real" wiki content ********/
--theme-widget-toc-arrow-color: rgba(234,227,209, 0.5);
--theme-widget-toc-arrow-color-hover: rgba(234,227,209);
--theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25);
--theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
--theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);
}
/**** Theme vars END ***********************************************************/
/**** base styles START ***********************************************************/
/* always show scroll bar for short page.
* By doing this page background size won't change when expand/collapse sidebar sections.
*/
html{
overflow-y: scroll;
}
/** Font **/
html, body,
h1,h2,h3,h4,h5,h6,
.mw-body h1, .mw-body-content h1, .mw-body-content h2{
/*font-family: Helvetica, Arial, sans-serif; This is much more readable. */
/* font-family: ;'Trebuchet MS', 'Trebuchet', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif; */
color: var(--theme-text-color);
}
body,
body .vector-body{
font-size: calc(1em * 0.935);
}
/** link color **/
/* Self-links aren't real links, they're not clickable.
* Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
* We should not use :not(.selflink) since it increases the priority and make it is difficult to override
* link styles for certain elements (e.g. in wiki.gg header).
*/
a,
a.selflink:hover, a.selflink:active{
text-decoration: none;
color: var(--theme-link-color);
}
a:visited{
color: var(--theme-link-color-visited);
}
a:hover, a:active{
text-decoration: underline;
color: var(--theme-link-color-hover);
}
/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited{
color: var(--theme-link-color-redlink);
}
button, input[type=submit]{
}
/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
/* fix 100% width table with border */
box-sizing: border-box;
}
table.lined,
table.bordered,
table.cellborder{
border-collapse: collapse;
border-style: solid;
border-color: var(--theme-border-color);
}
table.lined th,
table.lined td{
border-width: 0 0 1px 0;
}
/**** base styles END ***********************************************************/
/*********************************************************************************************************/
input, button{
color: var(--theme-control-text-color);
caret-color: var(--theme-text-color);
}
input[type=submit]{
color: var(--theme-control-text-color);
}
::placeholder {
color: var(--theme-text-color-placeholder);
}
/* Removes VisualEdit button */
#ca-ve-edit {
display: none;
}
.content-body img{
/*max-width: 100%;*/
}
/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited {
color: var(--theme-link-color);
}
/* Text color */
#content,
#firstHeading,
#footer ul li,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
#contentSub, #contentSub2,
.search-types .current a,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
color: var(--theme-text-color);
}
.i .note,
.note-text{
color: var(--theme-text-color-note);
}
/* ??? */
.mw-plusminus-neg{
color: var(--theme-link-color-redlink);
}
.autocomment, .autocomment a,
.autocomment a:visited {
color: var(--theme-text-color-note);
}
/* Invert class */
.invert,
.dark-invert {
filter: invert(1);
}
.auto-icon {
filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */
}
/* Input text color ???
input, button {
color:#eae3d1;
}
*/
/* ------------------------------------------------------------------ */
/* ================================================================== */
/* OOUI styles start */
/* ================================================================== */
/* ------------------------------------------------------------------ */
.oo-ui-iconElement-icon {
filter: var(--ooui--icon-normal-filter);
}
.oo-ui-iconElement-icon.oo-ui-image-progressive {
filter: var(--ooui--icon-progressive-filter);
}
.oo-ui-iconElement-icon.oo-ui-image-destructive {
filter: var(--ooui--icon-destructive-filter);
}
.oo-ui-iconElement-icon.oo-ui-image-invert {
filter: var(--ooui--icon-invert-filter);
}
.oo-ui-iconElement-icon.oo-ui-image-success {
filter: var(--ooui--icon-success-filter);
}
.oo-ui-iconElement-icon.oo-ui-image-warning {
filter: var(--ooui--icon-warning-filter);
}
.oo-ui-iconElement-icon.oo-ui-image-error {
filter: var(--ooui--icon-error-filter);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
color: var(--oouihelper--black)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
background-color: var(--ouuihelper--misc2);
color: var(--oouihelper--black-darker)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
background-color: var(--ouuihelper--misc1);
color: var(--oouihelper--black-darker);
border-color: var(--oouihelper--grey-darker);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
color: var(--oouihelper--blue)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
color: var(--oouihelper--blue-lighter)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button {
color: var(--oouihelper--blue-darker);
border-color: var(--oouihelper--blue-darker);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
color: var(--oouihelper--red)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover {
color: var(--oouihelper--red-lighter)
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button {
color: var(--oouihelper--red-darkest);
border-color: var(--oouihelper--red-darkest);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
color: var(--oouihelper--grey-darker)
}
/*
.oo-ui-buttonElement-framed>.oo-ui-buttonElement-button {
border-radius: 2px;
}*/
.oo-ui-buttonElement-framed.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
background-color: var(--oouihelper--grey-lighter);
color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--grey-lighter)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
background-color: var(--oouihelper--white);
color: var(--oouihelper--black);
border-color: var(--oouihelper--grey)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
background-color: var(--oouihelper--white-lighter);
color: var(--oouihelper--black-lighter);
border-color: var(--oouihelper--grey)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button {
background-color: var(--oouihelper--blue-darker);
color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--blue-darker)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button:focus {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue), inset 0 0 0 2px var(--oouihelper--white-lighter)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button {
background-color: var(--oouihelper--grey-lighter);
color: var(--oouihelper--black-darker);
border-color: var(--oouihelper--grey-darker);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
color: var(--oouihelper--blue)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
background-color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--blue-lighter)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {
background-color: var(--oouihelper--white-darker);
color: var(--oouihelper--blue-darker);
border-color: var(--oouihelper--blue-darker);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
color: var(--oouihelper--red-darker)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover {
background-color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--red-lighter)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {
border-color: var(--oouihelper--red);
box-shadow: inset 0 0 0 1px var(--oouihelper--red);
outline: 1px solid transparent
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {
background-color: var(--oouihelper--white-lighter)fff;
color: var(--oouihelper--red-darkest);
border-color: var(--oouihelper--red-darkest);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
color: var(--oouihelper--white-lighter);
background-color: var(--oouihelper--blue);
border-color: var(--oouihelper--blue)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
background-color: var(--oouihelper--blue-lighter);
border-color: var(--oouihelper--blue-lighter)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue), inset 0 0 0 2px var(--oouihelper--white-lighter);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {
color: var(--oouihelper--white-lighter);
background-color: var(--oouihelper--blue-darker);
border-color: var(--oouihelper--blue-darker);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
color: var(--oouihelper--white-lighter);
background-color: var(--oouihelper--red);
border-color: var(--oouihelper--red)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover {
background-color: var(--oouihelper--red-lighter);
border-color: var(--oouihelper--red-lighter)
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {
border-color: var(--oouihelper--red);
box-shadow: inset 0 0 0 1px var(--oouihelper--red), inset 0 0 0 2px var(--oouihelper--white-lighter);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {
color: var(--oouihelper--white-lighter);
background-color: var(--oouihelper--red-darkest);
border-color: var(--oouihelper--red-darkest);
}
.oo-ui-pendingElement-pending {
background-color: var(--oouihelper--grey-lightest);
background-image: linear-gradient(135deg, var(--oouihelper--white-lighter) 25%, transparent 25%, transparent 50%, var(--oouihelper--white-lighter) 50%, var(--oouihelper--white-lighter) 75%, transparent 75%, transparent);
}
.oo-ui-fieldLayout-disabled>.oo-ui-fieldLayout-body>.oo-ui-fieldLayout-header>.oo-ui-labelElement-label {
color: var(--oouihelper--grey-darker)
}
.oo-ui-panelLayout-framed {
border: 1px solid var(--oouihelper--grey);
}
.oo-ui-optionWidget.oo-ui-widget-disabled {
color:var(--oouihelper--grey-darker)
}
.oo-ui-radioSelectWidget:focus [type='radio']:checked+span:before {
border-color: var(--oouihelper--white-lighter)
}
.oo-ui-labelWidget.oo-ui-inline-help {
color: var(--oouihelper--grey-darkest);
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
background-color: var(--oouihelper--red-lightest);
border-color: var(--oouihelper--red)
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
background-color: var(--oouihelper--yellow-lightest);
border-color: var(--oouihelper--yellow)
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
background-color: var(--oouihelper--green-lightest);
border-color: var(--oouihelper--green)
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background-color: var(--oouihelper--grey-lightest);
border-color: var(--oouihelper--grey)
}
.oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) {
color: var(--oouihelper--red)
}
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
color: var(--oouihelper--green)
}
.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled+.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
border-left-color:var(--oouihelper--white-lighter)
}
.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on+.oo-ui-toggleWidget-on>.oo-ui-buttonElement-button,
.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on+.oo-ui-toggleWidget-on>.oo-ui-buttonElement-button:active {
border-left-color: var(--oouihelper--grey);
}
.oo-ui-popupWidget-popup {
background-color:var(--oouihelper--white-lighter);
border:1px solid var(--oouihelper--grey);
box-shadow:0 2px 2px 0 var(--ouuihelper--misc3)
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
border-bottom-color: var(--ouuihelper--grey-another);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
border-bottom-color: var(--oouihelper--white-lighter);
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
border-top-color: var(--oouihelper--grey);
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color: var(--oouihelper--white-lighter);
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
border-right-color: var(--oouihelper--grey);
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
border-right-color: var(--oouihelper--white-lighter);
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
border-left-color: var(--oouihelper--grey);
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
border-left-color: var(--oouihelper--white-lighter);
}
.oo-ui-checkboxInputWidget [type='checkbox']+span {
background-color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--grey-darker);
}
.oo-ui-checkboxInputWidget [type='checkbox']:indeterminate+span:before {
background-color: var(--oouihelper--white-lighter);
}
.oo-ui-checkboxInputWidget [type='checkbox']:disabled+span {
background-color: var(--oouihelper--grey-lighter);
border-color: var(--oouihelper--grey-lighter)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {
border-color: var(--oouihelper--blue-lighter)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {
background-color: var(--oouihelper--blue-darker);
border-color: var(--oouihelper--blue-darker);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue-darker)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate+span {
background-color: var(--oouihelper--blue);
border-color: var(--oouihelper--blue)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus+span {
background-color: var(--oouihelper--blue);
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue), inset 0 0 0 2px var(--oouihelper--white-lighter)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover+span {
background-color: var(--oouihelper--blue-lighter);
border-color: var(--oouihelper--blue-lighter)
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active+span {
background-color: var(--oouihelper--blue-darker);
border-color: var(--oouihelper--blue-darker);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue-darker)
}
.oo-ui-dropdownInputWidget select {
background-color:transparent;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
background-color: var(--oouihelper--white);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
background-color: var(--oouihelper--white-lighter)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
color: var(--oouihelper--black);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
color: var(--oouihelper--black-lighter);
border-color: var(--oouihelper--grey)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
color: var(--oouihelper--black-darker);
border-color: var(--oouihelper--grey-darker)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
background-color: var(--oouihelper--grey-lightest)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
color: var(--oouihelper--grey-darker);
border-color: var(--oouihelper--grey-lighter)
}
.oo-ui-radioInputWidget [type='radio']+span {
background-color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--grey-darker);
}
/*
.oo-ui-radioInputWidget [type='radio']+span:before {
top: 2.5px;
left: 2.5px;
right: 2.5px;
bottom: 2.5px;
}
.oo-ui-radioInputWidget [type='radio']:checked+span,
.oo-ui-radioInputWidget [type='radio']:checked:hover+span,
.oo-ui-radioInputWidget [type='radio']:checked:focus:hover+span {
border-width: 3px;
}
.oo-ui-radioInputWidget [type='radio']:checked+span:before,
.oo-ui-radioInputWidget [type='radio']:checked:hover+span:before,
.oo-ui-radioInputWidget [type='radio']:checked:focus:hover+span:before {
background-color: var(--ooui--radiobutton-border-color);
}*/
.oo-ui-radioInputWidget [type='radio']:disabled+span {
background-color: var(--oouihelper--grey-lighter);
border-color: var(--oouihelper--grey-lighter)
}
.oo-ui-radioInputWidget [type='radio']:disabled:checked+span {
background-color: var(--oouihelper--white-lighter)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover+span {
border-color: var(--oouihelper--blue-lighter)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active+span {
background-color: var(--oouihelper--blue-darker);
border-color: var(--oouihelper--blue-darker)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked+span {
border-color: var(--oouihelper--blue)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus+span:before {
border-color: var(--oouihelper--white-lighter)
}
/*
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus+span {
box-shadow: inset 0 0 0 1px var(--ooui--radiobutton-box-shadow--focus);
}*/
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover+span {
border-color: var(--oouihelper--blue-lighter)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active+span {
border-color: var(--oouihelper--blue-darker);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue-darker)
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active+span:before {
border-color: var(--oouihelper--blue-darker)
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color:var(--oouihelper--white-lighter);
color:var(--oouihelper--black-darker);
border:1px solid var(--oouihelper--grey);
}
.oo-ui-textInputWidget .oo-ui-pendingElement-pending {
background-color: var(--oouihelper--grey-lightest)
}
.oo-ui-textInputWidget>.oo-ui-labelElement-label {
color: var(--oouihelper--grey-darker);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder {
color: var(--oouihelper--grey-darker);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder {
color: var(--oouihelper--grey-darker);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder {
color: var(--oouihelper--grey-darker);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
color: var(--oouihelper--grey-darker);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
background-color: var(--oouihelper--white)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
border-color: var(--oouihelper--grey-darker)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
border-color: var(--oouihelper--blue)
}
@media screen and (min-width:0) {
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
outline: 1px solid var(--oouihelper--blue);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus {
outline-color: var(--oouihelper--red)
}
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
border-color: var(--oouihelper--red)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover {
border-color: var(--oouihelper--red)
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
border-color: var(--oouihelper--red);
box-shadow: inset 0 0 0 1px var(--oouihelper--red)
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
background-color: var(--oouihelper--grey-lightest);
-webkit-text-fill-color: var(--oouihelper--grey-darker);
color: var(--oouihelper--grey-darker);
text-shadow: 0 1px 1px var(--oouihelper--white-lighter);
border-color: var(--oouihelper--grey-lighter)
}
.oo-ui-textInputWidget.oo-ui-widget-disabled>.oo-ui-labelElement-label {
color: var(--oouihelper--grey-darker);
text-shadow: 0 1px 1px var(--oouihelper--white-lighter)
}
.oo-ui-menuSelectWidget {
background-color: var(--oouihelper--white-lighter);
border: 1px solid var(--oouihelper--grey);
box-shadow: 0 2px 2px 0 var(--ouuihelper--misc3)
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--oouihelper--grey-lightest);
color: var(--oouihelper--black-darker)
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--oouihelper--blue-lightest);
color: var(--oouihelper--blue)
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: rgba(41, 98, 204, 0.1);
color: var(--oouihelper--blue)
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--oouihelper--black)
}
.oo-ui-menuSectionOptionWidget {
color: var(--oouihelper--grey-darker);
}
.oo-ui-dropdownWidget-handle {
border:1px solid var(--oouihelper--grey);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color:var(--oouihelper--white);
color:var(--oouihelper--black);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: var(--oouihelper--white-lighter);
color: var(--oouihelper--black-lighter);
border-color: var(--oouihelper--grey)
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
color: var(--oouihelper--black-darker);
border-color: var(--oouihelper--grey-darker)
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue)
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: var(--oouihelper--white-lighter)
}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
color: var(--oouihelper--grey-darker);
text-shadow: 0 1px 1px var(--oouihelper--white-lighter);
border-color: var(--oouihelper--grey-lighter);
background-color: var(--oouihelper--grey-lightest)
}
.oo-ui-multioptionWidget.oo-ui-widget-disabled {
color:var(--oouihelper--grey-darker)
}
.oo-ui-progressBarWidget {
border: 1px solid var(--oouihelper--grey);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) {
background-color: var(--oouihelper--white-lighter)
}
.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
background-color: var(--oouihelper--blue)
}
.oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar {
background-color: var(--oouihelper--grey-lighter)
}
/*
.oo-ui-progressBarWidget.oo-ui-pendingElement-pending {
background-color: var(--ooui--progressbar-pending-background-color-1);
background-image: linear-gradient(135deg, var(--ooui--progressbar-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--progressbar-pending-background-color-2) 50%, var(--ooui--progressbar-pending-background-color-2) 75%, transparent 75%, transparent);
}*/
.oo-ui-bookletLayout-outlinePanel>.oo-ui-outlineControlsWidget {
border-top: 1px solid var(--oouihelper--grey-lighter)
}
.oo-ui-bookletLayout>.oo-ui-menuLayout-menu {
border-right: 1px solid var(--oouihelper--grey-lighter)
}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled+.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
border-left-color: var(--oouihelper--white-lighter)
}
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue), inset 0 0 0 2px var(--oouihelper--white-lighter);
}
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button {
background-color: var(--ouuihelper--misc1);
color: var(--oouihelper--black-darker)
}
.oo-ui-toggleSwitchWidget {
background-color: var(--oouihelper--white);
border: 1px solid var(--oouihelper--grey-darker);
}
/*
.oo-ui-toggleSwitchWidget-grip {
top: 0.21428571428571427em;
}
.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
left: 1.7142857142857142em;
}*/
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
background-color: var(--oouihelper--white);
border: 1px solid var(--oouihelper--grey-darker)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
background-color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--blue-lighter)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
background-color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--blue-lighter)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
background-color: var(--oouihelper--blue-darker);
border-color: var(--oouihelper--blue-darker);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue-darker)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
background-color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--white-lighter)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
border-color: var(--oouihelper--blue)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
background-color: var(--oouihelper--blue);
border-color: var(--oouihelper--blue)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
background-color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--white-lighter)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
background-color: var(--oouihelper--blue-lighter);
border-color: var(--oouihelper--blue-lighter)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
background-color: var(--oouihelper--blue-darker);
border-color: var(--oouihelper--blue-darker)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
border-color: var(--oouihelper--blue)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
border-color: var(--oouihelper--white-lighter)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
background-color: var(--oouihelper--grey-lighter);
border-color: var(--oouihelper--grey-lighter);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
border: 1px solid var(--oouihelper--white-lighter);
box-shadow: inset 0 0 0 1px var(--oouihelper--white-lighter)
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
background-color: var(--oouihelper--white-lighter)
}
.oo-ui-selectFileWidget-dropTarget {
background-color: var(--oouihelper--white-lighter);
border: 1px solid var(--oouihelper--grey);
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: var(--oouihelper--white-lighter);
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
border-color: var(--oouihelper--grey-darker)
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget,
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info>.oo-ui-inputWidget-input {
background-color: var(--oouihelper--blue-lightest);
color: var(--oouihelper--blue-darker)
}
.oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget {
background-color: var(--oouihelper--grey-lightest);
border-color: var(--oouihelper--grey-lighter)
}
.oo-ui-outlineSelectWidget:focus {
box-shadow: inset 0 0 0 2px var(--oouihelper--blue)
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--oouihelper--grey-lightest);
color: var(--oouihelper--black-darker)
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--oouihelper--blue-lightest);
color: var(--oouihelper--blue)
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
background-color: rgba(41, 98, 204, 0.1);
color: var(--oouihelper--blue)
}
.oo-ui-tabSelectWidget-framed {
background-color: var(--oouihelper--grey-lightest)
}
.oo-ui-tabSelectWidget-frameless {
box-shadow: inset 0 -1px 0 0 var(--oouihelper--grey)
}
.oo-ui-tabOptionWidget {
color: var(--oouihelper--black-lighter);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--oouihelper--white-lighter);
color: var(--oouihelper--black-darker)
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: var(--oouihelper--white-lighter)
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
background-color: rgba(255, 255, 255, 0.3);
color: var(--oouihelper--black)
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
background-color: rgba(255, 255, 255, 0.8);
color: var(--oouihelper--black-darker)
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background-color: var(--oouihelper--white-lighter)
}
.oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: var(--oouihelper--blue)
}
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
color: var(--oouihelper--blue);
box-shadow: inset 0 -2px 0 0 var(--oouihelper--blue)
}
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
color: var(--oouihelper--blue-lighter);
box-shadow: inset 0 -2px 0 0 var(--oouihelper--blue-lighter)
}
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
color: var(--oouihelper--blue-darker);
box-shadow: inset 0 -2px 0 0 var(--oouihelper--blue-darker)
}
.oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
box-shadow: inset 0 0 0 2px var(--oouihelper--blue)
}
.oo-ui-tagMultiselectWidget-handle {
border: 1px solid var(--oouihelper--grey);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input {
color: var(--oouihelper--black-darker);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input::-webkit-input-placeholder {
color: var(--oouihelper--grey-darker);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input:-ms-input-placeholder {
color: var(--oouihelper--grey-darker);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input::-moz-placeholder {
color: var(--oouihelper--grey-darker);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input::placeholder {
color: var(--oouihelper--grey-darker);
}
/*
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
background-color: var(--ooui--textarea-readonly-background-color);
}*/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--oouihelper--white-lighter)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
border-color: var(--oouihelper--grey-darker)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
border-color: var(--oouihelper--red)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: var(--oouihelper--white)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: var(--oouihelper--white-lighter)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
border-color: var(--oouihelper--red)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
color: var(--oouihelper--red)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
background-color: var(--oouihelper--grey-lightest);
color: var(--oouihelper--grey-darker);
text-shadow: 0 1px 1px var(--oouihelper--white-lighter);
border-color: var(--oouihelper--grey-lighter)
}
.oo-ui-tagItemWidget {
border: 1px solid var(--oouihelper--grey);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled {
color: var(--oouihelper--black);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
background-color: var(--oouihelper--white-lighter);
color: var(--oouihelper--black-lighter);
border-color: var(--oouihelper--grey)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
border-color: var(--oouihelper--blue);
box-shadow: inset 0 0 0 1px var(--oouihelper--blue);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: var(--oouihelper--white);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid {
border-color: var(--oouihelper--red)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover {
border-color: var(--oouihelper--red)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus {
border-color: var(--oouihelper--red);
box-shadow: inset 0 0 0 1px var(--oouihelper--red)
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
background-color: var(--oouihelper--white-lighter)
}
/*
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus {
border: 0;
box-shadow: none;
}*/
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
background-color: var(--oouihelper--grey-lighter);
}
.oo-ui-tagItemWidget.oo-ui-widget-disabled {
background-color: var(--oouihelper--grey-lightest);
color: var(--oouihelper--grey-darker);
border-color: var(--oouihelper--grey-lighter);
text-shadow: 0 1px 1px var(--oouihelper--white-lighter)
}
.oo-ui-messageDialog-content>.oo-ui-window-foot {
outline: 1px solid var(--oouihelper--grey)
}
.oo-ui-messageDialog-title {
color: var(--oouihelper--black-darker)
}
.oo-ui-messageDialog-message {
color: var(--oouihelper--black);
}
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
background-color: var(--ouuihelper--misc4)
}
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active {
background-color: var(--ouuihelper--misc5)
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right: 1px solid var(--oouihelper--grey);
}
.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
border-bottom: 1px solid var(--oouihelper--grey);
}
.oo-ui-processDialog-content .oo-ui-window-head,
.oo-ui-processDialog-content .oo-ui-window-foot {
outline: 1px solid var(--oouihelper--grey-lighter)
}
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget>.oo-ui-buttonElement-button {
border-left-color: var(--oouihelper--grey-lighter);
}
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:hover,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:active {
border-left-color: var(--oouihelper--grey-lighter);
}
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:focus {
border-color: var(--oouihelper--blue)
}
.oo-ui-processDialog-actions-safe .oo-ui-actionWidget>.oo-ui-buttonElement-button,
.oo-ui-processDialog-actions-other .oo-ui-actionWidget>.oo-ui-buttonElement-button {
border-right-color: var(--oouihelper--grey-lighter);
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)>.oo-ui-buttonElement-button:hover {
background-color: var(--oouihelper--white);
border-right-color: var(--oouihelper--grey-lighter)
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)>.oo-ui-buttonElement-button:active {
background-color: var(--oouihelper--grey-lighter);
border-right-color: var(--oouihelper--grey-lighter)
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)>.oo-ui-buttonElement-button:focus {
border-color: var(--oouihelper--blue)
}
.oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame {
background-color: var(--oouihelper--white-lighter);
}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating>.oo-ui-dialog>.oo-ui-window-frame {
border: 1px solid var(--oouihelper--grey);
box-shadow: 0 2px 2px 0 var(--ouuihelper--misc3)
}
.oo-ui-indicator-clear {
filter: var(--ooui--indicator-filter);
}
.oo-ui-image-invert.oo-ui-indicator-clear {
filter: var(--ooui--indicator-invert-filter);
}
.oo-ui-indicator-up {
filter: var(--ooui--indicator-filter);
}
.oo-ui-image-invert.oo-ui-indicator-up {
filter: var(--ooui--indicator-invert-filter);
}
.oo-ui-indicator-down {
filter: var(--ooui--indicator-filter);
}
.oo-ui-image-invert.oo-ui-indicator-down {
filter: var(--ooui--indicator-invert-filter);
}
.oo-ui-indicator-required {
filter: var(--ooui--indicator-filter);
}
.oo-ui-image-invert.oo-ui-indicator-required {
filter: var(--ooui--indicator-invert-filter);
}
/* The following styles are actually not part of OOUI, but base MediaWiki.
* They appear very similarly to OOUI, though, so they use OOUI styling vars as well.
*/
.editOptions {
background-color: var(--oouihelper--grey-lightest);
color: var(--oouihelper--black);
border: 1px solid var(--oouihelper--grey-lighter);
}
.unpatrolled {
color: var(--oouihelper--red)
}
li span.deleted,
span.history-deleted {
color: var(--oouihelper--grey-darker);
}
/* ".{message|error|warning|success}box" are deprecated as of MediaWiki 1.39, see:
* https://phabricator.wikimedia.org/T300306
* https://phabricator.wikimedia.org/T270796
* https://phabricator.wikimedia.org/T300314
*/
.messagebox,
.errorbox,
.warningbox,
.successbox,
.mw-message-box,
.mw-message-box-warning,
.mw-message-box-error,
.mw-message-box-success {
color: var(--theme-text-color);
}
.messagebox,
.mw-message-box {
color: var(--oouihelper--black-darker);
background-color: var(--oouihelper--grey-lightest);
border-color: var(--oouihelper--grey)
}
.errorbox,
.mw-message-box-error {
background-color: var(--oouihelper--red-lightest);
border-color: var(--oouihelper--red)
}
.warningbox,
.mw-message-box-warning {
background-color: var(--oouihelper--yellow-lightest);
border-color: var(--oouihelper--yellow)
}
.successbox,
.mw-message-box-success {
background-color: var(--oouihelper--green-lightest);
border-color: var(--oouihelper--green)
}
.usermessage {
background-color: var(--custom-notice-yellow-background-color);
border-color: var(--custom-notice-yellow-border-color);
color: var(--theme-text-color);
}
.client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
border: 1px solid var(--oouihelper--grey-lighter);
}
.client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce,
.client-js .mw-rcfilters-spinner:before,
.client-js .mw-rcfilters-spinner:after {
background-color: var(--oouihelper--blue-another);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: var(--oouihelper--white);
border: 1px solid var(--oouihelper--grey);
}
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
border-bottom: 1px solid var(--oouihelper--grey)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle {
background-color: var(--oouihelper--blue-lightest)
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--oouihelper--grey-darkest);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
color: var(--oouihelper--black);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border: 1px solid var(--oouihelper--grey);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
color: var(--oouihelper--grey-darker)
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-bottom: 1px solid var(--oouihelper--grey-lightest)
}
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
border-top: 4px solid var(--oouihelper--grey-lighter)
}
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
background-color: var(--oouihelper--white)
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--oouihelper--blue-lightest)
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--oouihelper--black)
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: var(--oouihelper--grey-darkest);
}
.mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel {
color: var(--oouihelper--grey-darkest)
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: var(--oouihelper--white)
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: var(--oouihelper--grey-darkest)
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted {
background-color: var(--oouihelper--grey-lightest);
color: var(--oouihelper--black-darker)
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: var(--oouihelper--grey-lightest);
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
color: var(--oouihelper--grey-darkest);
}
/*
.mw-rcfilters-ui-filterItemHighlightButton-circle.oo-ui-iconElement-icon {
filter: none;
}*/
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: var(--oouihelper--grey-lightest);
border-color: var(--oouihelper--grey-lighter)
}
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
color: var(--oouihelper--grey-darker)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: var(--oouihelper--blue-lightest);
border-color: var(--oouihelper--blue-another)
}
.mw-rcfilters-ui-tagItemWidget-popup-content {
color: var(--oouihelper--grey-darkest)
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title {
color: var(--oouihelper--grey-darkest)
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
border-bottom: 1px solid var(--oouihelper--grey-lighter);
background-color: var(--oouihelper--white)
}
.mw-rcfilters-ui-menuSelectWidget-noresults {
color: var(--oouihelper--grey-darkest);
}
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: var(--oouihelper--white);
border-top: 1px solid var(--oouihelper--grey-lighter);
}
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
color: var(--oouihelper--grey-darkest);
}
.mw-rcfilters-ui-datePopupWidget {
border-top: 1px solid var(--oouihelper--grey);
}
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
color: var(--oouihelper--grey-darker)
}
/*
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color .oo-ui-iconElement-icon {
filter: none;
}*/
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: var(--oouihelper--white-lighter);
border: 1px solid var(--oouihelper--grey-lighter)
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: var(--oouihelper--blue-lightest-another)
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: var(--oouihelper--green-lighter)
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: var(--oouihelper--yellow-lighter)
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: var(--oouihelper--yellow-darker)
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: var(--oouihelper--red-lightest-another)
}
.mw-rcfilters-ui-savedLinksListItemWidget:hover {
background-color: var(--oouihelper--grey-lightest);
color: var(--oouihelper--black-darker)
}
.mw-rcfilters-ui-savedLinksListItemWidget-label {
color:var(--oouihelper--blue-another);
}
.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
margin-top: 1em;
border-top: 2px solid var(--oouihelper--grey-lightest)
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] {
background-color: var(--oouihelper--white-lighter);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder {
color: var(--oouihelper--black-darker)
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder {
color: var(--oouihelper--black-darker)
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder {
color: var(--oouihelper--black-darker)
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder {
color: var(--oouihelper--black-darker)
}
.mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on:after {
background: var(--ouuihelper--misc6)
}
.wikiEditor-ui .wikiEditor-ui-view {
border: 1px solid var(--oouihelper--grey-lighter)
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 1px solid var(--oouihelper--grey-lighter)
}
.wikiEditor-ui-toolbar .sections .section {
border-top: 1px solid var(--oouihelper--grey-lighter)
}
.wikiEditor-ui-toolbar .tabs span.tab a {
color: var(--oouihelper--blue-darker-another);
}
.wikiEditor-ui-toolbar .tabs span.tab a:before {
filter: var(--ooui--icon-normal-filter);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--oouihelper--black-another)
}
.wikiEditor-ui-toolbar .group .label {
color: var(--oouihelper--grey-darkest);
}
.wikiEditor-ui-toolbar .group .tool-select .label {
color: var(--oouihelper--black-another)
}
.wikiEditor-ui-toolbar .group .tool-select .label:after {
filter: var(--ooui--icon-normal-filter);
}
.wikiEditor-ui-toolbar .group .tool-select .options {
border: 1px solid var(--oouihelper--grey-lighter);
background-color: var(--oouihelper--white-lighter);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
color: var(--oouihelper--black-darker);
}
.wikiEditor-ui-toolbar .page-table th {
color: var(--oouihelper--grey-darkest)
}
.wikiEditor-ui-toolbar .page-table td {
color: var(--oouihelper--black-darker);
border-top: 1px solid var(--oouihelper--grey-lightest)
}
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid var(--oouihelper--grey-lightest);
color: var(--oouihelper--black);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: var(--oouihelper--white-lighter);
border-color: var(--oouihelper--grey-lighter)
}
.wikiEditor-ui-toolbar {
background-color: var(--oouihelper--white);
box-shadow: 0 2px 1px 0 var(--ouuihelper--misc7);
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
border-color: var(--oouihelper--grey-lightest)
}
.wikiEditor-ui-toolbar .group {
border-right:1px solid var(--oouihelper--grey-lighter);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--oouihelper--grey-lightest)
}
.wikiEditor-ui-toolbar .booklet>.index>:hover {
background-color: var(--oouihelper--grey-lightest)
}
.wikiEditor-ui-toolbar .booklet>.index>.current {
background-color: var(--oouihelper--blue-lightest);
color: var(--oouihelper--blue)
}
.tool-button:hover,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button:hover {
background-color: var(--ouuihelper--misc8);
}
.mw-email-not-authenticated .oo-ui-labelWidget,
.mw-email-none .oo-ui-labelWidget {
color: var(--oouihelper--black-darker);
}
.mw-email-not-authenticated .oo-ui-labelWidget {
background-color: var(--oouihelper--yellow-lightest);
border-color: var(--oouihelper--yellow)
}
.mw-email-none .oo-ui-labelWidget {
background-color: var(--oouihelper--grey-lightest);
border-color: var(--oouihelper--grey)
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--oouihelper--white-lighter);
border-top: 1px solid var(--oouihelper--grey-lighter);
box-shadow: 0 -4px 4px -4px var(--ouuihelper--misc3)
}
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout {
border-color: var(--oouihelper--grey-lighter)
}
.client-nojs .mw-prefs-tabs .mw-prefs-section-fieldset>.oo-ui-fieldsetLayout-group {
border-top: 1px solid var(--oouihelper--grey-lighter)
}
/* ------------------------------------------------------------------ */
/* ================================================================== */
/* OOUI styles end */
/* ================================================================== */
/* ------------------------------------------------------------------ */
/* from common.css, need to be clean up */
/*
Common css for both desktop and mobile view.
Imported in common.css and mobile.css.
*/
/* ------------------------------------------------------------------ */
/* ================================================================== */
/* General styles */
/* ================================================================== */
/* ------------------------------------------------------------------ */
.pixel img, .pixel,
.WikiaLightbox .media img,
#mw-imagepage-section-filehistory img {
image-rendering: pixelated; /*for chrome*/
image-rendering: crisp-edges; /*for firefox*/
}
.thumb{
background: var(--theme-box-background);
}
.thumbimage{
background-color: var(--theme-thumbimage-background);
border-color: var(--theme-border-color);
}
div.thumbinner{
background-color: var(--theme-box-background);
border-color: var(--theme-border-color);
}
li.gallerybox div.thumb{
border-color: var(--theme-border-color);
background-color: var(--theme-page-background-color);
}
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper{
background:var(--theme-thumb-wrapper-background);
}
.gallery *{
box-sizing: initial;
}
.mw-gallery-traditional .thumb{
display: flex;
}
.mw-gallery-traditional .thumb a{
display: block;
}
.small {
font-size: 85%;
}
.fullwidth, .full-width{
width: 100%;
}
.nowrap {
white-space: nowrap;
}
.page-content ul, .page-content ol{
margin: 2px 0 2px 1.5em;
}
.page-content ol.special{
list-style-position: inside;
margin-left: auto;
}
/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
text-align: center;
}
.alignleft,
.align-left{
text-align: left;
}
.alignright,
.align-right{
text-align: right;
}
/* pic box */
div.tright {
margin: 0 0 1em 1em;
}
/* clear fix for float block */
.clearfix {
*zoom: 1;
}
.clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
/* Add diff accent to make even smaller changes visible */
.diffchange-inline {
border: 1px var(--theme-alert-color) dashed;
}
/* Recent changes reduce spacing */
fieldset.rcoptions {
margin-top: 0;
}
/* References smaller text than main */
.references {
font-size: 90%;
}
/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
font-size: 14px !important;
}
/* SoundManager2Button icon (It looks useless/unused) */
a.sm2_button {
background-color: #3399CC;
}
a.sm2_button:hover,
a.sm2_playing {
background-color: #006A9F;
}
/* Fix indicators' styling (e.g. the "Help" link on category pages) */
.mw-body .mw-indicators {
z-index: 0;
}
.mw-body .mw-indicator {
vertical-align: middle;
}
@media screen and (max-width: 720px){
.mw-body .mw-indicators + .firstHeading{
float: left;
}
}
/*hide its negative margin-top */
.mw-jump, #jump-to-nav{
display:none;
}
/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
display: inline;
}
/* hide last empty paragraph at the end */
div.mw-parser-output > p:last-child > br:only-child{
display: none;
}
/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
content: '\00A0';
}
/* Vertical margin tweaks */
#contentSub {
margin-bottom: 0.5em;
}
/* When title sub line is empty, remove its margin (provides better vertical centering) */
#contentSub:empty {
margin: 0;
}
/* For floating the "Collapse"/"Expand" link (instead of always right next to text) */
.mw-collapsible-alignbtnright .mw-collapsible-toggle {
float: right !important;
}
.mw-collapsible-alignbtnleft .mw-collapsible-toggle {
float: left !important;
}
/* Other "plaincollapse" styling */
/* Removes brackets from collapse/expand links for collapsible elements with "plaincollapse" class specified */
/* Only apply to immediate children to allow nesting */
.plaincollapse > .mw-collapsible-toggle {
color: rgba(0, 0, 0, 0.0);
}
.plaincollapse > .mw-collapsible-toggle > a,
.plaincollapse > .mw-collapsible-toggle > a:link,
.plaincollapse > .mw-collapsible-toggle > a:visited,
.plaincollapse > .mw-collapsible-toggle > a:hover {
font-weight: bold;
}
/* Highlight (used in Community and Admin noticeboard headers) */
.highlightheader {
text-align: center;
font-size: 140%;
background: var(--theme-highlight-background);
padding: 4px;
}
.highlightbody {
padding: 10px;
background: var(--custom-notice-purple-background-color);
}
.block{
display: block;
}
.inline{
display: inline;
}
.inline-block{
display: inline-block;
}
.incell-border {
margin: 0.7em 0;
background-color: var(--theme-border-color);
}
hr.space{
height: 4px;
background: none;
border: 0;
}
.page-content .vertical-align-top *{
vertical-align: top;
}
.page-content .vertical-align-bottom *{
vertical-align: bottom;
}
/* Removes VisualEdit button */
#ca-ve-edit {
display: none;
}
/* Warning color */
.warning {
color: #ffff00;
}
/* Bullets */
ul {
list-style-image: none;
}
/* History pages */
#pagehistory li.selected {
background-color: transparent;
color: inherit;
}
.updatedmarker {
background-color: var(--oouihelper--yellow);
}
fieldset {
border: 2px solid var(--oouihelper--blue-darker);
}
/* Code */
code {
background-color: transparent;
border-color: var(--theme-box-border-color-light);
}
/* History pages
.mw-plusminus-pos {
color: #00ff00;
}
*/
/* Mobile view fixes */
@media screen and (max-width: 720px) {
div#p-personal {
right: unset;
padding-right: unset;
}
#content, #footer {
margin-right: 0;
}
}
/* Community Noticeboard */
.highlightbody {
background: none;
}
/* Search Page */
.mw-search-profile-tabs {
background-color: none;
}
/* Search */
.mw-search-profile-tabs {
background: none;
}/*
.mw-search-result-data {
color: #00ff00;
}*/
/* Footnotes */
ol.references li:target,
sup.reference:target {
background-color: var(--theme-page-background-color);
}
.drilldown-filter-values a {
color: #54595d;
}
/* from vector.css, need to be clean up */
/* Changes gray text from Temlpate:Na to regular text color */
.na {
color: #eae3d1;
}
/* Invert color for formulas created by math extension */
.mwe-math-fallback-image-inline {
filter: invert(1);
}
/* Achievement text color */
.trw-toggleable.not-toggled.achievements .achievement > div {
color: var(--theme-text-color) !important;
}
/* Drowning Table No Border */
.drowning-table-no-border {
border: none;
}
/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top>.oo-ui-fieldLayout-body>.oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline>.oo-ui-fieldLayout-body {
max-width: unset;
}
/* "Warning" boxes that have some log entries
+
* (e.g. on Special:Contribs of a blocked user or when editing a protected page)
+
* (selector needs the mw-content-text ID to have a higher specificity) */
/* Theme-dependent border color instead of hardcoded #2a4b8d */
#mw-content-text .mw-warning-with-logexcerpt {
border-color: var(--custom-notice-red-border-color);
}
/* More evenly aligned text in the box */
#mw-content-text .mw-warning-with-logexcerpt > p {
margin: 0.25em 0.5em;
}
/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
background-color: var(--custom-notice-yellow-background-color);
border-color: var(--custom-notice-yellow-border-color);
color: var(--theme-text-color);
}
/* Warning box that appears sometimes when uploading a file */
.mw-destfile-warning {
border-color: var(--ooui--messagewidget-warning-border-color);
color: var(--theme-text-color);
background-color: var(--ooui--messagewidget-warning-background-color);
}
/***********************************************************************************************************
* css for wiki.gg top bar and footer bar
***********************************************************************************************************/
/*** Wiki.gg site bars tweak ***/
div#p-personal ul{
white-space: nowrap; /* for "log out" */
}
#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content #pt-userpage a{
padding-top: 0;
background-position: left center;
}
/*** responsive ***/
@media screen and (max-width: 720px){
footer#wikigg-footer .footer-right{
margin-left: 0;
}
footer#wikigg-footer .footer-left {
margin-right: 0;
}
}
@media screen and (max-width:600px) {
footer#wikigg-footer{
display: grid;
grid-template-columns: 35px 1fr;
grid-template-rows: auto auto;
align-items: center;
justify-items: start;
padding: 3px 0 3px 10px;
}
footer#wikigg-footer .footer-middle{
grid-column: 1 / 2;
grid-row: 1 / 3;
}
footer#wikigg-footer .footer-right{
grid-column: 2 / 3;
grid-row: 1 / 2;
margin: 0;
}
footer#wikigg-footer .footer-left{
grid-column: 2 / 3;
grid-row: 2 / 3;
margin: 0;
}
}/* screen and (max-width:600px) */
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls{overflow:auto;position:fixed}.fl-scrolls div{overflow:hidden;pointer-events:none}.fl-scrolls div:before{content:"\A0"}.fl-scrolls,.fl-scrolls div{font-size:1px;line-height:0;margin:0;padding:0}.fl-scrolls-hidden div:before{content:"\A0\A0"}.fl-scrolls-viewport{position:relative}.fl-scrolls-body{overflow:auto}.fl-scrolls-viewport .fl-scrolls{position:absolute}.fl-scrolls-hoverable .fl-scrolls{opacity:0;transition:opacity .5s .3s}.fl-scrolls-hoverable:hover .fl-scrolls{opacity:1}.fl-scrolls:not([data-orientation]),.fl-scrolls[data-orientation=horizontal]{bottom:0;min-height:17px}.fl-scrolls:not([data-orientation]) div,.fl-scrolls[data-orientation=horizontal] div{height:1px}.fl-scrolls-hidden.fl-scrolls:not([data-orientation]),.fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal]{bottom:9999px}.fl-scrolls-viewport .fl-scrolls:not([data-orientation]),.fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal]{left:0}.fl-scrolls[data-orientation=vertical]{right:0;min-width:17px}.fl-scrolls[data-orientation=vertical] div{width:1px}.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical]{right:9999px}.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical]{top:0}
/*css for wide table */
.table-wide {
clear: both;
position: relative;
}
.mw-parser-output > .table-width{
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.table-wide-inner {
overflow-x: auto;
}
.table-wide-inner > table {
margin: 0 !important;
}
.table-wide:before {
box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
content: "";
display: block;
width: 20px;
height: 100%;
pointer-events: none;
position: absolute;
right: 0;
z-index: 2;
}
/***********************************************************************************************************
* interface layout and styles for widgets outside of content box
***********************************************************************************************************/
:root {
--main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
--main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
--main-layout-sidespace: 24px; /* whitespace width on most left and most right */
--main-layout-gap: 10px;
--main-layout-logo-height: var(--theme-site-logo-height);
--main-box-border-radius: 0px;
--main-inner-box-border-radius: calc(var(--main-box-border-radius) - 0px);
--main-box-padding: 12px;
}
body {
background: var(--theme-body-background);
/* Removes second vertical scrollbar(mw 1.37 fix) */
overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}
/**** Main Layout START ***********************************************************/
/**
* Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
*/
html, body{
min-height: 100%;
}
html{
height: 100%;
scroll-padding-top: calc(var(--main-layout-topbar-height) + 50px);
}
body{
height: auto;
}
/*** main grid container ***/
body{
/* self */
box-sizing: border-box;
/* grid */
display: grid;
grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0,1fr) [content-right] var(--main-layout-sidespace) [body-right];
grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
gap: 0 var(--main-layout-gap);
}
/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
* div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
*/
body > .content-wrapper,
#mw-navigation{
display: contents;
}
/** unused, hide them **/
#mw-head-base,
#mw-navigation>h2{
display: none;
}
/** side nav bar **/
#mw-panel{
grid-column: aside-left / aside-right;
grid-row: nav-start / page-end;
margin-bottom: var(--main-layout-gap);
float: none;
width: unset;
padding: 0;
}
/** nav **/
#mw-head{
grid-column: content-left / content-right;
grid-row: nav-start / nav-end;
}
/** content **/
.mw-body{
grid-column: content-left / content-right;
grid-row: content-start / content-end;
}
/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child{
grid-column: body-left / body-right;
grid-row: page-start / page-end;
}
/** #footer: content footer **/
#footer{
grid-column: content-left / content-right;
grid-row: footer-start / footer-end;
margin: 0;
}
/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base{
grid-column: content-left / content-right;
grid-row: nav-start / footer-end;
height: 100%;
background: none;
}
/** wiki.gg footer bar **/
body > footer{
grid-column: body-left / body-right;
grid-row: page-end / body-end;
}
/*** logo block. It is absolute position ***/
#p-logo{
position: absolute;
width: 100%;
height: var(--main-layout-logo-height);
left: 0;
top: var(--main-layout-topbar-height);
background: var(--theme-site-logo-image) center center / var(--theme-site-logo-width) auto no-repeat;
}
/* use logo image as <a>'s background will sometime flicker when hovered on Firefox,
* I still don't know why, but move background to #p-logo can avoid this issue.
*/
#p-logo .mw-wiki-logo{
width: var(--theme-site-logo-width);
height: var(--theme-site-logo-height);
margin: 0 auto;
background: none; /* logo flicker fix */
}
/*** collapsable clicky thing changes ***/
.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after{
color: var(--theme-text-color);
}
.mw-collapsible-toggle-default .mw-collapsible-text {
color: var(--theme-link-color);
}
/**** Main Layout END ***********************************************************/
/**** side panel START ***********************************************************/
#mw-panel{
font-size: 12px;
line-height: 1.5;
color: var(--theme-text-color);
}
#mw-panel a{
text-decoration: none;
}
/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal{
margin: var(--main-layout-gap) 0 0 0;
padding: 0;
border-radius: var(--main-box-border-radius);
box-shadow: var(--theme-sidebar-box-shadow);
color: var(--theme-sidebar-heading-text-color);
background: var(--theme-sidebar-box-background);
border-width: 1px;
border-style: var(--theme-sidebar-box-border-style);
border-color: var(--theme-sidebar-box-border-color);
}
#mw-panel #p-logo + .portal{
margin-top: 0;
position: relative;
}
/* secction heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading{
margin: 0;
padding: 4px 12px;
border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
font-size: 15px;
line-height: 18px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
color: var(--theme-text-color);
}
/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body{
background: none;
border: 0;
padding: 0;
margin: 0;
border-top: var(--theme-sidebar-list-border-top);
}
#mw-panel .portal .body ul{
padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}
#mw-panel .portal .body li{
margin: 0;
padding: 0;
font-size: inherit;
line-height: inherit;
background: var(--theme-sidebar-list-item-background);
border-radius: var(--main-inner-box-border-radius);
}
#mw-panel .portal .body li:hover{
background: var(--theme-sidebar-list-item-hover-mask);
}
#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited{
display: block;
padding: 3px 8px;
color: var(--theme-sidebar-list-item-text-color);
}
#mw-panel .portal .body li a:hover{
color: var(--theme-sidebar-list-item-text-color-hover);
}
#mw-panel .portal .body li a.feedlink{ /* "Atom" RSS Feed */
text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
background-position: 8px center; /* align icon with other text */
}
/**** side panel END ***********************************************************/
/**** main content box START ***********************************************************/
/**** box shadow for nav+content+#footer ****/
#mw-page-base{
box-shadow: var(--theme-box-shadow);
border-radius: var(--main-box-border-radius);
}
/**** navbar ****/
#mw-head{
padding: 0px 0px 0;
box-sizing: border-box;
background: var(--theme-navbar-background);
border-width: 0 1px;
border-style: solid;
border-right:none;
border-color: var(--theme-content-border-color);
border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
#mw-head #left-navigation,
#mw-head #right-navigation{
float: none;
flex: 1 1 auto;
margin: 0;
display: flex;
align-items: flex-end;
}
#mw-head #left-navigation{
justify-content: flex-start;
}
#mw-head #right-navigation{
justify-content: flex-end;
}
/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited{
background-image: none;
float: none;
height: auto;
display: block;
}
#mw-head input{
display: block;
z-index: 1;
}
#mw-head input + .vector-menu-heading{
z-index: 0;
}
.vectorMenuCheckbox:focus+.vector-menu-heading{
outline: 0;
}
.vectorTabs ul{
display: flex;
}
.vectorTabs ul li,
.vector-menu-dropdown{
display: block;
white-space: nowrap;
}
.vector-menu-dropdown.emptyPortlet{
display: none;
}
/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span {
color: var(--theme-navbar-tab-text-color);
font-size: 14px;
line-height: 24px;
padding: 3px 12px;
overflow: hidden;
}
.vector-menu-dropdown .vector-menu-heading:hover span {
color: var(--theme-navbar-tab-text-color); /* reset */
text-decoration: underline;
}
.vectorTabs li,
.vector-menu-dropdown{
background: var(--theme-navbar-tab-background);
border-style: solid;
border-color: var(--theme-navbar-tab-border-color);
border-width: 1px 1px 0 1px;
border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
box-shadow: var(--theme-navbar-tab-box-shadow);
position: relative;
margin-right: calc( var(--main-box-padding) / 5 );
}
div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
color: var(--theme-navbar-tab-text-color-hover);
border-color: var(--theme-navbar-tab-border-color-hover);
background: var(--theme-navbar-tab-background-hover);
}
div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover .vector-menu-heading span,
div.vector-menu-dropdown.open .vector-menu-heading span{
color: var(--theme-navbar-tab-text-color-hover);
}
.vectorTabs li.new a,
.vectorTabs li.new a:visited{
color: var(--theme-navbar-tab-text-color-redlink);
}
.vectorTabs li.selected {
background: var(--theme-navbar-tab-selected-background);
border-color: var(--theme-navbar-tab-selected-border-color);
}
.vectorTabs li.selected:hover span{
background: none;
}
/* cover border bottom */
.vectorTabs li.selected::after{
content: "";
display: block;
width: 100%;
height: 1px;
background: var(--theme-navbar-tab-selected-background);
border-width: 0 1px;
border-style: solid;
border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
position: absolute;
bottom: -1px;
left: -1px;
z-index: 3;
}
/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading{
display: block;
position: unset;
width: 18px;
height: 18px;
padding: 6px 8px;
box-sizing: content-box;
}
.vector-menu-tabs .mw-watchlink.icon a::before{
height: 18px;
width: 18px;
display: inline-block;
position: unset;
margin-right: 20px;
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before{
transform-origin: 50% 52%;
}
#mw-head .vector-menu-dropdown .vector-menu-heading{
padding: 0;
margin: 0;
}
.vector-menu-dropdown .vector-menu-heading::after{
display: none;
}
.vector-menu-dropdown .vector-menu-heading span::after {
content: "";
display: inline-block;
background: none;
position: unset;
width: 0;
height: 0;
border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
border-style: solid;
border-width: 6px 5px 0 5px;
margin-left: 4px;
vertical-align: middle;
}
.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-heading span::after,
.vector-menu-dropdown:hover .vector-menu-heading span::after{
border-width: 0 5px 6px 5px;
border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}
/* drop down menu */
.vector-menu-dropdown.open .menu{
visibility: visible;
}
/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li{
font-size: 1em;
}
.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown > .menu {
font-size: 15px;
background: var(--theme-navbar-tab-dropdown-background);
margin: 0;
border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
border-width: 1px;
border-style: solid;
border-color: var(--theme-navbar-tab-dropdown-border-color);
box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
padding: 4px;
top: 100%;
left: -1px; /* 1px for border */
min-width: 8em;
}
.vector-menu-dropdown .menu li a{
text-decoration: none;
padding: 10px 8px;
border-radius: calc( var(--main-box-border-radius) - 2px );
font-size: 1em;
color: var(--theme-navbar-tab-text-color);
}
.vector-menu-dropdown li.selected a,
.vector-menu-dropdown li.selected a:visited {
color: var(--theme-navbar-tab-text-color);
}
.vector-menu-dropdown .menu li a:hover{
background-color: var(--theme-navbar-tab-dropdown-hover-mask);
color: var(--theme-navbar-tab-text-color-hover);
}
.vector-menu-dropdown li.selected{
display: none; /* just remove current selected (already displayed in header) */
}
.vector-menu-tabs {
padding-left: 0px
}
#ca-nstab-main, #ca-nstab-mediawiki,
#ca-nstab-special, #ca-nstab-template,
#ca-nstab-category, #ca-nstab-image,
#ca-nstab-module{
border-left: 0px
}
/* search */
#p-search form,
#p-search input{
margin: 0;
}
#mw-head #p-search{
margin: 0 0 6px calc( var(--main-layout-gap) / 2 );
box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
}
#simpleSearch{
background: none;
margin: 0;
border: 0;
color: var(--theme-text-color);
width: 15em;
padding: 0;
height: auto;
border-radius: 0;
transition: none;
display: grid;
grid-template-columns: 1fr 0fr;
grid-template-rows: 1fr;
align-content: stretch;
justify-content: stretch;
}
#simpleSearch #searchInput{
grid-column: 1 / 2;
grid-row: 1 / 2;
font-size: 14px;
line-height: 16px;
text-align: left;
padding: 3px 5px;
background: var(--theme-navbar-search-input-background);
border-radius: 2px 0 0 2px;
border-width: 1px;
border-style: solid;
border-color: var(--theme-navbar-search-input-border-color);
border-right: 0;
word-wrap: break-word;
appearance: none;
-webkit-appearance: none;
color: var(--theme-navbar-search-input-text-color);
height: auto;
}
#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
border-color: var(--theme-navbar-search-input-border-color);
box-shadow: none;
}
#simpleSearch #searchButton{
grid-column: 2 / 3;
grid-row: 1 / 2;
box-sizing: border-box;
position: static; /* reset css from mw internal */
display: block;
width: 28px;
height: 100%;
/* mw internal css override its button default styles, so override again */
background: var(--theme-navbar-search-button-background);
border: 1px solid;
border-color: var(--theme-navbar-search-botton-border-color);
border-radius: 0 2px 2px 0;
z-index: 0;
}
#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton{
background: var(--theme-navbar-search-button-background-active);
border-color: var(--theme-navbar-search-botton-border-color-active);
}
/* use ::before & ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after{
content: '';
display: block;
grid-column: 2 / 3;
grid-row: 1 / 2;
z-index: 1;
place-self: center;
border-style: solid;
border-color: var(--theme-navbar-search-botton-text-color);
pointer-events: none;
}
#simpleSearch:hover::before,
#simpleSearch:hover::after {
border-color: var(--theme-navbar-search-botton-text-color-active);
}
#simpleSearch::before{
border-width: 2px;
border-radius: 100%;
width: 8px;
height: 8px;
margin: 0 0 1px 0;
transform: translateX(-1px);
}
#simpleSearch::after{
border-width: 1px;
width: 3px;
height: 0;
transform: translate(4px, 4px) rotate(45deg);
}
/* search result suggestion */
.suggestions{
background: var(--theme-navbar-search-suggestions-background);
border: 1px solid;
border-color: var(--theme-navbar-search-suggestions-border-color);
transform: translateX(3px);/* self border 2px + input border 1px */
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
background: none;
border: 0;
}
.suggestions .suggestions-results {
border-bottom: 1px solid;
border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus{
color: var(--theme-navbar-search-suggestions-text-color);
}
.suggestions .suggestions-result-current {
background: var(--theme-navbar-search-suggestions-hover-mask);
color: var(--theme-navbar-search-suggestions-text-color-hover);
}
.suggestions .suggestions-special{
margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
border-top: 1px solid;
border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}
.suggestions .suggestions-special .special-label{
color: var(--theme-navbar-search-suggestions-special-label-text-color);
}
.suggestions .suggestions-result-current .special-label{
color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}
/** sidebar toggle **/
#nav-content-size-toggle{
width: 24px;
height: 24px;
align-self: center;
margin-right: calc( var(--main-box-padding) - 5px );
margin-left: -5px;
position: relative;
border-radius: 3px;
cursor: pointer;
flex: 0 0 auto;
}
#nav-content-size-toggle:hover{
background: var(--theme-navbar-tab-background-hover);
}
#nav-content-size-toggle::before,
#nav-content-size-toggle::after,
#nav-content-size-toggle span::before,
#nav-content-size-toggle span::after{
content: "";
display: block;
position: absolute;
width: 3px;
height: 3px;
border-style: solid;
border-color: var(--theme-navbar-tab-text-color);
}
#nav-content-size-toggle:hover::before,
#nav-content-size-toggle:hover::after,
#nav-content-size-toggle:hover span::before,
#nav-content-size-toggle:hover span::after{
border-color: var(--theme-navbar-tab-text-color);
}
#nav-content-size-toggle::before{
border-width: 2px 0 0 2px;
top: 5px;
left: 5px;
}
#nav-content-size-toggle::after{
border-width: 2px 2px 0 0;
top: 5px;
right: 5px;
}
#nav-content-size-toggle span::before{
border-width: 0 0 2px 2px;
bottom: 5px;
left: 5px;
}
#nav-content-size-toggle span::after{
border-width: 0 2px 2px 0;
bottom: 5px;
right: 5px;
}
.content-size-expanded #nav-content-size-toggle::before{
border-width: 0 2px 2px 0;
}
.content-size-expanded #nav-content-size-toggle::after{
border-width: 0 0 2px 2px;
}
.content-size-expanded #nav-content-size-toggle span::before{
border-width: 2px 2px 0 0;
}
.content-size-expanded #nav-content-size-toggle span::after{
border-width: 2px 0 0 2px;
}
/**** main content box ****/
.mw-body{
color: var(--theme-text-color); /* override mw internal css */
background: var(--theme-content-background);
border-width: 1px 1px var(--theme-content-border-bottom-width) 1px;
border-style: var(--theme-content-border-style);
border-color: var(--theme-content-border-color);
margin: 0;
padding: 0;
z-index: 1; /* cover #footer */
display: flex;
flex-direction: column;
}
.content-body{
flex: 1 1 auto;
}
.content-body > main{
align-self: stretch;
padding: var(--main-box-padding);
}
#firstHeading{
border: 0;
margin: 0;
overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}
#contentSub, #contentSub2{
margin: 0;
}
#contentSub .subpages{
color: transparent;
line-height: 1.5;
font-size: 0;
}
#contentSub .subpages a{
font-size: 12px;
vertical-align: middle;
display: inline-flex;
align-items: center;
padding-left: 4px;
}
#contentSub .subpages a::before{
content: "";
display: inline-block;
height: 4px;
width: 4px;
border-color: var(--theme-content-subpage-icon-color);
border-style: solid;
border-width: 0 0 2px 2px;
margin: 0 2px 0 0;
transform: rotate(45deg);
}
#bodyContent{
clear: both;
display: flex;
flex-direction: column;
}
#mw-content-text{
flex: 1 1 auto;
min-height: 35em;
}
#mw-content-text::before{
content: "";
display: block;
height: 0;
border-top: var(--theme-content-heading-rule-border-top);
border-bottom: var(--theme-content-heading-rule-border-bottom);
margin-top: 2px;
margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}
/*
This will break margin collapse
.mw-parser-output{
overflow: auto;
}
*/
/* "category:" box */
#catlinks{
background: var(--theme-content-category-background);
border: 1px;
border-style: var(--theme-content-category-border-style);
border-color: var(--theme-content-category-border-color);
border-radius: var(--main-box-border-radius);
margin: var(--main-layout-gap) 0 0 0;
padding: calc( var(--main-box-padding) / 2 ) var(--main-box-padding);
}
/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body > .games-showcase-sidebar{
margin: 0;
padding: var(--main-box-padding);
}
div.games-showcase-header{
padding-bottom: 0;
}
div.games-showcase-footer{
padding-top: 0;
}
.content-body > .games-showcase-sidebar{
padding-left: 0;
}
aside.games-showcase-sidebar div.sidebar-showcase{
padding: 0 0 var(--main-box-padding) 0;
}
/**** #footer (copyright info) ****/
#footer{
/* self */
color: var(--theme-footer-text-color);
background: var(--theme-footer-background);
padding: var(--main-box-padding);
border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
border-width: var(--theme-footer-border-top-width) 1px 1px 1px;
border-style: var(--theme-footer-border-style);
border-color: var(--theme-footer-border-color);
box-shadow: var(--theme-footer-box-shadow);
position: relative;
/* grid */
display: grid;
grid-template-columns: [l] 1fr 0fr [r];
grid-template-rows: [t] auto auto [b];
z-index: 0; /* covered by content */
}
#footer-info{
font-size: 11px;
display: contents;
}
#footer ul li{
font-size: inherit;
line-height: 1.5;
padding: 0;
}
#footer-icons{
grid-column: span 1 / r;
grid-row: t / b;
place-self: end;
}
#footer #footer-info-lastmod{
grid-column: l / span 1;
grid-row: t / span 1;
place-self: start;
margin-bottom: 1em;
}
#footer #footer-info-copyright{
grid-column: l / span 1;
grid-row: span 1 / b;
place-self: end stretch;
position: relative;
padding-right: 100px;
}
#footer-info-copyright img{
position: absolute;
right: 0;
/* mediawiki logo is 31px height, and this image has a 1px black border,
a small tweak to make them visually matched on size and position */
bottom: -1px;
height: 33px;
width: auto;
}
#footer-places,
#footer > div {
display: none;
}
/**** main content box START ***********************************************************/
/***********************************************************************************************************
* css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
***********************************************************************************************************/
/******* Search result page. (Special:Search) ******/
.mw-search-form-wrapper{
font-size: 1em;
}
.mw-search-form-wrapper #mw-search-top-table{
display: flex;
align-items: center;
}
.mw-search-form-wrapper #mw-search-top-table > div{
float: none;
}
.mw-search-form-wrapper .results-info{
color: var(--theme-text-color-note);
font-size: 1em;
padding: 0 0 0 3em;
white-space: nowrap;
text-align: right;
flex: 1 1 auto;
}
.mw-search-form-wrapper .mw-search-visualclear{
display: none;
}
.mw-search-form-wrapper .mw-search-profile-tabs {
border: 0;
margin: 1em 0;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div{
display: none;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types{
width: 100%;
float: none;
padding: 0;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li{
float: none;
display: inline-block;
vertical-align: middle;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current{
background: var(--theme-highlight-background);
border-radius: 4px;
overflow: hidden;
}
.mw-search-form-wrapper #mw-searchoptions{
padding: 1em;
background: var(--theme-box-background);
border: 1px solid var(--theme-border-color);
border-radius: 4px;
}
.mw-search-form-wrapper #mw-searchoptions .divider {
border-color: var(--theme-border-color);
}
.mw-specialpages-table {
margin-bottom: 0;
margin-top: 0;
}
/* -------------------------------------------------------- */
/* "Datatables" (from mediawiki.pager.tablePager) */
/* -------------------------------------------------------- */
.mw-datatable {
border-color: var(--oouihelper--borderdark);
}
.mw-datatable td, .mw-datatable th {
border-color: var(--oouihelper--borderdark);
}
.mw-datatable th {
background-color: var(--oouihelper--textinput-background-darker);
}
.mw-datatable td {
background-color: var(--oouihelper--textinput-background);
}
.mw-datatable tr:hover td {
background-color: var(--oouihelper--textinput-background-lighter);
}
/* -------------------------------------------------------- */
/* Special:AbuseLog/x */
/* -------------------------------------------------------- */
table.mw-abuselog-details {
background: var(--oouihelper--textinput-background);
border-color: var(--oouihelper--borderdark);
}
table.mw-abuselog-details th,
table.mw-abuselog-details td {
border-color: var(--oouihelper--borderdark);
}
table.mw-abuselog-details th {
background: var(--oouihelper--textinput-background-darker);
}
/* -------------------------------------------------------- */
/* Special:AbuseFilter */
/* -------------------------------------------------------- */
body td.mw-abusefilter-history-changed {
background: var(--oouihelper--themerelated-darkest);
}
#mw-abusefilter-warn-preview,
#mw-abusefilter-disallow-preview {
border-color: var(--oouihelper--borderdark-lighter);
}
tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {
color: var(--oouihelper--disabled);
}
tr.mw-abusefilter-list-deleted,tr.mw-abusefilter-list-deleted td {
color: var(--oouihelper--disabled);
}
tr.mw-abusefilter-list-throttled,tr.mw-abusefilter-list-throttled td {
color: var(--oouihelper--red);
}
div.mw-abusefilter-editor {
border-color: var(--oouihelper--borderdark);
}
.mw-abusefilter-tools-error {
color: var(--oouihelper--red);
}
/* -------------------------------------------------------- */
/* Special:AllMessages */
/* -------------------------------------------------------- */
#mw-allmessagestable tbody:hover td {
background-color: var(--oouihelper--textinput-background-lighter);
}
#mw-allmessagestable .am_default {
background-color: var(--oouihelper--yellow-darker);
}
#mw-allmessagestable tbody:hover .am_default {
background-color: var(--oouihelper--yellow);
}
#mw-allmessagestable .am_actual {
background-color: var(--oouihelper--green-darker);
}
#mw-allmessagestable tbody:hover .am_actual {
background-color: var(--oouihelper--green);
}
/* -------------------------------------------------------- */
/* Special:NewPages */
/* -------------------------------------------------------- */
.not-patrolled {
background-color: var(--oouihelper--yellow);
}
/* -------------------------------------------------------- */
/* Special:RecentChanges, Special:Watchlist */
/* -------------------------------------------------------- */
/* Colors in the "Legend" box for the non-JavaScript version of the page
* (and to prevent a color flash for the JavaScript version) */
.mw-changeslist-legend {
background-color: var(--ooui--messagewidget-notice-background-color);
border-color: var(--ooui--messagewidget-notice-border-color);
}
/* History pages
.mw-plusminus-pos {
color: #00ff00;
}*/
/* ======================================= */
/* Special:Contribs */
/* ======================================= */
.mw-contributions-table>:nth-child(3) label+select,
.mw-contributions-table>:nth-child(4) label+input {
display: inline;
margin: 0;
}
.mw-contributions-table .mw-input-with-label {
vertical-align: middle;
}
/* File: pages */
#filetoc {
border-color: var(--theme-border-color);
background-color: var(--theme-highlight-background);
}
.mw_metadata td, .mw_metadata th {
border-color: var(--theme-border-color);
}
.mw_metadata th {
background-color: var(--theme-box-background);
}
.mw_metadata td {
background-color: var(--theme-highlight-background);
}
/* ------------------------------------------------------------------ */
/* ================================================================== */
/* Extension styles */
/* ================================================================== */
/* ------------------------------------------------------------------ */
/* Extension:Tabber */
.tabber__header {
margin-bottom: 4px;
box-shadow: inset 0 -1px 0 0 var(--theme-hr-color-B);
}
.tabber__tab,
.tabber__tab:visited {
color: var(--theme-text-color);
}
.tabber__tab[aria-selected="true"],
.tabber__tab[aria-selected="true"]:visited,
.tabber__tab:hover {
color: var(--theme-link-color);
}
.tabber .tabber__indicator {
background-color: var(--theme-link-color);
}
.tabber__header__prev::after, .tabber__header__next::after {
filter: var(--ooui--icon-normal-filter);
}
/* Extension:CodeEditor */
/* Unify text color in status bar */
/* (the "status-message" and "status-line" divs use the current theme's text
* color, which might be hard to read on the hard-coded white background */
.codeEditor-status {
color: rgb(114, 119, 125); /* same color as div.ace_gutter-cell */
}
/* Extension:CategoryTree */
/* Use theme-dependent colors for the "expand"/"collapse" arrows */
.CategoryTreeEmptyBullet {
color: var(--theme-text-color-note);
}
.CategoryTreeToggle {
color: var(--theme-link-color);
}
/* Extension:Scribunto */
/* The "Script error" dialog uses jquery.ui.dialog, which looks the same in all
* themes. The links do use theme-dependent styling by default though, which
* causes them to be hard to read in some themes.
* Resetting them here to the Vector default to be the same in all themes. */
.scribunto-trace a {
color: #0645ad;
}
/* Styles for the "debug console" at the bottom of the editing screen on Module: pages */
.mw-scribunto-console-fieldset{
background-color: var(--ooui--messagewidget-notice-background-color);
color: var(--theme-text-color);
}
#mw-scribunto-input{
background-color: var(--ooui--textarea-background-color);
}
.mw-scribunto-input{
color: var(--theme-text-color-highlight);
}
.mw-scribunto-normalOutput{
color: var(--theme-text-color);
background: transparent;
}
.mw-scribunto-print{
color: var(--oouihelper--yellow);
background: transparent;
}
.mw-scribunto-error{
color: var(--ooui--messagewidget-error-color);
background: transparent;
}
.mw-scribunto-message{
color: var(--theme-text-color-em);
background: transparent;
}
/* More noticeable diff coloring */
.diff td.diff-context {
background: none repeat scroll 0 0 transparent;
color: var(--theme-text-color);
border-color: rgba(var(--theme-border-color--rgb), 0.5);
}
.diff td.diff-deletedline {
background-color: #FFE49C;
border-color: #FFE49C;
color: #000;
}
.diff td.diff-deletedline .diffchange {
background-color: #feeec8;
color: #000;
}
.diff td.diff-addedline {
background-color: #A3D3FF;
border-color: #A3D3FF;
color: #000;
}
.diff td.diff-addedline .diffchange {
background-color: #d8ecff;
color: #000;
}
/* "Forward" column on Special:Interwiki */
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
background-color: var(--theme-page-background-color--secondary);
}
/* Numbers of edits/pages/contributors on Special:CreateAccount */
.mw-createacct-benefits-list .mw-number-text,
#bodyContent .mw-createacct-benefits-list .mw-number-text h3 /* needs to be this specific to override another rule */ {
color: var(--theme-text-color);
}
/* Pages with content model "JSON" */
.mw-json th, .mw-json td {
border-color: var(--theme-border-color);
}
.mw-json tr {
background-color: transparent;
}
.mw-json th {
background-color: var(--theme-box-background);
}
.mw-json-value, .mw-json-single-value {
background-color: var(--theme-highlight-background);
}
.mw-json-single-value {
background-color: var(--theme-highlight-background);
}
.mw-json-empty {
background-color: var(--theme-box-background);
}
/***********************************************************************************************************
* Common styles for "real" wiki page content.
***********************************************************************************************************/
/* remove external link icon. */
.mw-parser-output a.external,
.link-https{
padding-right: 0;
background: none;
}
/** ToC **/
.toc {
border: 1px solid var(--theme-border-color);
background: var(--theme-box-background);
}
.toc .toctogglelabel::before{
border-color: var(--theme-widget-toc-arrow-color) transparent;
}
.toc .toctogglelabel:hover::before{
border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}
.toc a{
color: var(--theme-link-color);
}
.toc .tocnumber{
color: var(--theme-text-color);
}
.toc > ul{
border-top: 1px solid var(--theme-border-color);
margin: 0;
}
.toc > ul a:hover {
text-decoration: none;
background: var(--theme-widget-toc-item-hover-background);
}
/***********************************************************************************************************
* common style for content box
***********************************************************************************************************/
.mw-body-content h2 {
border-color: var(--theme-hr-color-B);
border-bottom-width: 1px;
margin-bottom: 0.5rem;
}
.mw-body-content hr {
background-color: var(--theme-hr-color-B);
}
.fullwidth, .full-width{
width: 100%;
}
.nowrap {
white-space: nowrap;
}
/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
text-align: center;
}
.alignleft,
.align-left{
text-align: left;
}
.alignright,
.align-right{
text-align: right;
}
/* clear fix for float block */
.clearfix {
*zoom: 1;
}
.clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
/***********************************************************************************************************
* css for specific templates
***********************************************************************************************************/
/**** ponybox ****/
:root {
--theme-ponybox-inline-link-color: darkblue;
--theme-ponybox-color: white;
--theme-ponybox-border-header-background-color: #005082;
--theme-ponybox-background-color: #146ea0;
--theme-ponybox-link-color: lightblue;
--theme-ponybox-yellow-color: #ffcd51;
--theme-ponybox-inline-color: #0e0e0e;
--theme-ponybox-inline-background-color:#fdfdfd;
--theme-ponybox-inline-border-color:#6ed7fa;
--theme-ponybox-inline-header-background-color:#3a93bd;
--theme-ponybox-inline-hr-background-color:#ccc;
--theme-ponybox-inline-subheading-color:#273442;
}
.ponybox {
color: var(--theme-ponybox-color);
border:2px solid var(--theme-ponybox-border-header-background-color);
background:var(--theme-ponybox-background-color);
border-radius:6px;
padding:5px;
margin-bottom:3px;
margin-left:3px;
}
.ponybox .heading {
color: var(--theme-ponybox-color);
border-radius:6px;
padding:0 6px 0;
background:var(--theme-ponybox-border-header-background-color)
}
.ponybox a {
color:var(--theme-ponybox-link-color)
}
.ponybox * {
list-style-image:none
}
.ponybox .heading .mw-headline {
color: var(--theme-ponybox-color)
}
.ponybox .subheading {
color:var(--theme-ponybox-yellow-color);
font-weight:bold
}
.ponybox-inline {
color:var(--theme-ponybox-inline-color);
background:var(--theme-ponybox-inline-background-color);
border-radius:4px;
border:2px solid var(--theme-ponybox-inline-border-color);
}
.ponybox-inline .heading {
border-radius:3px;
background:var(--theme-ponybox-inline-header-background-color)
}
.ponybox-inline hr {
background:var(--theme-ponybox-inline-hr-background-color);
margin:5px 0 5px
}
.ponybox-inline .heading .mw-headline {
color:var(--theme-ponybox-color)
}
.ponybox-inline .heading .mw-headline img {
margin-right:5px
}
.ponybox-inline .subheading,
span[style="color:#FFCD51"] { /* --theme-ponybox-yellow-text-color*/
color:var(--theme-ponybox-inline-subheading-color)
}
.ponybox-inline a {
color: var(--theme-ponybox-inline-link-color)
}
.ponybox .mw-collapsible-toggle {
float:none
}
.ponybox h2 {
margin-top:0
}
.ponybox h3 {
margin-top:0
}
/**** tabber changes ****/
.infobox .tabber__panel img {
width:100%;
height:auto
}
.infobox .tabber__panel {
padding-inline:1px
}
.infobox .tabber__panel,
.centertabber .tabber__panel {
margin-block:auto
}
.infobox .tabber__section,
.centertabber .tabber__section {
height:max-content !important
}
.infobox .tabber__tabs,
.centertabber .tabber__tabs {
margin:auto
}
.tabber__section {
scroll-behavior:auto
}
/*** mildtable css ***/
:root{
--mild-header-background: #f5f5f5;
--mild-cell-top-border:#ddd;
}
.mildtable th {
text-align:left;
background: var(--mild-header-background);
padding:5px;
font-size:90%
}
.mildtable td {
padding-left:5px
}
.mildtable td {
border-top:2px solid var(--mild-cell-top-border)
}
/*** Hover template css ***/
abbr[title],
.explain[title] {
border-bottom:1px dotted;
cursor:help
}
@supports (text-decoration:underline dotted) {
abbr[title],
.explain[title] {
border-bottom:0;
text-decoration:underline dotted
}
}
/*** Spoilers blurring ***/
.spoil {
filter: grayscale(1) blur(4px);
transition: 0.25s;
user-select: none;
cursor: pointer;
}
.spoil:hover {
filter: grayscale(0) blur(0px);
}
.spoilopen {
filter: grayscale(0) blur(0px);
}
/*** russian link ***/
/*
.mw-indicators .ponybox-inline a {
padding: 9px 5px 9px 39px;
margin: -9px -5px -9px -39px;
}
*/
.mw-indicators .ponybox-inline:hover {
transition: 0.3s;
box-shadow: inset 0 0 15px var(--theme-ponybox-inline-border-color);
}
/**** tech cell gradient ****/
:root{
--techgradient-border: #203420;
--techgradient-background: #E9E9E9;
--techgradient1-background: linear-gradient(to right, var(--techgradient-background), #EAFCED);
--techgradient2-background: linear-gradient(to right, var(--techgradient-background), #FFEDED);
--techgradient3-background: linear-gradient(to right, var(--techgradient-background), #FFFACD);
}
/* tech tree cells */
.techgradient1{
background:var(--techgradient1-background);
border: 2px solid var(--techgradient-border);
}
.techgradient2{
background:var(--techgradient2-background);
border: 2px solid var(--techgradient-border);
}
.techgradient3{
background:var(--techgradient3-background);
border: 2px solid var(--techgradient-border);
}
.techgradientdefault{
background:var(--techgradient-background);
border: 2px solid var(--techgradient-border);
}
.techpathbackground{
background-color: var(--techgradient-border)
}
.techpathborder{
border-color: var(--techgradient-border);
}
/**** frontpage styling ****/
:root{
--theme-frontpage-background:#D6EDFF;
--theme-frontpage-border:#BCC2C4;
}
.frontpage{
background-color: var(--theme-frontpage-background);
border: 1px solid var(--theme-frontpage-border);
}
/**** navbox coloring ***/
:root {
--theme-navbox-border: #a2a9b1;
--theme-navbox-background: #fdfdfd;
--theme-navbox-level1: #ccccff;
--theme-navbox-level2: #D6EDFF;
--theme-navbox-level3: #A3D6FF;
--theme-navbox-level4: #7AC3FF;
--theme-navbox-even: #f7f7f7;
}
.navbox { /* Navbox container style */
border: 1px solid var(--theme-navbox-border)
}
.navbox,
.navbox-subgroup {
background: var(--theme-navbox-background);
}
.navbox-list {
/* Must match background color */
border-color: var(--theme-navbox-background);
}
/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */
border-top: 2px solid var(--theme-navbox-background); /* Must match background color */
}
.navbox th,
.navbox-title {
/* Level 1 color */
background-color: var(--theme-navbox-level1); /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
/* Level 2 color */
background: var(--theme-navbox-level2);
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
/* Level 3 color */
background: var(--theme-navbox-level3);
}
.navbox-list .navbox-list .navbox-subgroup .navbox-list .navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
/* Level 4 color */
background: var(--theme-navbox-level4);
}
.navbox-even {
/* Even row striping */
background: var(--theme-navbox-even);
}
th.navbox-title1 {
border-left: 2px solid var(--theme-navbox-background);
}
/**** country infobox ****/
:root {
--infobox-border:#a2a9b1;
--infobox-background:#f8f9fa;
--infobox-color: var(--theme-text-color);
}
.ib-country td,
.ib-country th {
border-top: 1px solid var(--infobox-border);
}
.ib-country .mergedtoprow .infobox-header,
.ib-country .mergedtoprow .infobox-label,
.ib-country .mergedtoprow .infobox-data,
.ib-country .mergedtoprow .infobox-full-data,
.ib-country .mergedtoprow .infobox-below {
border-top: 1px solid var(--infobox-border);
}
.ib-country .mergedbottomrow .infobox-label,
.ib-country .mergedbottomrow .infobox-data,
.ib-country .mergedbottomrow .infobox-full-data {
border-bottom: 1px solid var(--infobox-border);
}
.ib-country-anthem {
border-top: 1px solid var(--infobox-border);
}
.infobox {
border: 1px solid var(--infobox-border);
background-color: var(--infobox-background);
color: var(--infobox-color);
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid var(--infobox-border);
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border-top: 1px solid var(--infobox-border);
/* @noflip */
border-right: 1px solid var(--infobox-border);
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
/* @noflip */
border-right: 1px solid var(--infobox-border);
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid var(--infobox-border);
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid var(--infobox-border);
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-bottom: 1px solid var(--infobox-border);
}
/*** custom toggle text ***/
.mw-customtoggle-text{
text-decoration: none;
color: var(--theme-link-color);
}
.mw-customtoggle-text:hover {
text-decoration: underline;
color: currentcolor;
}
.hidden {
display:none;
}
/*********** Main page END ****************/
/*********************
* Mobile adjustments *
**********************/
@media screen and (min-width: 721px){
.mobileonly {
display:none;
}
}
@media screen and (max-width: 1280px){
.fullhduponly {
display:none;
}
}
@media screen and (max-width:720px) {
html:root {
--theme-site-logo-height:100px;
--theme-site-logo-width:164px;
}
body {
grid-template-columns: 100%;
grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
gap: 0 var(--main-layout-gap);
}
#mw-head #p-search {
position:absolute;
bottom:-3em;
z-index:2;
}
#mw-page-base {
grid-column: 1;
grid-row: nav-start / footer-end;
}
#mw-head {
top:0;
grid-column: 1;
grid-row: nav-start / nav-end;
border-left:0;
}
#mw-panel {
grid-column: 1;
grid-row: footer-end / page-end;
margin-bottom: var(--main-layout-gap);
width:100%;
}
.mw-body {
grid-column: 1;
grid-row: content-start / content-end;
padding-top:3em;
border-left:none;
border-right:none;
}
body > footer {
grid-column: 1;
grid-row: page-end / body-end;
}
#footer {
grid-column: 1;
grid-row: footer-start / footer-end;
border-left:none;
border-right:none;
}
#simpleSearch {
width:100vw;
}
div#mw-navigation div#mw-panel .portal {
width:auto;
text-align:center
}
.vector-menu-dropdown .vector-menu-content {
right: 0;
left: unset;
}
table.wikitable,
table.responsive-table {
display:block;
overflow-x:scroll;
}
/* advanced search options */
#mw-searchoptions table {
float:none;
}
#mw-searchoptions table td {
display:block;
}
/* popup when clicking the download button in multimediaviewer */
.mw-mmv-dialog {
width:unset;
}
/* turn math elements into scroll blocks unless they're an immediate child of a span */
:not(span) > .mwe-math-element {
display:block;
overflow-x:auto;
}
/* hide certain elements */
.nomobile {
display:none;
}
/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown .vector-menu-heading span{
width: 20px;
height: 20px;
line-height: 20px;
padding: 3px 6px;
box-sizing: content-box;
}
div.vectorTabs li a::before,
div.vector-menu-dropdown .vector-menu-heading span::before {
content: "";
display: inline-block;
background-color: transparent;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
width: 20px;
height: 0;
border-bottom: 60px solid transparent;
filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
margin: -40px 20px 0 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}
div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover .vector-menu-heading span::before,
div.vector-menu-dropdown.open .vector-menu-heading span::before{
filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}
.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before{
filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}
#ca-edit a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}
#ca-view a::before,
#ca-view-foreign a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}
#left-navigation li[id^='ca-nstab-'] a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}
#ca-history a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}
#ca-talk a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}
#t-contributions a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}
#ca-addsection a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}
#ca-viewsource a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}
#p-variants .vector-menu-heading span::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}
#p-cactions .vector-menu-heading span::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}
/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before{
border: 0;
filter: none;
margin: 0 20px 0 0;
}
}
/*************
* End mobile *
**************/