MediaWiki:Timeless.css: Difference between revisions

From VRChat Wiki
m πŸ¦‡ fixes an issue where the "Add undocumented parameter" text is hard-to-read when inserting a template.
fix search style (https://github.com/vrchat-community/wiki-scripts/commit/1ae50fbd459c52eff3ada7d17431cfddf4dad26c)
Β 
(38 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/*
/*!
Β  __Β  Β  Β  _______Β  _______Β  Β  Β  Β  Β  ___ _Β  Β  _Β  _______ _Β  Β  Β  Β  Β  Β  Β  Β  _Β  Β  Β  Β  Β  Β  Β 
Β  * This file is auto-generated. Do not edit directly.
Β  \ \Β  Β  / / __ \ / ____\ \Β  Β  Β  Β  / (_) |Β  (_) |__Β  __(_)Β  Β  Β  Β  Β  Β  Β  | |Β  Β  Β  Β  Β  Β  Β 
Β  * https://github.com/vrchat-community/wiki-scripts/blob/main/src/themes/timeless/index.scss
Β  \ \Β  / /| |__) | |Β  Β  \ \Β  /\Β  / / _| | ___Β  Β  | |Β  _ _ __ ___Β  ___| | ___Β  ___ ___
Β  */
Β  \ \/ / |Β  _Β  /| |Β  Β  Β  \ \/Β  \/ / | | |/ / |Β  Β  | |Β  | | '_ ` _ \ / _ \ |/ _ \/ __/ __|
@charset "UTF-8";
Β  Β  \Β  /Β  | | \ \| |____Β  \Β  /\Β  /Β  | |Β  <| |Β  Β  | |Β  | | | | | | |Β  __/ |Β  __/\__ \__ \
#p-namespaces a,
Β  Β  \/Β  |_|Β  \_\\_____|Β  \/Β  \/Β  |_|_|\_\_|Β  Β  |_| |_|_| |_| |_|\___|_|\___||___/___/
#p-namespaces a span,
Β 
#p-views a,
Β 
#p-views a span,
I'll uh- write a lot more here later with regards to guidelines and junk... but for now the GIST of it is *please leave comments* whenever you do something. If you do, make sure to append a unicode emoji representing yourself in place of a name- and if it's your first time- add it to the list below:
#personal h2,
Β 
#personal h2 span,
CONTRIBUTORS:
#powersearch #replacement,
😺 - Table
#powersearch #target,
🍷 - Aries
#pt-notifications-alert,
🐒 - Prismic
#pt-notifications-notice,
πŸ¦‡ - TrixxedHeart
#pt-uls .uls-trigger::before,
Β 
#site-navigation h2,
*/
#site-tools h2,
Β 
.ext-replacetext-searchoptions [name=category],
:root {
.ext-replacetext-searchoptions [name=prefix],
--faux-white: #f8f9fa;
.ext-translate-language-selector .ext-translate-language-icon,
--blue-text: #6ae3f9;
.ext-translate-language-selector .ext-translate-language-selector-expand,
--more-dark-green: #07242b;
.mw-editsection,
--more-dark-green-border: #053c48;
.mw-editsection a,
--less-dark-green: #07343f;
.mw-helplink,
--less-dark-green-border: #086c84;
.mw-widget-dateInputWidget-calendar,
--very-dark-grey: #101315;
.mwe-popups-settings-icon,
--very-dark-grey-border: #232a2e;
.oo-ui-iconElement-icon:not(.tool-active,.tool-active span,.oo-ui-icon-checkAll),
--more-dark-grey: #181b1f;
.oo-ui-indicator-down,
--more-dark-grey-border: #282a2e;
.tools-inline .dropdown-toggle,
--less-dark-grey: #252a30;
.tux-action-bar .page-mode-button:not(.down)::before,
--less-dark-grey-border: #3c4148;
.tux-action-bar .proofread-mode-button:not(.down)::before,
--link: #6bd4ff;
.tux-action-bar .translate-mode-button:not(.down)::before,
--link-hover: #468ca9;
.tux-message-editor .close,
--link-visited: #509fdd;
.tux-message-editor .editor-contract,
--link-visited-hover: #3874a3;
.tux-message-editor .editor-expand,
--red: #b32c2c;
.uls-search-label {
--yellow: #ecca12;
Β  filter: invert(1)
--green: #34762e;
Β 
--font-header: "Exo 2", "Linux Libertine", "Times New Roman", "Liberation Serif", "Nimbus Roman", "Noto Serif", "Times", sans-serif;
--font-sans: "Noto Sans", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Lato", "Liberation Sans", "Helvetica Neue", "Helvetica", sans-serif;
}
Β 
/* 🍷 remove this eventually: https://files.aries.fyi/2024/10/03/004f7ed28ed6ccde.png*/
.tux-groupselector {
color: black;
}
/* 🍷 https://files.aries.fyi/2024/10/06/aa0941e69e581768.png */
.oo-ui-labelWidget.oo-ui-inline-help {
color: var(--faux-white);
opacity: .75;
}
Β 
/* 😺 establish faux white text globally */
body {
color: var(--faux-white);
}
Β 
/* 😺 main BG, INVESTIGATE SCALING AND POSSIBLY DITHERING THE GRADIENT */
body {
background: #10171c;
background-image: url('https://wiki-files.vrchat.com/SiteBackground_VRChat_Home_Spookality2024.webp');
background-size: 100%;
background-repeat: no-repeat;
background-position: top center;
}
Β 
#mw-wrapper {
background: linear-gradient(to bottom, #10171c00 20vh, #10171c 55vh), linear-gradient(to right, #10171c 1vw, #10171c00 15vw, #10171c00 85vw, #10171c 99vw);
}
Β 
/* 😺 ugly serif fonts BEGONE */
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6,
.mw-body dt,
#personal h2 {
font-family: var(--font-header);
font-weight: 600;
}
.mw-body h2 {
border-bottom: solid 3px var(--more-dark-grey-border);
}
Β 
/* 😺 below seems to be 🍷's code; haven't studied it enough to know where it should go or what parts *exactly* it touches so for now I'll just leave this notice here until more thorough comments are written */
.mw-sp-translate-message-documentation {
background-color: transparent;
}
.mw-sp-translate-edit-fields fieldset {
border: 3px solid var(--more-dark-grey-border);
border-radius: 8px;
}
.mw-sp-translate-edit-definition {
background-color: transparent;
}
Β 
body {
font-family: var(--font-sans);
font-weight: 400;
}
Β 
.mw-message-box {
background-color: transparent !important;
border: dotted 3px var(--less-dark-grey-border);
color: var(--faux-white);
padding: 1.5em;
}
Β 
.mw-message-box p {
margin: 0;
}
Β 
.mw-logevent-loglines {
margin-bottom: 1em !important;
}
Β 
.mw-message-box-warning {
border-color: var(--yellow);
}
Β 
.mw-message-box-error {
border-color: var(--red);
}
Β 
div.mw-warning-with-logexcerpt {
padding: 1.5em;
border: dotted 3px var(--less-dark-grey-border);
margin-bottom: 1em;
}
Β 
span.comment {
opacity: .75;
}
#contentSub {
color: var(--faux-white);
}
Β 
/*
Β 
β–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–„ β–„β–„β–ˆβ–€β–€β–ˆβ–ˆβ–„ β–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–„ β–€β–ˆβ–ˆβ–ˆβ–€Β  β–€β–ˆβ–ˆβ–€
Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–ˆβ–ˆβ–€Β  Β  β–€β–ˆβ–ˆβ–„ β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–„ β–ˆβ–ˆβ–ˆΒ  β–„β–ˆ
Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–ˆβ–€Β  Β  Β  β–€β–ˆβ–ˆ β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆΒ  β–ˆβ–ˆβ–ˆ β–„β–ˆ
Β  β–ˆβ–ˆβ–€β–€β–€β–ˆβ–„β–„β–ˆΒ  Β  Β  Β  β–ˆβ–ˆ β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆβ–ˆβ–ˆ
Β  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–„Β  Β  Β  β–„β–ˆβ–ˆ β–ˆβ–ˆΒ  Β  β–„β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ
Β  β–ˆβ–ˆΒ  Β  β–„β–ˆβ–ˆβ–ˆβ–„Β  Β  β–„β–ˆβ–ˆβ–€ β–ˆβ–ˆΒ  Β  β–„β–ˆβ–ˆβ–€Β  Β  β–ˆβ–ˆ
β–„β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆΒ  β–€β–€β–ˆβ–ˆβ–ˆβ–ˆβ–€β–€ β–„β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–€Β  Β  β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„
Β 
*/
Β 
/* 😺 ....🍷??????? */
@media screen {
a.new, .new a {
color: var(--red);
}
}
Β 
/* 😺 shift the upper margins to be tighter with the header */
@media screen and (min-width: 1100px) {
#mw-content-container {
margin-top: 2.5em;
}
}
Β 
/* 😺 colors! :D */
#mw-content-container {
background: transparent;
}
Β 
#mw-content {
background: var(--more-dark-grey);
color: var(--faux-white);
border: solid var(--more-dark-grey-border);
}
Β 
/* 😺 these are kinda arbitrary */
#mw-content a:not(.new, .new a), .oo-ui-layout a {
color: var(--link);
}
Β 
#mw-content a:hover:not(.new, .new a), .oo-ui-layout a:hover {
color: var(--link-hover);
}
Β 
#mw-content a:visited:not(.new, .new a), .oo-ui-layout a:visited {
color: var(--link-visited);
}
Β 
#mw-content a:visited:hover:not(.new, .new a), .oo-ui-layout a:visited:hover {
color: var(--link-visited-hover);
}
Β 
/* 😺 CURSED icon inversion, I'm fucking INSANE */
#p-namespaces a,
#p-namespaces a span,
#p-views a,
#p-views a span,
.mw-editsection,
.mw-editsection a {
filter: invert(1);
}
/* 😺 [LOUD SCREAMING] */
.mw-helplink {
color: #942b00 !important;
filter: invert(1);
}
Β 
/* 😺 roundin' the corners! (subject to change) */
@media screen and (min-width: 1100px) {
#mw-content {
border-radius: 15px;
}
}
Β 
/* 😺 vertically aligning the top of the body content box with the sidebars */
@media screen and (min-width: 1100px) {
#mw-content-wrapper {
padding: 1em 0 0;
}
}
Β 
/* 😺 DROP SHADOWS MY BELOVED */
#mw-content {
box-shadow: 0 0 0.7rem #000;
}
Β 
/* 😺 move page titles post-namespace a *bit* to the right in order to space 'em better */
.mw-page-title-separator {
margin-right: 0.25em;
}
Β 
/* 😺 general TOC theming */
ul#filetoc,
.toc,
.toccolours,
.mw-warning {
background: var(--less-dark-grey);
border: 3px solid var(--less-dark-grey-border);
box-shadow: 0 0 4px #000;
border-radius: 15px;
}
Β 
/* 😺 general content thumbnail theming */
/* πŸ¦‡ margin-left/right unset to prevent image embeds from centering by default when text wrapping is disabled (why is this default on timeless???) */
.thumbinner {
background: var(--less-dark-grey);
border: solidΒ  var(--less-dark-grey-border);
border-radius: 10px;
margin-left: unset;
margin-right: unset;
}
.thumbinner .thumbimage,
.thumbborder {
border: 0;
box-shadow: 0 0 0.1rem #000;
}
.thumb:not(.gallerybox div.thumb) {
filter: drop-shadow(0 0 6px #000);
}
Β 
/* 😺 gallery theming */
.mw-body li.gallerybox div.thumb {
background-color: var(--less-dark-grey);
border: solidΒ  var(--less-dark-grey-border);
border-radius: 10px;
}
ul.gallery, .mw-body li.gallerybox div.thumb {
margin: 0;
}
.gallerybox {
margin: 0.25em;
filter: drop-shadow(0 0 4px #000);
}
Β 
/* 😺 code block theming */
code {
background: var(--less-dark-grey);
border: 1px solid var(--more-dark-grey);
color: var(--faux-white);
}
pre:not(.mw-highlight pre) {
color: #fff;
background-color: rgba(0, 0, 0, 0.25);
border: none;
border-radius: 16px;
}
Β 
/* 😺 table theming; COLORS ARE ARBITRARY */
.wikitable,
.mw-datatable {
color: #fff;
}
.wikitable,
.wikitable > * > tr > th,
.mw-datatable th {
background: #17181d;
}
.wikitable tr,
.mw-datatable tr td,
.mw-datatable tr:hover td {
background: #2d3135;
}
.wikitable tr:nth-child(2n),
.mw-datatable tr:nth-child(2n) td,
.mw-datatable tr:nth-child(2n) td:hover {
background: #212428;
}
Β 
.wikitable,
.wikitable > * > tr > th,
.wikitable > * > tr > td,
.mw-datatable,
.mw-datatable > * > tr > th,
.mw-datatable > * > tr > td {
border: 2px solid #414b57;
}
Β 
/* 😺 table multi-line cell text margin fix */
.wikitable p{
margin: 0;
}
Β 
/* 😺 revision history theming fixes */
#pagehistory li.selected{
background: #2d3135;
color: var(--faux-white);
outline: 1px dashed #6e7d8f;
}
.updatedmarker {
background: transparent;
color: #b7f430;
font-weight: 700;
}
Β 
/* 😺 diffs theming */
.diff-context {
background: var(--less-dark-grey);
border-color: #41474c;
color: inherit;
}
.diff-addedline {
border-color: var(--green);
}
.diff-addedline .diffchange {
background: var(--green);
}
.diff-deletedline {
border-color: var(--red);
}
.diff-deletedline .diffchange {
background: var(--red);
}
Β 
/* 😺 FIRST CELL MAIN PAGE INLINE */
@media screen and (max-width: 1099px) {
#first-cell{
display: inline;
}
}
@media screen and (min-width: 1100px) {
#first-cell{
display: flex;
}
}
Β 
/* 🐒 fixes the unreadable white text on bright yellow background default */
.not-patrolled {
background-color: #282a1a;
}
Β 
/* 🐒 center titlebox text on mobile */
@media screen and (max-width: 1099px) {
.mw-headline,
.mw-headline-sub {
text-align: center;
}
}
Β 
/*
Β 
β–€β–ˆβ–ˆβ–€ β–€β–ˆβ–„Β  β–€β–ˆβ–€ β–€β–ˆβ–ˆβ–€β–€β–€β–€β–ˆΒ  β–„β–„β–ˆβ–€β–€β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–€β–€β–ˆβ–„Β  Β  β–„β–„β–ˆβ–€β–€β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–€ β–€β–ˆβ–€
β–ˆβ–ˆΒ  β–ˆβ–€β–ˆΒ  β–ˆΒ  β–ˆβ–ˆΒ  β–„Β  β–„β–ˆβ–€Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–„β–ˆβ–€Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ β–ˆ
β–ˆβ–ˆΒ  β–ˆ β–€β–ˆβ–„ β–ˆΒ  β–ˆβ–ˆβ–€β–€β–ˆΒ  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆβ–€β–€β–€β–ˆβ–„Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ
β–ˆβ–ˆΒ  β–ˆΒ  β–ˆβ–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  Β  β–€β–ˆβ–„Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ β–€β–ˆβ–„Β  Β  β–ˆβ–ˆΒ  β–ˆ β–ˆβ–ˆ
β–„β–ˆβ–ˆβ–„ β–„β–ˆβ–„Β  β–€β–ˆΒ  β–„β–ˆβ–ˆβ–„Β  Β  Β  β–€β–€β–ˆβ–„β–„β–„β–ˆβ–€Β  β–„β–ˆβ–ˆβ–„β–„β–„β–ˆβ–€Β  β–€β–€β–ˆβ–„β–„β–„β–ˆβ–€Β  β–„β–ˆΒ  β–ˆβ–ˆβ–„
Β 
*/
Β 
.pi-theme-official,
.pi-theme-community {
--pi-background: var(--less-dark-grey);
--pi-secondary-background: var(--pi-border-color);
--pi-item-spacing: 1rem;
--pi-border-color: var(--less-dark-grey-border);
--pi-width: 24em;
--pi-margin: 2rem;
border: 3px solid var(--pi-border-color);
color: var(--faux-white);
border-radius: 20px;
box-shadow: 0 0 8px #000;
padding: 0;
}
.skin-timeless #mw-content-text .pi-data-label {
font-family: var(--font-header);
}
.pi-title, .pi-header {
text-align: center;
}
.pi-data-value {
padding: 0 !important;
}
}
#personal h2,
.pi-item p {
.mwe-popups,
margin: 0 !important;
.portable-infobox {
Β  overflow: hidden
}
@font-face {
Β  font-family: 'Exo 2 Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/exo-2-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
Β  font-family: 'Exo 2 Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/exo-2-cyrillic-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
Β  font-family: 'Exo 2 Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/exo-2-vietnamese-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
Β  font-family: 'Exo 2 Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/exo-2-latin-ext-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
Β  font-family: 'Exo 2 Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/exo-2-latin-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
Β  font-family: 'Noto Sans Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
Β  font-family: 'Noto Sans Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-cyrillic-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
Β  font-family: 'Noto Sans Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-devanagari-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09
}
@font-face {
Β  font-family: 'Noto Sans Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-greek-ext-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+1F00-1FFF
}
@font-face {
Β  font-family: 'Noto Sans Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-greek-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face {
Β  font-family: 'Noto Sans Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-vietnamese-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
Β  font-family: 'Noto Sans Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-latin-ext-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
Β  font-family: 'Noto Sans Variable';
Β  font-style: normal;
Β  font-display: swap;
Β  font-weight: 100 900;
Β  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-latin-wght-normal.woff2) format('woff2-variations');
Β  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
.statstable,
.tux-groupselector,
.wikiEditor-ui-toolbar .booklet>.index>div:hover,
.wikiEditor-ui-toolbar .page-characters div span:hover {
Β  color: #000
}
#contentSub,
#mw-content,
#pagehistory li.selected,
.grid .tux-message-editor .messagekey,
.mw-echo-ui-menuItemWidget>.oo-ui-buttonElement-button>.oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp,
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-message-box,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.tux-message-editor,
.tux-message-selector label,
.tux-messagelist .tux-message-pagemode .tux-pagemode-source,
.tux-messagelist .tux-message-pagemode .tux-pagemode-translation,
.tux-messagelist .tux-message-proofread .tux-proofread-source,
.tux-statsbar .tux-statsbar-info,
.uls-lcd-region-title,
.uls-menu .uls-no-results-view h3,
.uls-no-found-more,
.uls-no-results-found-title,
.ve-ui-mwSaveDialog-license,
body,
code {
Β  color: var(--faux-white)
}
.oo-ui-labelWidget.oo-ui-inline-help {
Β  color: var(--faux-white);
Β  opacity: .75
}
body {
Β  background: url("https://wiki-files.vrchat.com/SiteBackground.webp") top center/100% no-repeat #10171c;
Β  font-family: var(--font-sans);
Β  font-weight: 400;
Β  margin: 0!important
}
#mw-wrapper {
Β  background: linear-gradient(to bottom,#10171c00 20vh,#10171c 55vh),linear-gradient(to right,#10171c 1vw,#10171c00 15vw,#10171c00 85vw,#10171c 99vw)
}
#personal h2,
.mw-body dt,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
Β  font-family: var(--font-header);
Β  font-weight: 600
}
.mw-body h2 {
Β  border-bottom: solid 3px var(--more-dark-grey-border)
}
#mw-content-block,
#uls-settings-block,
.mw-sp-translate-edit-definition,
.mw-sp-translate-message-documentation,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.tux-list-status .tux-notice,
.uls-lcd,
.uls-search {
Β  background-color: transparent
}
.mw-sp-translate-edit-fields fieldset {
Β  border: 3px solid var(--more-dark-grey-border);
Β  border-radius: 8px
}
.mw-message-box,
div.mw-warning-with-logexcerpt {
Β  padding: 1.5em;
Β  border: dotted 3px var(--less-dark-grey-border)
}
hr {
Β  border-color: var(--less-dark-grey-border)
}
.mw-message-box {
Β  background-color: transparent!important
}
.mw-body li.gallerybox div.thumb,
.mw-message-box p,
.mw-widget-dateInputWidget,
.mw-widget-dateInputWidget input:not(.mw-widgets-datetime-dateTimeInputWidget-editField):not(.mw-history-compareselectedversions-button),
.wikitable p,
ul.gallery {
Β  margin: 0
}
.mw-logevent-loglines {
Β  margin-bottom: 1em!important
}
.mw-message-box-warning {
Β  border-color: var(--yellow)
}
.diff-deletedline,
.mw-message-box-error {
Β  border-color: var(--red)
}
div.mw-warning-with-logexcerpt {
Β  margin-bottom: 1em
}
span.comment {
Β  opacity: .75
}
@media screen {
Β  .new.new a,
Β  a.new.new {
Β  Β  color: var(--red)!important
Β  }
}
#p-logo-text,
.mw-body .mw-parser-output h1::after,
.mw-body .mw-parser-output h2::after {
Β  display: none
}
#mw-related-navigation .sidebar-chunk h3,
#mw-site-navigation .sidebar-chunk h3,
.mw-body .toctitle,
.uls-search {
Β  border: none
}
#mw-related-navigation .sidebar-chunk,
#mw-site-navigation .sidebar-chunk {
Β  padding: 1.25em 1.25em 0
}
#content-bottom-stuff a:not(.new,.new a),
#mw-content a:not(.new,.new a),
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-layout a,
.sidebar-chunk a:not(.new,.new a),
.toctogglelabel,
.tux-breadcrumb__item--aggregate,
.uls-language-block a {
Β  color: var(--link)
}
#mw-content-container,
#mw-header-container,
#mw-header-hack .color-left,
#mw-header-hack .color-middle,
#mw-header-hack .color-right,
.ext-discussiontools-ui-replyWidget-preview,
.ext-replacetext-searchoptions,
.ext-translate-container .tux-messagelist .tux-message-pagemode,
.ext-translate-container .tux-messagelist .tux-message-proofread,
.mw-echo-ui-placeholderItemWidget,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td,
body>div.ve-ui-overlay-global.ve-ui-overlay-global-desktop.ve-ui-overlay>div>div>div.oo-ui-window-frame>div.oo-ui-window-content.oo-ui-dialog-content.oo-ui-processDialog-content.ve-ui-nodeDialog.ve-ui-mwTemplateDialog.ve-ui-mwTransclusionDialog-expanded.oo-ui-window-content-setup.oo-ui-window-content-ready>div.oo-ui-window-body>div.ve-ui-mwFloatingHelpElement.ve-ui-mwTransclusionDialog-floatingHelpElement>div>div {
Β  background: 0 0
}
.grid .tux-message-editor .infocolumn-block,
.mw-highlight,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.oo-ui-tabSelectWidget-framed,
.thumbinner,
.tux-action-bar button.down,
.wikiEditor-ui-toolbar,
code {
Β  background: var(--less-dark-grey)
}
#mw-content {
Β  background: var(--more-dark-grey);
Β  border: solid var(--more-dark-grey-border);
Β  box-shadow: 0 0 .7rem #000
}
#mw-content a:hover:not(.new,.new a),
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-layout a:hover,
.sidebar-chunk a:hover:not(.new,.new a) {
Β  color: var(--link-hover)
}
#content-bottom-stuff a:visited:not(.new,.new a),
#mw-content a:visited:not(.new,.new a),
.oo-ui-layout a:visited,
.sidebar-chunk a:visited:not(.new,.new a) {
Β  color: var(--link-visited)
}
#mw-content a:visited:hover:not(.new,.new a),
.oo-ui-layout a:visited:hover,
.sidebar-chunk a:visited:hover:not(.new,.new a) {
Β  color: var(--link-visited-hover)
}
.mw-helplink {
Β  color: #942b00!important
}
.mw-page-title-separator {
Β  margin-right: .25em
}
.mw-warning,
.toc,
.toccolours,
ul#filetoc {
Β  padding: 1.25rem;
Β  background: var(--less-dark-grey);
Β  border: 3px solid var(--less-dark-grey-border);
Β  box-shadow: 0 0 4px #000;
Β  border-radius: 15px
}
.thumbinner {
Β  border: solid var(--less-dark-grey-border);
Β  border-radius: 10px;
Β  padding: 0;
Β  min-width: 256px;
Β  max-width: 567px
}
.thumbcaption {
Β  padding: 1em
}
.thumbimage {
Β  width: 100%;
Β  display: flex;
Β  margin: 0
}
@media screen and (min-width:1099px) {
Β  .thumbinner {
Β  Β  margin-left: unset;
Β  Β  margin-right: unset
Β  }
}
.oo-ui-menuToolGroup,
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle,
.thumbborder,
.thumbinner .thumbimage,
figure[typeof~="mw:File/Thumb"]>a:first-child>:first-child:not(.mw-broken-media) {
Β  border: 0
}
.thumb:not(.gallerybox div.thumb) {
Β  filter: drop-shadow(0 0 6px #000)
}
.mw-body li.gallerybox div.thumb {
Β  background-color: var(--less-dark-grey);
Β  border: solid var(--less-dark-grey-border);
Β  border-radius: 10px
}
.gallerybox {
Β  margin: .25em;
Β  filter: drop-shadow(0 0 4px #000)
}
code {
Β  border: 1px solid var(--more-dark-grey)
}
pre:not(.mw-highlight pre) {
Β  color: #fff;
Β  background-color: rgba(0,0,0,.25);
Β  border: none;
Β  border-radius: 16px
}
.mw-datatable,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.oo-ui-messageDialog-title,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-table td,
.wikitable {
Β  color: #fff
}
.mw-datatable th,
.wikitable,
.wikitable > * > tr > th {
Β  background: #17181d
}
.mw-datatable tr td,
.mw-datatable tr:hover td,
.wikitable tr {
Β  background: #2d3135
}
.mw-datatable tr:nth-child(2n) td,
.mw-datatable tr:nth-child(2n) td:hover,
.wikitable tr:nth-child(2n) {
Β  background: #212428
}
.mw-datatable,
.mw-datatable > * > tr > td,
.mw-datatable > * > tr > th,
.wikitable,
.wikitable > * > tr > td,
.wikitable > * > tr > th {
Β  border: 2px solid #414b57
}
#pagehistory li.selected {
Β  background: #2d3135;
Β  outline: #6e7d8f dashed 1px
}
.updatedmarker {
Β  background: 0 0;
Β  color: #b7f430;
Β  font-weight: 700
}
#simpleSearch,
.diff-context {
Β  background: var(--less-dark-grey)
}
.diff-context {
Β  border-color: #41474c;
Β  color: inherit
}
.diff-addedline {
Β  border-color: var(--green)
}
.diff-addedline .diffchange,
.tux-message-item.translated {
Β  background: var(--green)
}
.diff-deletedline .diffchange {
Β  background: var(--red)
}
@media screen and (max-width:1099px) {
Β  #first-cell {
Β  Β  display: inline
Β  }
Β  .mw-headline,
Β  .mw-headline-sub {
Β  Β  text-align: center
Β  }
}
.not-patrolled {
Β  background-color: #282a1a
}
#mw-content-text > div > ul > li {
Β  padding-top: .35em
}
#mw-content-text > div > ul > li:first-child {
Β  padding-top: unset
}
/*! ⏸️ fix white background when zoomed in */
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-toolbar-bar,
.oo-ui-toolbar-position-top>.oo-ui-toolbar-bar,
ol.references li:target,
sup.reference:target {
Β  background-color: var(--less-dark-grey)
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
Β  background: #0000003d
}
.oo-ui-messageDialog-message,
.oo-ui-toolbar-bar,
.wikiEditor-ui-toolbar .group .label {
Β  color: inherit
}
.oo-ui-popupWidget-popup {
Β  background: var(--more-dark-grey);
Β  border: 2px solid var(--less-dark-grey)
}
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget,
.oo-ui-toolbar-position-top>.oo-ui-toolbar-bar {
Β  border-bottom: 0
}
div.magnify a {
Β  background-image: url(https://wiki-files.vrchat.com/Icons_Expand.png?20250301125603);
Β  background-size: 16px;
Β  background-repeat: no-repeat;
Β  background-position: center
}
.mw-body .oo-ui-toolbar-bar {
Β  border-radius: 15px 15px 0 0
}
.ve-ui-mwGalleryDialog-highlighted-image {
Β  background: center/contain no-repeat
}
.tux-action-bar button:hover,
.tux-message-tools-menu li a:hover,
.ve-ui-mwSaveDialog-options,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
Β  background: var(--more-dark-grey)
}
.ve-ui-targetWidget {
Β  border: 1px solid var(--less-dark-grey)
}
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container {
Β  border: 1px solid var(--less-dark-green-border)
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
Β  border: 3px solid var(--less-dark-grey);
Β  background-color: var(--more-dark-grey);
Β  border-radius: 16px;
Β  overflow: hidden
}
.ve-ui-mwSaveDialog-options {
Β  border: 0
}
.oo-ui-processDialog-content .oo-ui-window-foot,
.oo-ui-processDialog-content .oo-ui-window-head {
Β  outline: 2px dotted var(--less-dark-grey)
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
Β  background: #0008
}
.oo-ui-processDialog-errors {
Β  background: #0009;
Β  backdrop-filter: blur(4px)
}
.oo-ui-processDialog-errors-title {
Β  color: inherit;
Β  background: 0 0
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
Β  background-color: #200;
Β  border-color: #d33
}
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:File/Thumb"] > figcaption {
Β  width: auto!important;
Β  background: var(--more-dark-green);
Β  border: solid var(--less-dark-green);
Β  border-top: 0
}
figure.ve-ce-mwBlockImageNode {
Β  border: solid var(--less-dark-green);
Β  border-bottom: 0
}
.mwe-popups {
Β  border: solid 3px var(--less-dark-grey-border);
Β  border-radius: 15px
}
.mwe-popups,
.mwe-popups .mwe-popups-extract,
.mwe-popups-container {
Β  background: var(--less-dark-grey)!important;
Β  color: var(--faux-white)!important
}
.mwe-popups .mwe-popups-extract[dir=ltr]::after {
Β  background-image: linear-gradient(to right,rgba(255,255,255,0),var(--less-dark-grey) 50%)
}
.mw-pt-languages {
Β  color: unset;
Β  background-color: transparent;
Β  border: dotted 3px var(--more-dark-grey-border);
Β  margin-bottom: 1em
}
.mw-pt-languages-ui {
Β  font-weight: 400
}
.mw-pt-languages-selected,
.pi-title p {
Β  font-weight: 700
}
.mw-pt-progress {
Β  padding: 0;
Β  background: 0 0
}
.mw-pt-progress::after {
Β  display: inline-block;
Β  content: "";
Β  width: .6em;
Β  height: .6em;
Β  border-radius: 100%;
Β  margin-left: .25em
}
.mw-changeslist-legend,
.uls-menu {
Β  border: 3px solid var(--less-dark-grey-border)
}
.mw-pt-progress--complete::after {
Β  background-color: var(--green)
}
.mw-pt-progress--high::after {
Β  background-color: #e8d222
}
.mw-pt-progress--med::after {
Β  background-color: var(--yellow)
}
.mw-pt-progress--low::after,
.mw-pt-progress--stub::after {
Β  background-color: var(--red)
}
.uls-menu {
Β  background-color: var(--less-dark-grey);
Β  border-radius: 16px;
Β  color: var(--faux-white)
}
.uls-language-option--highlighted {
Β  background-color: transparent!important
}
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu {
Β  border-right: 0px
}
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active>.oo-ui-popupToolGroup-handle {
Β  background-color: var(--more-dark-grey)
}
.oo-ui-popupToolGroup-tools {
Β  background-color: var(--less-dark-grey);
Β  border: 1px solid var(--less-dark-grey-border)
}
.ve-ui-expandableContent-toggle,
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
Β  background-color: unset
}
.ve-ui-expandableContent-fade {
Β  background: linear-gradient(to right,rgb(0 0 0 / 0%) 0,#1b1f23 90%)
}
.mw-footer-container {
Β  border-top: solid 1px var(--less-dark-grey);
Β  background: #1a1d1c
}
#mw-content-container {
Β  /*! border-bottom: solid 4px var(--ns-current-color); | adapts to namespace color */
Β  border-bottom: solid 4px var(--link)
}
.mw-footer {
Β  max-width: 80em
}
#content-bottom-stuff {
Β  background: #10171c
}
.mw-footer li,
.mw-footer ul {
Β  margin: 0;
Β  padding: .3em 0
}
.pi-item p,
.pi-section-tab {
Β  margin: 0!important
}
#mw-header-container {
Β  position: relative;
Β  padding-top: 5em;
Β  color: #fff
}
#mw-header {
Β  max-width: 115em;
Β  justify-content: right
}
#mw-header-hack {
Β  box-shadow: 0 0
}
#simpleSearch {
Β  border: 3px solid #39404a;
Β  border-radius: 8px;
Β  height: 38px;
Β  box-shadow: 0 0 .4rem #000
}
#searchInput {
Β  color: #fff;
Β  height: 2.3em
}
#p-search {
Β  flex: 0 1 auto;
Β  padding-right: 1em
}
#p-search input:focus,
.tux-message-editor textarea {
Β  outline: 0
}
#searchInput::placeholder {
Β  opacity: .8;
Β  font-weight: 500
}
#mw-searchButton,
input#searchButton {
Β  filter: invert(1);
Β  right: .5em;
Β  height: 3em
}
#user-tools {
Β  width: 12.5em;
Β  min-width: 0;
Β  display: flex;
Β  justify-content: center
}
#personal {
Β  padding: 0
}
#personal h2 {
Β  padding: .25em 0 0 1.5em;
Β  white-space: nowrap;
Β  text-overflow: ellipsis
}
#personal .dropdown {
Β  background: #16191c;
Β  border: solid var(--very-dark-grey-border);
Β  border-radius: 8px
}
#personal .dropdown:before {
Β  border-bottom: 10px solid transparent
}
#personal .dropdown::after {
Β  border-bottom-color: #252e34;
Β  top: -10px
}
.pi-theme-community,
.pi-theme-official {
Β  --pi-background: var(--less-dark-grey);
Β  --pi-secondary-background: var(--pi-border-color);
Β  --pi-item-spacing: 1rem;
Β  --pi-border-color: var(--less-dark-grey-border);
Β  --pi-width: 24em;
Β  --pi-margin: 2rem;
Β  border: 3px solid var(--pi-border-color);
Β  color: var(--faux-white);
Β  border-radius: 20px;
Β  box-shadow: 0 0 8px #000;
Β  padding: 0
}
.skin-timeless #mw-content-text .pi-data-label {
Β  font-family: var(--font-header)
}
.pi-header,
.pi-title {
Β  text-align: center
}
.pi-data-value:not(.pi-horizontal-group-item),
.pi-item[data-source=youtube] {
Β  padding: 0!important
}
.pi-item.pi-data.pi-item-spacing:first-child {
Β  padding-top: var(--pi-item-spacing);
Β  border-bottom: 0
}
.pi-section-tab {
Β  border-width: 0!important;
Β  width: 100%!important;
Β  padding: .5rem!important
}
.pi-section-navigation {
Β  margin: 0!important;
Β  padding: 0!important;
Β  border-bottom: 1px solid var(--pi-border-color)
}
.pi-item.pi-data.pi-item-spacing {
Β  padding: calc(var(--pi-item-spacing)/ 2) var(--pi-item-spacing)
}
.pi-item.pi-data.pi-item-spacing:last-child {
Β  padding-bottom: var(--pi-item-spacing)
}
}
.pi-item[data-source="youtube"] {
padding: 0 !important;
}
.pi-header {
.pi-header {
padding: 1em !important;
Β  padding: 1em!important
}
.pi-image-thumbnail {
Β  border-radius: 12px
}
.portable-infobox h2::after {
Β  display: none!important
}
@media screen and (max-width:700px) {
Β  .portable-infobox {
Β  Β  width: 98.5%
Β  }
}
.oo-ui-panelLayout-framed {
Β  border: 3px solid #444d57;
Β  color: #fff
}
.oo-ui-menuLayout-content {
Β  background: #1b1f23
}
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed {
Β  border-color: #444d57
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
Β  background: #1b1f23;
Β  color: #fff
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
Β  background: #1b1f23;
Β  color: inherit
}
#mw-prefs-form .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.tux-message-selector .more ul {
Β  background: var(--very-dark-grey);
Β  border: 2px solid var(--very-dark-grey-border)
}
#mw-prefs-form .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
Β  background: #1d2327;
Β  border: 2px solid #364046
}
.oo-ui-menuSelectWidget {
Β  background: #161b1e;
Β  border-color: #000;
Β  box-shadow: 0 0 5px #000
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
Β  background: #0c0f10
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-head,
.mw-echo-ui-pageNotificationsOptionWidget.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,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.tux-editor-control-buttons .mw-ui-button.mw-ui-quiet:hover,
.tux-messagetable-header.floating {
Β  background: var(--very-dark-grey)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
Β  background: #151719;
Β  border: 1px solid #2f363b;
Β  color: #fff
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
Β  background: #202326;
Β  border: 1px solid #3e484e;
Β  color: #fff
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
Β  outline: 0;
Β  box-shadow: none;
Β  border-color: #2f363b
}
.mw-prefs-buttons {
Β  background: 0 0;
Β  border: 0;
Β  filter: drop-shadow(0 0 10px #000)
}
.oo-ui-tabOptionWidget {
Β  color: #ffffffab
}
.mw-body .mw-search-profile-tabs {
Β  background: #151719;
Β  border: solid #2f363b
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
Β  background: var(--very-dark-grey);
Β  border: 2px solid var(--very-dark-grey-border);
Β  color: #fff
}
.oo-ui-indicator-clear {
Β  filter: invert(1);
Β  top: 8px
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
Β  background: var(--very-dark-grey);
Β  border: 0;
Β  color: inherit
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
Β  background: #141719
}
.mw-notification {
Β  background: var(--more-dark-green);
Β  border-color: var(--less-dark-green);
Β  color: var(--faux-white)
}
.link-audio,
.link-document,
.link-ftp,
.link-irc,
.link-mailto,
.link-video,
.mw-parser-output a.external {
Β  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtZXh0ZXJuYWwtbGluayI+PHBhdGggZD0iTTE1IDNoNnY2Ii8+PHBhdGggZD0iTTEwIDE0IDIxIDMiLz48cGF0aCBkPSJNMTggMTN2NmEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMlY4YTIgMiAwIDAgMSAyLTJoNiIvPjwvc3ZnPg==);
Β  background-position: center right;
Β  background-repeat: no-repeat;
Β  padding-right: 1.5em;
Β  background-size: 16px
}
.mw-echo-ui-notificationItemWidget {
Β  background-color: var(--more-dark-grey);
Β  border: 1px solid var(--less-dark-grey-border)
}
.mw-echo-ui-notificationItemWidget:hover {
Β  background-color: var(--less-dark-green)
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
Β  border-bottom-color: var(--less-dark-grey)
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.tux-dropdown-menu {
Β  background: var(--less-dark-grey);
Β  border: 2px solid var(--less-dark-grey-border)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
Β  background: var(--more-dark-grey);
Β  border: 1px solid #000;
Β  color: var(--faux-white)
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
Β  background: var(--more-dark-grey);
Β  border: 2px solid var(--more-dark-grey-border)
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before {
Β  border-top-color: var(--more-dark-grey-border)
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
Β  color: #9fa0a0
}
.mw-rcfilters-ui-menuSelectWidget-footer {
Β  background: var(--less-dark-grey);
Β  border-top: 1px solid var(--less-dark-grey-border)
}
.ext-translate-container .tux-messagelist .tux-message-proofread:last-child .tux-message-item-compact,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
Β  border-bottom: 2px solid var(--less-dark-grey-border)
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
Β  background: #322c2c
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
Β  color: #c38787
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
Β  box-shadow: none
}
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
Β  background: var(--less-dark-grey);
Β  border: solid var(--less-dark-grey-border);
Β  color: var(--faux-white);
Β  box-shadow: 0 0 .4rem #000
}
.mw-changeslist-legend {
Β  background-color: var(--less-dark-grey);
Β  border-radius: 15px;
Β  color: var(--faux-white);
Β  box-shadow: 0 0 .4rem #000
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
Β  background-color: var(--less-dark-grey);
Β  border: 3px solid var(--less-dark-grey-border);
Β  border-radius: 15px
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
Β  color: #e6e6e6
}
.mw-pt-translate-header,
.mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget {
Β  border-bottom: none
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views {
Β  padding-top: 1em
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-input {
Β  padding-right: 10px
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-tagMultiselectWidget-input input {
Β  border-radius: 10px
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
Β  background: var(--more-dark-grey);
Β  border: 2px solid var(--more-dark-grey-border);
Β  border-radius: 10px
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
Β  background: var(--very-dark-grey);
Β  border-color: transparent
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
Β  outline: 2px solid var(--less-dark-grey)
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
Β  border-right: 2px solid var(--less-dark-grey)
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
Β  background: 0 0;
Β  box-shadow: none
}
.mw-echo-ui-crossWikiUnreadFilterWidget,
.tux-message-editor {
Β  border: 2px solid var(--less-dark-grey-border)
}
.ext-discussiontools-init-targetcomment {
Β  background: #4f4f4f24
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
Β  background: var(--very-dark-grey);
Β  border-color: var(--very-dark-grey-border)
}
.mw-echo-ui-notificationItemWidget-initiallyUnseen {
Β  background-color: #382f00!important
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
Β  border-bottom: 2px solid var(--more-dark-grey-border)
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
Β  border-top: 2px solid var(--more-dark-grey-border)
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
Β  border-left: 2px solid var(--more-dark-grey-border)
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
Β  border-bottom-color: var(--very-dark-grey)
}
.oo-ui-pendingElement-pending {
Β  background-color: var(--very-dark-grey);
Β  background-image: linear-gradient(135deg,var(--very-dark-grey-border) 25%,transparent 25%,transparent 50%,var(--very-dark-grey-border) 50%,var(--very-dark-grey-border) 75%,transparent 75%,transparent);
Β  animation: 650ms linear infinite oo-ui-pendingElement-stripes
}
.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .sections .section,
div.editOptions {
Β  border-color: var(--more-dark-grey)
}
div.editOptions {
Β  background: var(--less-dark-grey);
Β  color: inherit
}
/*! ⏸️  mimic style of caution noticebox when in source editor */
body.action-edit:not(.ve-activated) .cdx-message--warning,
body.action-submit:not(.ve-activated) .cdx-message--warning {
Β  background-color: var(--background-color-warning-subtle,#202114);
Β  border: 3px solid #9e8600!important;
Β  color: #fff;
Β  border-radius: 10px
}
/*! ⏸️ "special characters & help" improved readability */
.wikiEditor-ui-toolbar .page-table th {
Β  color: #a4a4a4
}
.sidebar-chunk {
Β  border-radius: 15px
}
#p-logo {
Β  display: inline
}
.mw-wiki-logo img {
Β  transition: transform .15s ease-in-out;
Β  filter: drop-shadow(0 0 2px #000)
}
.mw-wiki-logo img:hover {
Β  transform: scale(1.08)
}
@media screen and (min-width:1100px) {
Β  #mw-content-container {
Β  Β  margin-top: 2.5em
Β  }
Β  #mw-content {
Β  Β  border-radius: 15px
Β  }
Β  #mw-content-wrapper {
Β  Β  padding: 1em 0 0
Β  }
Β  #first-cell {
Β  Β  display: flex
Β  }
Β  #user-tools {
Β  Β  background: var(--less-dark-grey);
Β  Β  border-radius: 8px;
Β  Β  border: 3px solid #39404a;
Β  Β  box-shadow: 0 0 .4rem #000;
Β  Β  transition: background-color .1s ease-in-out
Β  }
Β  #user-tools:has(.dropdown-active) {
Β  Β  background: #16191c;
Β  Β  border: 2px solid #24282e
Β  }
Β  #user-tools h2 {
Β  Β  top: .15em;
Β  Β  margin-left: .4em;
Β  Β  background-image: none;
Β  Β  position: relative
Β  }
Β  #personal-extra {
Β  Β  top: .15em;
Β  Β  float: left;
Β  Β  left: -25px;
Β  Β  position: relative;
Β  Β  transform: scale(.85)
Β  }
Β  #personal .dropdown {
Β  Β  top: 3em;
Β  Β  right: -5em
Β  }
Β  #mw-related-navigation .sidebar-chunk,
Β  #mw-site-navigation .sidebar-chunk {
Β  Β  background: var(--less-dark-grey);
Β  Β  color: var(--faux-white);
Β  Β  border: solid var(--less-dark-grey-border);
Β  Β  box-shadow: 0 0 .7rem #000
Β  }
Β  #mw-related-navigation .sidebar-chunk .mw-portlet-body,
Β  #mw-site-navigation .sidebar-chunk .mw-portlet-body {
Β  Β  margin-bottom: 1.5em
Β  }
}
#mw-related-navigation {
Β  width: 14em;
Β  flex: 0 0 14em
}
@media screen and (max-width:1099px) {
Β  #p-logo {
Β  Β  display: none
Β  }
Β  #site-tools h2 {
Β  Β  right: 4em
Β  }
Β  #user-tools h2 {
Β  Β  right: 0
Β  }
Β  .dropdown,
Β  .sidebar-inner {
Β  Β  background: var(--less-dark-grey);
Β  Β  color: var(--faux-white);
Β  Β  border: solid 3px var(--less-dark-grey-border);
Β  Β  border-radius: 15px
Β  }
Β  #menus-cover {
Β  Β  background: var(--more-dark-grey);
Β  Β  opacity: .75
Β  }
Β  #mw-related-navigation .sidebar-chunk,
Β  #mw-site-navigation .sidebar-chunk {
Β  Β  border: 0
Β  }
}
.mw-translate-fuzzy {
Β  background-color: #ff72cf36;
Β  color: unset;
Β  border: none
}
.tux-action-bar,
.tux-messagelist {
Β  background-color: transparent;
Β  color: var(--faux-white)
}
.mw-translate-fuzzy > :first-child {
Β  margin-top: 0!important
}
.mw-translate-fuzzy > :last-child {
Β  margin-bottom: 0!important
}
.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact {
Β  background: 0 0;
Β  border: 3px dotted var(--more-dark-grey-border);
Β  border-top: none;
Β  max-width: 100%
}
.ext-translate-container .tux-messagelist .tux-message-pagemode:first-child .tux-message-item-compact {
Β  border-top: 3px dotted var(--more-dark-grey-border)
}
.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover {
Β  background: var(--more-dark-grey-border)
}
.tux-action-bar {
Β  box-shadow: none
}
.tux-action-bar button {
Β  background-image: none;
Β  background-color: var(--very-dark-grey);
Β  border: 2px solid var(--very-dark-grey-border);
Β  color: var(--faux-white)
}
.tux-messagetable-header {
Β  border-bottom: 3px solid var(--more-dark-grey-border)
}
.tux-message-selector li.selected {
Β  border-bottom: 3px solid #36c;
Β  margin-bottom: -2px
}
.tux-breadcrumb,
.tux-editor-header {
Β  color: unset
}
.tux-message-filter-box,
.tux-message-filter-box:focus-visible {
Β  border: 2px solid var(--very-dark-grey-border);
Β  outline: 0;
Β  color: var(--faux-white)
}
.tux-action-bar.floating {
Β  background: var(--very-dark-grey);
Β  border-top: 3px solid var(--more-dark-grey-border)
}
.tux-messagetable-loader {
Β  background: 0 0;
Β  box-shadow: none;
Β  color: var(--faux-white)
}
.ext-translate-language-selector .mw-ui-button {
Β  background: var(--very-dark-grey);
Β  border: 1px solid var(--very-dark-grey-border);
Β  color: var(--faux-white)
}
.mw-ui-button:not(:disabled):hover {
Β  background: var(--more-dark-grey);
Β  border: 1px solid var(--more-dark-grey-border);
Β  color: var(--faux-white)
}
#uls-settings-block:not(.uls-settings-block--vector-2022),
.uls-menu .uls-no-results-view .uls-no-found-more {
Β  background: 0 0;
Β  border-top: 0
}
.tux-message-item {
Β  background: var(--red);
Β  border-bottom: 2px solid var(--very-dark-grey)
}
.tux-message-item:hover {
Β  background: #882121
}
.tux-message-item.proofread {
Β  background: var(--yellow);
Β  color: #000
}
.tux-message-item.proofread:hover {
Β  background: #bca111
}
.tux-message-item.translated:hover {
Β  background: #245220
}
.ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact:hover {
Β  background: #252a30aa
}
.ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact {
Β  background: var(--less-dark-grey);
Β  border-bottom: 2px solid var(--less-dark-grey-border);
Β  border-left: 2px solid var(--less-dark-grey-border);
Β  border-right: 2px solid var(--less-dark-grey-border)
}
.ext-translate-container .tux-messagelist .tux-message-proofread:first-child .tux-message-item-compact {
Β  border-top: 2px solid var(--less-dark-grey-border)
}
.tux-messagelist .tux-message-proofread .tux-proofread-translation {
Β  color: #98eb9b
}
.grid .row .tux-message-editor {
Β  margin: 0 auto
}
.tux-message-editor .editcolumn {
Β  background: var(--more-dark-grey);
Β  border-right: 2px solid var(--less-dark-grey-border)
}
.tux-message-editor__caret::after,
.tux-message-editor__caret::before {
Β  border-right-color: var(--less-dark-grey-border)
}
.tm-suggestion {
Β  background: var(--very-dark-grey);
Β  border: 2px solid var(--less-dark-grey-border)
}
.tux-editor-control-buttons .mw-ui-button.mw-ui-quiet {
Β  background: var(--less-dark-grey);
Β  color: var(--faux-white)
}
.tux-notice {
Β  background-color: var(--very-dark-grey)
}
.ext-translate-container .tux-messagelist .tux-message-pagemode:last-child .tux-message-item-compact {
Β  border-bottom: 3px dotted var(--more-dark-grey-border)
}
/*! ⏸️ | hack, add margin to bottom of source translate notice */
.translate-edit-documentation {
Β  margin-bottom: 1em
}
:root {
Β  --faux-white: #f8f9fa;
Β  --blue-text: #6ae3f9;
Β  --more-dark-green: #07242b;
Β  --more-dark-green-border: #053c48;
Β  --less-dark-green: #07343f;
Β  --less-dark-green-border: #086c84;
Β  --very-dark-grey: #101315;
Β  --very-dark-grey-border: #232a2e;
Β  --more-dark-grey: #181b1f;
Β  --more-dark-grey-border: #282a2e;
Β  --less-dark-grey: #252a30;
Β  --less-dark-grey-border: #3c4148;
Β  --link: #6bd4ff;
Β  --link-hover: #468ca9;
Β  --link-visited: #509fdd;
Β  --link-visited-hover: #3874a3;
Β  --red: #b32c2c;
Β  --yellow: #ecca12;
Β  --green: #34762e;
Β  --font-header: "Exo 2 Variable","Linux Libertine","Times New Roman","Liberation Serif","Nimbus Roman","Noto Serif","Times",sans-serif;
Β  --font-sans: "Noto Sans Variable","Segoe UI","Segoe UI Emoji","Segoe UI Symbol","Lato","Liberation Sans","Helvetica Neue","Helvetica",sans-serif
}
}
.portable-infobox h2::after {
display: none !important;
}
.pi-title p {
font-weight: 700;
}
/* 😺 temporary mobile width fix */
@media screen and (max-width: 700px) {
.portable-infobox {
width: 98.5%;
}
}
/*
β–€β–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–€ β–€β–ˆβ–ˆβ–€β–€β–€β–€β–ˆΒ  β–€β–ˆβ–ˆβ–€β–€β–ˆβ–„Β  β–€β–ˆβ–ˆβ–€Β  Β  β–ˆΒ  Β  β–€β–ˆβ–ˆ β–€β–ˆβ–ˆβ–€Β  β–€β–ˆβ–€ β–€β–ˆβ–ˆβ–€ β–€β–ˆβ–ˆβ–€Β  β–ˆβ–€Β  β–€β–ˆβ–ˆβ–€
β–ˆβ–ˆβ–ˆΒ  β–ˆβ–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–„Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–ˆΒ  Β  β–€β–ˆβ–„ β–€β–ˆβ–„Β  β–„β–€Β  β–ˆβ–ˆΒ  β–ˆβ–ˆ β–„β–€Β  Β  β–ˆβ–ˆ
β–ˆβ–€β–ˆβ–„β–„β–€β–ˆβ–ˆΒ  β–ˆβ–ˆβ–€β–€β–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆβ–€β–ˆβ–„Β  Β  β–ˆβ–ˆ
β–ˆ β–€β–ˆβ–€ β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–„β–€β–€β–€β–€β–ˆβ–„Β  Β  β–ˆβ–ˆβ–ˆ β–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ
β–„β–ˆβ–„ β–ˆ β–„β–ˆβ–ˆβ–„ β–„β–ˆβ–ˆβ–„β–„β–„β–„β–„β–ˆ β–„β–ˆβ–ˆβ–„β–„β–„β–ˆβ–€Β  β–„β–ˆβ–ˆβ–„ β–„β–ˆβ–„Β  β–„β–ˆβ–ˆβ–„Β  Β  β–ˆΒ  β–ˆΒ  Β  β–„β–ˆβ–ˆβ–„ β–„β–ˆβ–ˆβ–„Β  β–ˆβ–ˆβ–„ β–„β–ˆβ–ˆβ–„
*/
/* 😺 preferences colors */
.oo-ui-panelLayout-framed {
border: 3px solid #444d57;
color: #fff;
}
.oo-ui-tabSelectWidget-framed {
background: var(--less-dark-grey);
}
.oo-ui-menuLayout-content {
background: #1b1f23;
}
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
border-color: #444d57;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background: #1b1f23;
color: #fff;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background: #1b1f23;
color: inherit;
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
background: transparent;
}
/* 😺 arbitrary choices for the buttons here, remove "#mw-prefs-form" if applying globally later */
#mw-prefs-form .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: var(--very-dark-grey);
border: 2px solid var(--very-dark-grey-border);
}
#mw-prefs-form .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background: #1d2327;
border: 2px solid #364046;
}
/* 😺 dropdowns */
.oo-ui-menuSelectWidget {
background: #161b1e;
border-color: #000;
box-shadow: 0 0 5px #000;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #fff;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background: #0c0f10;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.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: var(--very-dark-grey);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background: #151719;
border: 1px solid #2f363b;
color: #fff;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background: #202326;
border: 1px solid #3e484e;
color: #fff;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
outline: 0;
box-shadow: none;
border-color: #2f363b;
}
/* 😺 TEMPORARY THEMING JUST TO BE GOOFY, FIGURE OUT WHAT TO DO WITH THIS BUTTON LATER */
.mw-prefs-buttons {
background: transparent;
border: 0;
filter: drop-shadow(0 0 10px #000); /* 😺 DON'T CONVERT THIS ONE PLEASE */
}
.oo-ui-tabOptionWidget {
color: #ffffffab;
}
/* 😺 search theming */
.mw-body .mw-search-profile-tabs {
background: #151719;
border: solid #2f363b;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background: var(--very-dark-grey);
border: 2px solid var(--very-dark-grey-border);
color: #fff;
}
.oo-ui-indicator-clear {
filter: invert(1);
top: 8px;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: var(--very-dark-grey);
border: 0;
color: inherit;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background: #141719;
}
/* 😺 date search theming, ROUGH FOR MVP- FIX LATER */
.mw-widget-dateInputWidget-calendar {
filter: invert(1);
}
.mw-widget-dateInputWidget,
.mw-widget-dateInputWidget input:not(.mw-widgets-datetime-dateTimeInputWidget-editField):not(.mw-history-compareselectedversions-button) {
margin: 0;
}
/* 😺 notification popups */
.mw-notification {
background: var(--more-dark-green);
border-color: var(--less-dark-green);
color: var(--faux-white);
}
.mw-parser-output a.external, .link-mailto, .link-ftp, .link-irc, .link-audio, .link-video, .link-document {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtZXh0ZXJuYWwtbGluayI+PHBhdGggZD0iTTE1IDNoNnY2Ii8+PHBhdGggZD0iTTEwIDE0IDIxIDMiLz48cGF0aCBkPSJNMTggMTN2NmEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMlY4YTIgMiAwIDAgMSAyLTJoNiIvPjwvc3ZnPg==);
background-position: center right;
background-repeat: no-repeat;
padding-right: 1.5em;
background-size: 16px;
}
/* 😺 generic popup chevrons */
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after, .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
border-bottom-color: var(--less-dark-grey);
}
/* 😺 recent changes filters */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background: var(--less-dark-grey);
border: 2px solid var(--less-dark-grey-border); /* could be thicker? */
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--faux-white);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
background: var(--more-dark-grey);
border: 1px solid #000;
color: var(--faux-white);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
background: var(--more-dark-grey);
border: 2px solid var(--more-dark-grey-border);
}
/* 😺 tag popups, SNEAKY. */
.mw-rcfilters-ui-tagItemWidget-popup-content {
color: var(--faux-white);
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before, .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after {
border-top-color: var(--more-dark-grey-border);
}
/* 😺 dropdowns YIPPEE */
.mw-rcfilters-ui-filterMenuHeaderWidget-header, .mw-rcfilters-ui-filterMenuSectionOptionWidget {
background: var(--less-dark-grey);
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label, .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
color: var(--faux-white);
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: #9fa0a0;
}
.mw-rcfilters-ui-menuSelectWidget-footer {
background: var(--less-dark-grey);
border-top: 1px solid var(--less-dark-grey-border);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header, .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-bottom: 2px solid var(--less-dark-grey-border);
}
/* 😺 kinda reddish tint to signify the muted filter categories on selection */
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background: #322c2c;
}
.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: #c38787;
}
/* 😺 sneaky bastard. */
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
border-bottom: 0;
}
/* 😺 recent changes settings, RE-DO THESE LATER */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
box-shadow: none;
}
/* 😺 recent changes index legend */
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background: var(--less-dark-green);
border: solid var(--less-dark-green-border);
color: var(--faux-white);
box-shadow: 0 0 0.4rem #000;
}
/* 😺 recent changes mark-as-seen button fix */
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background: var(--very-dark-grey);
border-color: transparent;
}
/* 😺 submission button */
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline: 2px solid var(--less-dark-grey);
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right: 2px solid var(--less-dark-grey);
}
/* 😺 replace text page (this exists???) */
.ext-replacetext-searchoptions {
background: transparent;
}
/* 😺 QUICK HACK (I'M REALLY TIRED); PLEASE ACTUALLY THEME THIS LATER */
#powersearch #target, #powersearch #replacement, .ext-replacetext-searchoptions [name="category"], .ext-replacetext-searchoptions [name="prefix"] {
filter: invert(1);
}
/* 😺 notifications page!! */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
background: transparent;
box-shadow: none;
}
/* 😺 recent activity box */
.mw-echo-ui-crossWikiUnreadFilterWidget {
border: 2px solid var(--less-dark-grey-border);
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background: var(--very-dark-grey);
}
/* 😺 talk page comment highlight fix */
.ext-discussiontools-init-targetcomment {
background: #4f4f4f24;
}
/* 😺 talk page comment preview fix */
.ext-discussiontools-ui-replyWidget-preview {
background: transparent;
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background: var(--very-dark-grey);
border-color: var(--very-dark-grey-border);
}
/*
β–„β–ˆβ–€β–€β–€β–ˆβ–„β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–„ β–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–ˆβ–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–„Β  Β  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–„Β  β–„β–ˆβ–€β–€β–€β–ˆβ–„β–ˆ
β–„β–ˆβ–ˆΒ  Β  β–€β–ˆ β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–„ β–ˆβ–ˆΒ  Β  β–€β–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–„β–ˆβ–ˆβ–„Β  Β  Β  β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–„β–„β–ˆβ–ˆΒ  Β  β–€β–ˆ
β–€β–ˆβ–ˆβ–ˆβ–„Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆ β–ˆβ–ˆΒ  β–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–„β–ˆβ–€β–ˆβ–ˆβ–„Β  Β  β–ˆβ–ˆΒ  β–„β–ˆβ–ˆ β–€β–ˆβ–ˆβ–ˆβ–„
Β  β–€β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–„ β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–€β–€β–€β–ˆβ–„β–„Β  β–„β–ˆΒ  β–€β–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–„
β–„Β  Β  β–€β–ˆβ–ˆ β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–„β–ˆβ–ˆ β–ˆβ–ˆΒ  β–ˆΒ  β–„ β–ˆβ–ˆΒ  Β  β–€β–ˆΒ  β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆβ–„Β  β–„Β  Β  β–€β–ˆβ–ˆ
β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–„β–ˆβ–ˆβ–€ β–ˆβ–ˆΒ  Β  β–„β–ˆ β–ˆβ–ˆΒ  Β  β–„β–ˆ β–ˆβ–€Β  Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–„β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ
β–ˆβ–€β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–€β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–€ β–„β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–„β–ˆβ–ˆβ–ˆβ–„Β  β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„β–ˆβ–ˆβ–ˆβ–ˆβ–„ β–„β–ˆβ–ˆβ–ˆβ–„β–€β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–€
*/
/* 😺 colors! :D */
@media screen and (min-width: 1100px) {
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background: var(--less-dark-grey);
color: var(--faux-white);
border: solid var(--less-dark-grey-border);
}
}
/* 😺 these are kinda arbitrary */
.sidebar-chunk a:not(.new, .new a) {
color: var(--link);
}
.sidebar-chunk a:hover:not(.new, .new a) {
color: var(--link-hover);
}
.sidebar-chunk a:visited:not(.new, .new a) {
color: var(--link-visited);
}
.sidebar-chunk a:visited:hover:not(.new, .new a) {
color: var(--link-visited-hover);
}
/* 😺 round the corners for the sidebars a bit */
.sidebar-chunk {
border-radius: 15px;
}
/* 😺 main logo */
#p-logo {
display: inline;
}
@media screen and (max-width: 1099px) {
Β  Β  Β  Β  #p-logo {
Β  Β  Β  Β  Β  Β  display: none;
Β  Β  Β  Β  }
Β  Β  }
.mw-wiki-logo img {
transition: transform 0.15s ease-in-out;
filter: drop-shadow(0 0 2px #000);
}
.mw-wiki-logo img:hover {
transform: scale(1.08);
}
/* 😺 DROP SHADOWS MY BELOVED */
@media screen and (min-width: 1100px) {
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
box-shadow: 0 0 0.7rem #000;
}
}
/* 😺 shortens the margins between sections a bit */
@media screen and (min-width: 1100px) {
#mw-site-navigation .sidebar-chunk .mw-portlet-body,
#mw-related-navigation .sidebar-chunk .mw-portlet-body {
margin-bottom: 1.5em;
}
}
/* 😺 make the "related navigation" bar equal to the main nav bar (WHY WAS IT DIFFERENT) */
#mw-related-navigation {
width: 14em;
flex: 0 0 14em;
}
/* 😺 inverts mobile menus */
#site-navigation h2, #site-tools h2, .tools-inline .dropdown-toggle {
filter: invert(1);
}
/* 😺 fix mobile settings menu misalignment */
@media screen and (max-width: 1099px) {
#site-tools h2 {
right: 4em;
}
#user-tools h2 {
right: 0;
}
}
/* πŸ¦‡ Changes mobile sidebar to match */
@media screen and (max-width: 1099px) {
.sidebar-inner,
.dropdown {
background: var(--less-dark-grey);
color: var(--faux-white);
border: solid 3px var(--less-dark-grey-border);
border-radius: 15px;
}
}
/* πŸ¦‡ adjusts the menu cover (greys out stuff behind the sidebar) to match theming */
@media screen and (max-width: 1099px) {
#menus-cover {
background: var(--more-dark-grey);
opacity: 0.75;
Β  Β  Β  Β  }
Β  Β  }
/* 😺 fix for mobile borders at bottom */
@media screen and (max-width: 1099px) {
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
border: 0;
}
}
/*
β–€β–ˆβ–ˆβ–ˆβ–ˆβ–€Β  β–€β–ˆβ–ˆβ–ˆβ–ˆβ–€β–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–„ β–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–ˆβ–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–„
Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–€β–ˆΒ  Β  β–„β–ˆβ–ˆβ–„Β  Β  Β  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–„ β–ˆβ–ˆΒ  Β  β–€β–ˆΒ  β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–„
Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆΒ  Β  Β  β–„β–ˆβ–€β–ˆβ–ˆβ–„Β  Β  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆ β–ˆβ–ˆΒ  β–ˆΒ  Β  β–ˆβ–ˆΒ  β–„β–ˆβ–ˆ
Β  β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆΒ  Β  β–„β–ˆΒ  β–€β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ
Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆΒ  β–„Β  β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–„β–ˆβ–ˆ β–ˆβ–ˆΒ  β–ˆΒ  β–„ β–ˆβ–ˆΒ  β–ˆβ–ˆβ–„
Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–„β–ˆ β–ˆβ–€Β  Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–„β–ˆβ–ˆβ–€ β–ˆβ–ˆΒ  Β  β–„β–ˆ β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–„
β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„Β  β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„β–„β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–„Β  β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–€ β–„β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–„ β–„β–ˆβ–ˆβ–ˆβ–„
*/
/* 😺 fundamental layout adjustments */
#mw-header-container {
position: relative;
padding-top: 5em;
}
#mw-header {
max-width: 115em;
justify-content: right;
}
/* 😺 colors! :D */
#mw-header-container,
#mw-header-hack .color-middle,
#mw-header-hack .color-left,
#mw-header-hack .color-right {
background: transparent;
}
#mw-header-hack {
box-shadow: 0 0;
}
#mw-header-container {
color: #fff;
}
/* 😺 title text removal */
#p-logo-text {
display: none;
}
/* 😺 searchbar theming and adjustments */
#simpleSearch {
background: var(--less-dark-grey);
border: solid 2px #39404a;
}
#searchInput {
color: #fff;
}
#p-search {
flex: 0 1 auto;
padding-right: 1em;
}
#p-search input:focus {
outline: none;
}
#searchInput::placeholder {
opacity: .8;
font-weight: 500;
}
input#searchButton, #mw-searchButton {
filter: invert(1);
right: 0.5em;
}
/* 😺 account box theming and adjustments */
@media screen and (min-width: 1100px) {
#user-tools {
background: var(--less-dark-grey);
border-radius: 8px;
border: solid 3px #39404a;
box-shadow: 0 0 0.4rem #000;
transition: background-color 0.1s ease-in-out;
}
#user-tools:has(.dropdown-active) {
background: #16191c;
border: solid 2px #24282e;
}
}
/* 😺 [sobbing] [throwing up] */
#personal h2, #personal h2 span, #pt-notifications-alert, #pt-notifications-notice {
filter: invert(1);
}
/* 😺 account box adjustments */
#user-tools {
width: 12.5em; /* 😺 magic number, NO IDEA why it has to be different from the column below it to *kinda* match it in width, investigate later */
min-width: 0;
display: flex;
justify-content: center;
}
/* 😺 account name fix */
#personal {
padding: 0;
}
#personal h2 {
padding: .25em 0 0 1.5em; /* 😺 magic numbers */
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* 😺 dropdown theming */
#personal .dropdown {
background: var(--very-dark-grey);
border: solid var(--very-dark-grey-border);
}
#pt-uls .uls-trigger::before {
filter: invert(1);
}
/* 😺 I HATE CHEVRONS MADE LIKE THIS */
#personal .dropdown:before {
border-bottom: 10px solid transparent;
}
#personal .dropdown::after {
border-bottom-color: #252e34;
top: -10px;
}
/*
β–€β–ˆβ–„Β  β–€β–ˆβ–€Β  β–„β–„β–ˆβ–€β–€β–ˆβ–ˆΒ  β–ˆβ–€β–€β–ˆβ–ˆβ–€β–€β–ˆ β–€β–ˆβ–ˆβ–€ β–€β–ˆβ–ˆβ–€β–€β–€β–€β–ˆΒ  Β  β–€β–ˆβ–ˆβ–€β–€β–ˆβ–„Β  Β  β–„β–„β–ˆβ–€β–€β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–€ β–€β–ˆβ–€
β–ˆβ–€β–ˆΒ  β–ˆΒ  β–„β–ˆβ–€Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–„Β  Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–„β–ˆβ–€Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ β–ˆ
β–ˆ β–€β–ˆβ–„ β–ˆΒ  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆβ–€β–€β–ˆΒ  Β  Β  β–ˆβ–ˆβ–€β–€β–€β–ˆβ–„Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ
β–ˆΒ  β–ˆβ–ˆβ–ˆΒ  β–€β–ˆβ–„Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  Β  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ β–€β–ˆβ–„Β  Β  β–ˆβ–ˆΒ  β–ˆ β–ˆβ–ˆ
β–„β–ˆβ–„Β  β–€β–ˆΒ  β–€β–€β–ˆβ–„β–„β–„β–ˆβ–€Β  Β  β–„β–ˆβ–ˆβ–„Β  β–„β–ˆβ–ˆβ–„ β–„β–ˆβ–ˆβ–„Β  Β  Β  Β  β–„β–ˆβ–ˆβ–„β–„β–„β–ˆβ–€Β  β–€β–€β–ˆβ–„β–„β–„β–ˆβ–€Β  β–„β–ˆΒ  β–ˆβ–ˆβ–„
*/
/* 😺 colors */
.mw-echo-ui-placeholderItemWidget {
background: transparent;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-head {
background: var(--very-dark-grey);
}
/* 😺 internal border theming */
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
border-bottom: 2px solid var(--more-dark-grey-border);
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
border-top: 2px solid var(--more-dark-grey-border);
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
border-left: 2px solid var(--more-dark-grey-border);
}
/* 😺 ahhh, the devils chevron, DEVRON- if you will. */
/* 😺 INVESTIGATE A SOLUTION TO THE RESIDUAL LOWER BORDER LINE LATER */
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
border-bottom-color: var(--very-dark-grey);
}
/* 😺 PENDING LOADING BAR; PULLED FROM MW'S SOURCE CODE, DON'T ASK ME WHY IT'S LIKE THIS */
.oo-ui-pendingElement-pending {
background-color: var(--very-dark-grey);
background-image: linear-gradient(135deg, var(--very-dark-grey-border) 25%, transparent 25%, transparent 50%, var(--very-dark-grey-border) 50%, var(--very-dark-grey-border) 75%, transparent 75%, transparent);
animation: oo-ui-pendingElement-stripes 650ms linear infinite; /* 😺 unchanged from stock, just leaving here in case we want to change the timing values later */
}
/*
β–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–ˆ β–„β–„β–ˆβ–€β–€β–ˆβ–ˆβ–„Β  β–„β–„β–ˆβ–€β–€β–ˆβ–ˆβ–„ β–ˆβ–ˆβ–ˆβ–€β–€β–ˆβ–ˆβ–€β–€β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–ˆβ–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–„
Β  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–ˆβ–€Β  Β  β–€β–ˆβ–ˆβ–„β–ˆβ–ˆβ–€Β  Β  β–€β–ˆβ–ˆβ–„β–€Β  β–ˆβ–ˆΒ  β–€β–ˆ β–ˆβ–ˆΒ  Β  β–€β–ˆΒ  β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–„
Β  β–ˆβ–ˆΒ  β–ˆ β–ˆβ–ˆβ–€Β  Β  Β  β–€β–ˆβ–ˆβ–ˆβ–€Β  Β  Β  β–€β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  β–ˆΒ  Β  β–ˆβ–ˆΒ  β–„β–ˆβ–ˆ
Β  β–ˆβ–ˆβ–€β–€β–ˆβ–ˆ β–ˆβ–ˆΒ  Β  Β  Β  β–ˆβ–ˆβ–ˆΒ  Β  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ
Β  β–ˆβ–ˆΒ  β–ˆ β–ˆβ–ˆβ–„Β  Β  Β  β–„β–ˆβ–ˆβ–ˆβ–„Β  Β  Β  β–„β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  β–ˆΒ  β–„ β–ˆβ–ˆΒ  β–ˆβ–ˆβ–„
Β  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–„Β  Β  β–„β–ˆβ–ˆβ–€β–ˆβ–ˆβ–„Β  Β  β–„β–ˆβ–ˆβ–€Β  Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–„β–ˆ β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–„
β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„Β  Β  β–€β–€β–ˆβ–ˆβ–ˆβ–ˆβ–€β–€Β  β–€β–€β–ˆβ–ˆβ–ˆβ–ˆβ–€β–€Β  Β  β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„Β  β–„β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–„ β–„β–ˆβ–ˆβ–ˆβ–„
*/
/* 😺 colors! :D */
.mw-footer-container {
border-top: solid 1px var(--less-dark-grey);
background: #1a1d1c;
/* background-image: url('https://i.imgur.com/Z2x34d3.jpeg'), linear-gradient(120deg, transparent 15%, #1a1d1c 25%);
background-size: contain;
background-repeat: no-repeat; */
}
/* 😺 FIGURE OUT POTENTIALLY HAVING CUSTOM IMAGES IN THE FOOTER LATER
.mw-footer-container::after {
background: linear-gradient(120deg, transparent 20%, #1a1d1c 30%);
} */
/* 😺 center it a bit more */
.mw-footer {
max-width: 80em;
}
/* 😺 not really the footer *per-se* but mobile categories theming (it's at the bottom of the page) */
#content-bottom-stuff {
background: #10171c;
}
#content-bottom-stuff a:not(.new, .new a) {
color: var(--link);
}
#content-bottom-stuff a:visited:not(.new, .new a) {
color: var(--link-visited);
}
/* 😺 fix ghost margin at bottom of page */
.mw-footer ul,
.mw-footer li {
margin: 0;
padding: .3em 0;
}
body{
margin: 0 !important;
}
/*
β–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–ˆβ–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–„ β–€β–ˆβ–ˆβ–ˆβ–ˆβ–€β–ˆβ–ˆβ–€β–€β–ˆβ–ˆβ–€β–€β–ˆβ–ˆβ–ˆ β–„β–„β–ˆβ–€β–€β–ˆβ–ˆβ–„ β–€β–ˆβ–ˆβ–ˆβ–€β–€β–€β–ˆβ–ˆβ–„
Β  β–ˆβ–ˆΒ  Β  β–€β–ˆΒ  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–„ β–ˆβ–ˆ β–ˆβ–€Β  β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–ˆβ–€Β  Β  β–€β–ˆβ–ˆβ–„ β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–„
Β  β–ˆβ–ˆΒ  β–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆ β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–€Β  Β  Β  β–€β–ˆβ–ˆ β–ˆβ–ˆΒ  β–„β–ˆβ–ˆ
Β  β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆ β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  Β  Β  Β  β–ˆβ–ˆ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ
Β  β–ˆβ–ˆΒ  β–ˆΒ  β–„ β–ˆβ–ˆΒ  Β  β–„β–ˆβ–ˆ β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–„Β  Β  Β  β–„β–ˆβ–ˆ β–ˆβ–ˆΒ  β–ˆβ–ˆβ–„
Β  β–ˆβ–ˆΒ  Β  β–„β–ˆ β–ˆβ–ˆΒ  Β  β–„β–ˆβ–ˆβ–€ β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–€β–ˆβ–ˆβ–„Β  Β  β–„β–ˆβ–ˆβ–€ β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–„
β–„β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–€ β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„Β  β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„Β  Β  β–€β–€β–ˆβ–ˆβ–ˆβ–ˆβ–€β–€ β–„β–ˆβ–ˆβ–ˆβ–ˆβ–„ β–„β–ˆβ–ˆβ–ˆβ–„
*/
/*
β–€β–ˆβ–ˆβ–€Β  β–€β–ˆβ–€ β–€β–ˆβ–ˆβ–€Β  β–„β–ˆβ–€β–€β–€β–„β–ˆΒ  β–€β–ˆβ–ˆβ–€Β  β–€β–ˆβ–€Β  Β  β–ˆΒ  Β  β–€β–ˆβ–ˆβ–€
β–€β–ˆβ–„Β  β–„β–€Β  β–ˆβ–ˆΒ  β–ˆβ–ˆβ–„β–„Β  β–€Β  β–ˆβ–ˆΒ  Β  β–ˆΒ  Β  β–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–ˆ
Β  β–ˆβ–ˆΒ  β–ˆΒ  Β  β–ˆβ–ˆΒ  Β  β–€β–€β–ˆβ–ˆβ–ˆβ–„Β  β–ˆβ–ˆΒ  Β  β–ˆΒ  Β  β–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ
Β  β–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–„Β  Β  β–€β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆΒ  β–„β–€β–€β–€β–€β–ˆβ–„Β  β–ˆβ–ˆ
Β  Β  β–ˆΒ  Β  β–„β–ˆβ–ˆβ–„ β–ˆβ–€β–„β–„β–„β–„β–ˆβ–€Β  Β  β–€β–ˆβ–„β–„β–€Β  β–„β–ˆβ–„Β  β–„β–ˆβ–ˆβ–„ β–„β–ˆβ–ˆβ–„β–„β–„β–„β–„β–ˆ
*/
/* 😺 colors! :D */
.oo-ui-toolbar-bar,
.oo-ui-toolbar-position-top>.oo-ui-toolbar-bar {
background-color: var(--less-dark-grey);
}
.oo-ui-menuToolGroup {
border: 0;
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle:hover,
.oo-ui-tool.oo-ui-widget-enabled>.oo-ui-tool-link:hover {
background: #0000003d;
}
.oo-ui-toolbar-bar {
color: inherit;
}
.oo-ui-popupWidget-popup {
background: var(--more-dark-grey);
border: 2px solid var(--less-dark-grey);
}
/* 😺 fix awkward right-borders */
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
border: 0;
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-bottom: 0;
}
/* 😺 invert the icons (stinky) */
/* .oo-ui-icon-checkAll was excluded for a non-editor issue, revert if it breaks something */
.oo-ui-iconElement-icon:not(.tool-active, .tool-active span, .oo-ui-icon-checkAll),
.oo-ui-indicator-down{
filter: invert(1);
}
/* 😺 round the corners */
.mw-body .oo-ui-toolbar-bar {
border-radius: 15px 15px 0 0;
}
/* 😺 image gallery box theming */
.ve-ui-mwGalleryDialog-highlighted-image {
background: transparent;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
background: var(--more-dark-grey);
}
.ve-ui-targetWidget {
border: 1px solid var(--less-dark-grey)
}
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container {
border: 1px solid var(--less-dark-green-border);
}
/* 😺 UPLOAD BOX THEMING */
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
border: 3px solid var(--less-dark-grey);
background-color: var(--more-dark-grey);
border-radius: 16px;
overflow: hidden;
}
.ve-ui-mwSaveDialog-options {
background: var(--more-dark-grey);
border: 0;
}
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
outline: 2px dotted var(--less-dark-grey);
}
.ve-ui-mwSaveDialog-license {
color: var(--faux-white);
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
background: #0008;
}
.oo-ui-messageDialog-message {
color: inherit;
}
/* 😺 UPLOAD BOX ERROR */
.oo-ui-processDialog-errors {
background: #0009;
backdrop-filter: blur(4px);
}
.oo-ui-processDialog-errors-title {
color: inherit;
background: transparent;
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
background-color: #220000;
border-color: #d33;
}
/* 😺 THIS IS SO FUCKING CURSED */
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:File/Thumb"] > figcaption {
width: auto !important; /* AAAAAAAAAAAAAAAAAAAAAAAAAAA */
background: var(--more-dark-green);
border: solid var(--less-dark-green);
border-top: 0;
}
figure.ve-ce-mwBlockImageNode{
border: solid var(--less-dark-green);
border-bottom: 0;
}
figure[typeof~="mw:File/Thumb"] > a:first-child > :first-child:not(.mw-broken-media) {
border: 0;
}
/* 🍷 popups */
.mwe-popups {
border: solid 3px var(--less-dark-grey-border);
border-radius: 15px;
overflow: hidden;
}
.mwe-popups, .mwe-popups-container, .mwe-popups .mwe-popups-extract {
background: var(--less-dark-grey) !important;
color: var(--faux-white) !important;
}
.mwe-popups .mwe-popups-extract[dir="ltr"]::after {
background-image: linear-gradient(to right,rgba(255,255,255,0), var(--less-dark-grey) 50%);
}
.mwe-popups-settings-icon {
filter: invert(1);
}
/* 🍷 language selector */
.mw-pt-languages {
background-color: transparent;
border: dotted 3px var(--more-dark-grey-border);
margin-bottom: 1em;
}
.mw-pt-languages-ui {
font-weight: normal;
}
.mw-pt-languages-selected {
font-weight: bold;
}
.mw-pt-progress {
padding: 0;
background: none;
}
.mw-pt-progress::after {
display: inline-block;
content: "";
width: .6em;
height: .6em;
border-radius: 100%;
margin-left: .25em;
}
.mw-pt-progress--complete::after {
background-color: var(--green);
}
.mw-pt-progress--high::after {
background-color: #e8d222;
}
.mw-pt-progress--med::after {
background-color: var(--yellow);
}
.mw-pt-progress--low::after, .mw-pt-progress--stub::after {
background-color: var(--red);
}
.uls-menu {
background-color: var(--less-dark-grey);
border: 3px solid var(--less-dark-grey-border);
border-radius: 16px;
color: var(--faux-white);
}
.uls-search, .uls-lcd, #uls-settings-block {
background-color: transparent;
}
.uls-search {
border: none;
}
.uls-lcd-region-title {
color: var(--faux-white);
}
.uls-language-block a {
color: var(--link);
}
.uls-language-option--highlighted {
background-color: transparent !important;
}
ol.references li:target, sup.reference:target {
background-color: var(--less-dark-grey);
}
/* πŸ¦‡ fixes an issue where the "Add undocumented parameter" text is hard-to-read when inserting a template. */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
Β  Β  color: var(--blue-text); /* this little button wants to be oohhhh so special, too bad, you're blue now! */
}
/*
β–ˆβ–€β–€β–ˆβ–ˆβ–€β–€β–ˆ β–€β–ˆβ–ˆβ–€β–€β–ˆβ–„Β  Β  Β  β–ˆΒ  Β  β–€β–ˆβ–„Β  β–€β–ˆβ–€Β  β–„β–ˆβ–€β–€β–€β–„β–ˆΒ  β–€β–ˆβ–ˆβ–€Β  Β  Β  Β  Β  β–ˆΒ  Β  β–ˆβ–€β–€β–ˆβ–ˆβ–€β–€β–ˆ β–€β–ˆβ–ˆβ–€β–€β–€β–€β–ˆ
Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–ˆΒ  Β  β–ˆβ–€β–ˆΒ  β–ˆΒ  β–ˆβ–ˆβ–„β–„Β  β–€Β  β–ˆβ–ˆΒ  Β  Β  Β  Β  β–ˆβ–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–„
Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–€β–€β–ˆβ–€Β  Β  β–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆ β–€β–ˆβ–„ β–ˆΒ  Β  β–€β–€β–ˆβ–ˆβ–ˆβ–„Β  β–ˆβ–ˆΒ  Β  Β  Β  β–ˆΒ  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆβ–€β–€β–ˆ
Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆΒ  β–ˆβ–„Β  β–„β–€β–€β–€β–€β–ˆβ–„Β  β–ˆΒ  β–ˆβ–ˆβ–ˆΒ  β–„Β  Β  β–€β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  Β  Β  β–„β–€β–€β–€β–€β–ˆβ–„Β  Β  β–ˆβ–ˆΒ  Β  β–ˆβ–ˆ
Β  β–„β–ˆβ–ˆβ–„Β  β–„β–ˆβ–ˆβ–„Β  β–€β–ˆβ–€ β–„β–ˆβ–„Β  β–„β–ˆβ–ˆβ–„ β–„β–ˆβ–„Β  β–€β–ˆΒ  β–ˆβ–€β–„β–„β–„β–„β–ˆβ–€Β  β–„β–ˆβ–ˆβ–„β–„β–„β–„β–„β–ˆ β–„β–ˆβ–„Β  β–„β–ˆβ–ˆβ–„Β  β–„β–ˆβ–ˆβ–„Β  β–„β–ˆβ–ˆβ–„β–„β–„β–„β–„β–ˆ
*/
/* 🍷 */
.mw-pt-translate-header {
border-bottom: none;
}
.mw-translate-fuzzy {
background-color: #ff72cf36;
border: none;
}
.mw-translate-fuzzy > :first-child {
margin-top: 0 !important;
}
.mw-translate-fuzzy > :last-child {
margin-bottom: 0 !important;
}
.ext-translate-container .tux-messagelist .tux-message-pagemode {
background:transparent;
}
.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact {
background:transparent;
border: 3px dotted var(--more-dark-grey-border);
border-top: none;
max-width: 100%;
}
.ext-translate-container .tux-messagelist .tux-message-pagemode:first-child .tux-message-item-compact {
border-top:3px dotted var(--more-dark-grey-border);
}
.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover {
background: var(--more-dark-grey-border);
}
.tux-messagelist .tux-message-pagemode .tux-pagemode-source {
color:var(--faux-white);
}
.tux-messagelist .tux-message-pagemode .tux-pagemode-translation {
color:var(--faux-white);
}
.tux-messagelist {
background-color:transparent;
color:var(--faux-white);
}
.tux-action-bar {
background-color:transparent;
color:var(--faux-white);
box-shadow:none;
}
.tux-action-bar button {
background-image: none;
}
.tux-messagetable-header {
border-bottom:3px solid var(--more-dark-grey-border);
}
.tux-message-selector li.selected {
border-bottom: 3px solid #36c;
margin-bottom: -2px;
}
.tux-statsbar .tux-statsbar-info {
color: var(--faux-white);
}
.tux-editor-header {
color: unset;
}
.tux-breadcrumb {
color: unset;
}
.tux-breadcrumb__item--aggregate {
color: var(--link);
}
/* 😺 translate editor floating bars */
.tux-messagetable-header.floating {
background: var(--very-dark-grey);
}
.tux-message-selector .more ul {
background: var(--very-dark-grey);
border: 2px solid var(--very-dark-grey-border);
}
.tux-message-selector label {
color: var(--faux-white);
}
.tux-message-filter-box, .tux-message-filter-box:focus-visible {
border: 2px solid var(--very-dark-grey-border);
outline: none;
color: var(--faux-white);
}
.tux-action-bar.floating {
background: var(--very-dark-grey);
border-top: 3px solid var(--more-dark-grey-border);
}
/* 😺 loading bar */
.tux-messagetable-loader {
background: transparent;
box-shadow: none;
color: var(--faux-white);
}
/* 😺 lang selection button */
.ext-translate-language-selector .mw-ui-button {
background: var(--very-dark-grey);
border: 1px solid var(--very-dark-grey-border);
color: var(--faux-white);
}
.ext-translate-language-selector .ext-translate-language-icon, .ext-translate-language-selector .ext-translate-language-selector-expand {
filter: invert(1);
}
.mw-ui-button:not(:disabled):hover {
background: var(--more-dark-grey);
border: 1px solid var(--more-dark-grey-border);
color: var(--faux-white);
}
/* 😺 lang selection search popup */
.uls-no-results-found-title, .uls-menu .uls-no-results-view h3, .uls-no-found-more {
color: var(--faux-white);
}
.uls-search-label {
filter: invert(1);
}
.uls-menu .uls-no-results-view .uls-no-found-more, #uls-settings-block:not(.uls-settings-block--vector-2022) {
background: transparent;
border-top: 0;
}
/* 😺 VIEW SELECTOR */
.tux-action-bar button {
background-color: var(--very-dark-grey);
border: 2px solid var(--very-dark-grey-border);
color: var(--faux-white);
}
.tux-action-bar button:hover {
background: var(--more-dark-grey);
}
.tux-action-bar button.down {
background: var(--less-dark-grey);
}
.tux-action-bar .translate-mode-button:not(.down)::before, .tux-action-bar .page-mode-button:not(.down)::before, .tux-action-bar .proofread-mode-button:not(.down)::before {
filter: invert(1);
}
/* 😺 LIST VIEW - PLAY WITH THIS MORE LATER */
.tux-message-item {
background: var(--red);
border-bottom: 2px solid var(--very-dark-grey);
}
.tux-message-item:hover {
background: #882121;
}
.tux-message-item.proofread {
background: var(--yellow);
color: #000;
}
.tux-message-item.proofread:hover {
background: #bca111;
}
.tux-message-item.translated {
background: var(--green);
}
.tux-message-item.translated:hover {
background: #245220;
}
.tux-list-status .tux-notice {
background-color: transparent;
}
/* 😺 REVIEW VIEW */
.ext-translate-container .tux-messagelist .tux-message-proofread {
background: transparent;
}
.ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact:hover {
background: #252a30aa;
}
.ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact {
background: var(--less-dark-grey);
border-bottom: 2px solid var(--less-dark-grey-border);
border-left: 2px solid var(--less-dark-grey-border);
border-right: 2px solid var(--less-dark-grey-border);
}
.ext-translate-container .tux-messagelist .tux-message-proofread:first-child .tux-message-item-compact {
border-top: 2px solid var(--less-dark-grey-border);
}
.ext-translate-container .tux-messagelist .tux-message-proofread:last-child .tux-message-item-compact {
border-bottom: 2px solid var(--less-dark-grey-border);
}
.tux-messagelist .tux-message-proofread .tux-proofread-source {
color: var(--faux-white);
}
.tux-messagelist .tux-message-proofread .tux-proofread-translation {
color: #98eb9b;
}
/* 😺 SECTION EDITOR */
.grid .row .tux-message-editor {
margin: 0 auto;
}
.tux-message-editor, .grid .tux-message-editor .messagekey {
color: var(--faux-white);
}
.tux-message-editor .editcolumn {
background: var(--more-dark-grey);
}
.grid .tux-message-editor .infocolumn-block {
background: var(--less-dark-grey);
}
.tux-message-editor {
border: 2px solid var(--less-dark-grey-border);
}
.tux-message-editor .editcolumn {
border-right: 2px solid var(--less-dark-grey-border)
}
.tux-message-editor__caret::before, .tux-message-editor__caret::after {
border-right-color: var(--less-dark-grey-border)
}
.tux-message-editor textarea {
outline: none;
}
.tm-suggestion {
background: var(--very-dark-grey);
border: 2px solid var(--less-dark-grey-border);
}
.tux-dropdown-menu {
background: var(--less-dark-grey);
border: 2px solid var(--less-dark-grey-border);
}
.tux-message-tools-menu li a:hover {
background: var(--more-dark-grey);
}
.tux-message-editor .editor-expand, .tux-message-editor .editor-contract, .tux-message-editor .close {
filter: invert(1);
}
.tux-editor-control-buttons .mw-ui-button.mw-ui-quiet {
background: var(--less-dark-grey);
color: var(--faux-white);
}
.tux-editor-control-buttons .mw-ui-button.mw-ui-quiet:hover {
background: var(--very-dark-grey);
}
.tux-notice {
background-color: var(--very-dark-grey);
}
/* 😺 page view bottom border fix */
.ext-translate-container .tux-messagelist .tux-message-pagemode:last-child .tux-message-item-compact {
border-bottom: 3px dotted var(--more-dark-grey-border);
}
/* 🍷 temp fix for https://wiki.vrchat.com/index.php?title=Special:LanguageStats&language=ja&group=!additions */
.statstable {
color: black;
}
/*
β–„β–ˆβ–€β–€β–€β–„β–ˆΒ  β–„β–„β–ˆβ–€β–€β–ˆβ–ˆΒ  β–€β–ˆβ–ˆβ–€Β  β–€β–ˆβ–€ β–€β–ˆβ–ˆβ–€β–€β–ˆβ–„Β  Β  β–„β–„β–ˆβ–€β–€β–€β–„β–ˆ β–€β–ˆβ–ˆβ–€β–€β–€β–€β–ˆ
β–ˆβ–ˆβ–„β–„Β  β–€Β  β–„β–ˆβ–€Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆΒ  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  β–„β–ˆβ–€Β  Β  β–€Β  β–ˆβ–ˆΒ  β–„
Β  β–€β–€β–ˆβ–ˆβ–ˆβ–„Β  β–ˆβ–ˆΒ  Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆΒ  β–ˆβ–ˆβ–€β–€β–ˆβ–€Β  β–ˆβ–ˆΒ  Β  Β  Β  Β  β–ˆβ–ˆβ–€β–€β–ˆ
β–„Β  Β  β–€β–ˆβ–ˆ β–€β–ˆβ–„Β  Β  β–ˆβ–ˆΒ  β–ˆβ–ˆΒ  Β  β–ˆΒ  β–ˆβ–ˆΒ  β–ˆβ–„Β  β–€β–ˆβ–„Β  Β  Β  β–„Β  β–ˆβ–ˆ
β–ˆβ–€β–„β–„β–„β–„β–ˆβ–€Β  β–€β–€β–ˆβ–„β–„β–„β–ˆβ–€Β  Β  β–€β–ˆβ–„β–„β–€Β  β–„β–ˆβ–ˆβ–„Β  β–€β–ˆβ–€Β  β–€β–€β–ˆβ–„β–„β–„β–„β–€Β  β–„β–ˆβ–ˆβ–„β–„β–„β–„β–„β–ˆ
*/
/* 😺 toolbar theming */
.wikiEditor-ui-toolbar {
background: var(--less-dark-grey);
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view,
div.editOptions {
border-color: var(--more-dark-grey);
}
.wikiEditor-ui-toolbar .group .label {
color: inherit;
}
div.editOptions {
background: var(--less-dark-grey);
color: inherit;
}
/* 😺 haha what if...... just kidding...... *unless?*
.wikiEditor-ui-text{
filter: invert(1);
}
*/

Latest revision as of 04:36, 18 May 2026

/*!
 * This file is auto-generated. Do not edit directly.
 * https://github.com/vrchat-community/wiki-scripts/blob/main/src/themes/timeless/index.scss
 */
@charset "UTF-8";
#p-namespaces a,
#p-namespaces a span,
#p-views a,
#p-views a span,
#personal h2,
#personal h2 span,
#powersearch #replacement,
#powersearch #target,
#pt-notifications-alert,
#pt-notifications-notice,
#pt-uls .uls-trigger::before,
#site-navigation h2,
#site-tools h2,
.ext-replacetext-searchoptions [name=category],
.ext-replacetext-searchoptions [name=prefix],
.ext-translate-language-selector .ext-translate-language-icon,
.ext-translate-language-selector .ext-translate-language-selector-expand,
.mw-editsection,
.mw-editsection a,
.mw-helplink,
.mw-widget-dateInputWidget-calendar,
.mwe-popups-settings-icon,
.oo-ui-iconElement-icon:not(.tool-active,.tool-active span,.oo-ui-icon-checkAll),
.oo-ui-indicator-down,
.tools-inline .dropdown-toggle,
.tux-action-bar .page-mode-button:not(.down)::before,
.tux-action-bar .proofread-mode-button:not(.down)::before,
.tux-action-bar .translate-mode-button:not(.down)::before,
.tux-message-editor .close,
.tux-message-editor .editor-contract,
.tux-message-editor .editor-expand,
.uls-search-label {
  filter: invert(1)
}
#personal h2,
.mwe-popups,
.portable-infobox {
  overflow: hidden
}
@font-face {
  font-family: 'Exo 2 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/exo-2-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
  font-family: 'Exo 2 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/exo-2-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
  font-family: 'Exo 2 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/exo-2-vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
  font-family: 'Exo 2 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/exo-2-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
  font-family: 'Exo 2 Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/exo-2-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
  font-family: 'Noto Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face {
  font-family: 'Noto Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
  font-family: 'Noto Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-devanagari-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09
}
@font-face {
  font-family: 'Noto Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-greek-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF
}
@font-face {
  font-family: 'Noto Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-greek-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face {
  font-family: 'Noto Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face {
  font-family: 'Noto Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
  font-family: 'Noto Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://wiki-files.vrchat.com/fonts/noto-sans-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
.statstable,
.tux-groupselector,
.wikiEditor-ui-toolbar .booklet>.index>div:hover,
.wikiEditor-ui-toolbar .page-characters div span:hover {
  color: #000
}
#contentSub,
#mw-content,
#pagehistory li.selected,
.grid .tux-message-editor .messagekey,
.mw-echo-ui-menuItemWidget>.oo-ui-buttonElement-button>.oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp,
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-message-box,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-tagItemWidget-popup-content,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.tux-message-editor,
.tux-message-selector label,
.tux-messagelist .tux-message-pagemode .tux-pagemode-source,
.tux-messagelist .tux-message-pagemode .tux-pagemode-translation,
.tux-messagelist .tux-message-proofread .tux-proofread-source,
.tux-statsbar .tux-statsbar-info,
.uls-lcd-region-title,
.uls-menu .uls-no-results-view h3,
.uls-no-found-more,
.uls-no-results-found-title,
.ve-ui-mwSaveDialog-license,
body,
code {
  color: var(--faux-white)
}
.oo-ui-labelWidget.oo-ui-inline-help {
  color: var(--faux-white);
  opacity: .75
}
body {
  background: url("https://wiki-files.vrchat.com/SiteBackground.webp") top center/100% no-repeat #10171c;
  font-family: var(--font-sans);
  font-weight: 400;
  margin: 0!important
}
#mw-wrapper {
  background: linear-gradient(to bottom,#10171c00 20vh,#10171c 55vh),linear-gradient(to right,#10171c 1vw,#10171c00 15vw,#10171c00 85vw,#10171c 99vw)
}
#personal h2,
.mw-body dt,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
  font-family: var(--font-header);
  font-weight: 600
}
.mw-body h2 {
  border-bottom: solid 3px var(--more-dark-grey-border)
}
#mw-content-block,
#uls-settings-block,
.mw-sp-translate-edit-definition,
.mw-sp-translate-message-documentation,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.tux-list-status .tux-notice,
.uls-lcd,
.uls-search {
  background-color: transparent
}
.mw-sp-translate-edit-fields fieldset {
  border: 3px solid var(--more-dark-grey-border);
  border-radius: 8px
}
.mw-message-box,
div.mw-warning-with-logexcerpt {
  padding: 1.5em;
  border: dotted 3px var(--less-dark-grey-border)
}
hr {
  border-color: var(--less-dark-grey-border)
}
.mw-message-box {
  background-color: transparent!important
}
.mw-body li.gallerybox div.thumb,
.mw-message-box p,
.mw-widget-dateInputWidget,
.mw-widget-dateInputWidget input:not(.mw-widgets-datetime-dateTimeInputWidget-editField):not(.mw-history-compareselectedversions-button),
.wikitable p,
ul.gallery {
  margin: 0
}
.mw-logevent-loglines {
  margin-bottom: 1em!important
}
.mw-message-box-warning {
  border-color: var(--yellow)
}
.diff-deletedline,
.mw-message-box-error {
  border-color: var(--red)
}
div.mw-warning-with-logexcerpt {
  margin-bottom: 1em
}
span.comment {
  opacity: .75
}
@media screen {
  .new.new a,
  a.new.new {
    color: var(--red)!important
  }
}
#p-logo-text,
.mw-body .mw-parser-output h1::after,
.mw-body .mw-parser-output h2::after {
  display: none
}
#mw-related-navigation .sidebar-chunk h3,
#mw-site-navigation .sidebar-chunk h3,
.mw-body .toctitle,
.uls-search {
  border: none
}
#mw-related-navigation .sidebar-chunk,
#mw-site-navigation .sidebar-chunk {
  padding: 1.25em 1.25em 0
}
#content-bottom-stuff a:not(.new,.new a),
#mw-content a:not(.new,.new a),
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-layout a,
.sidebar-chunk a:not(.new,.new a),
.toctogglelabel,
.tux-breadcrumb__item--aggregate,
.uls-language-block a {
  color: var(--link)
}
#mw-content-container,
#mw-header-container,
#mw-header-hack .color-left,
#mw-header-hack .color-middle,
#mw-header-hack .color-right,
.ext-discussiontools-ui-replyWidget-preview,
.ext-replacetext-searchoptions,
.ext-translate-container .tux-messagelist .tux-message-pagemode,
.ext-translate-container .tux-messagelist .tux-message-proofread,
.mw-echo-ui-placeholderItemWidget,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td,
body>div.ve-ui-overlay-global.ve-ui-overlay-global-desktop.ve-ui-overlay>div>div>div.oo-ui-window-frame>div.oo-ui-window-content.oo-ui-dialog-content.oo-ui-processDialog-content.ve-ui-nodeDialog.ve-ui-mwTemplateDialog.ve-ui-mwTransclusionDialog-expanded.oo-ui-window-content-setup.oo-ui-window-content-ready>div.oo-ui-window-body>div.ve-ui-mwFloatingHelpElement.ve-ui-mwTransclusionDialog-floatingHelpElement>div>div {
  background: 0 0
}
.grid .tux-message-editor .infocolumn-block,
.mw-highlight,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.oo-ui-tabSelectWidget-framed,
.thumbinner,
.tux-action-bar button.down,
.wikiEditor-ui-toolbar,
code {
  background: var(--less-dark-grey)
}
#mw-content {
  background: var(--more-dark-grey);
  border: solid var(--more-dark-grey-border);
  box-shadow: 0 0 .7rem #000
}
#mw-content a:hover:not(.new,.new a),
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-layout a:hover,
.sidebar-chunk a:hover:not(.new,.new a) {
  color: var(--link-hover)
}
#content-bottom-stuff a:visited:not(.new,.new a),
#mw-content a:visited:not(.new,.new a),
.oo-ui-layout a:visited,
.sidebar-chunk a:visited:not(.new,.new a) {
  color: var(--link-visited)
}
#mw-content a:visited:hover:not(.new,.new a),
.oo-ui-layout a:visited:hover,
.sidebar-chunk a:visited:hover:not(.new,.new a) {
  color: var(--link-visited-hover)
}
.mw-helplink {
  color: #942b00!important
}
.mw-page-title-separator {
  margin-right: .25em
}
.mw-warning,
.toc,
.toccolours,
ul#filetoc {
  padding: 1.25rem;
  background: var(--less-dark-grey);
  border: 3px solid var(--less-dark-grey-border);
  box-shadow: 0 0 4px #000;
  border-radius: 15px
}
.thumbinner {
  border: solid var(--less-dark-grey-border);
  border-radius: 10px;
  padding: 0;
  min-width: 256px;
  max-width: 567px
}
.thumbcaption {
  padding: 1em
}
.thumbimage {
  width: 100%;
  display: flex;
  margin: 0
}
@media screen and (min-width:1099px) {
  .thumbinner {
    margin-left: unset;
    margin-right: unset
  }
}
.oo-ui-menuToolGroup,
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled>.oo-ui-popupToolGroup-handle,
.thumbborder,
.thumbinner .thumbimage,
figure[typeof~="mw:File/Thumb"]>a:first-child>:first-child:not(.mw-broken-media) {
  border: 0
}
.thumb:not(.gallerybox div.thumb) {
  filter: drop-shadow(0 0 6px #000)
}
.mw-body li.gallerybox div.thumb {
  background-color: var(--less-dark-grey);
  border: solid var(--less-dark-grey-border);
  border-radius: 10px
}
.gallerybox {
  margin: .25em;
  filter: drop-shadow(0 0 4px #000)
}
code {
  border: 1px solid var(--more-dark-grey)
}
pre:not(.mw-highlight pre) {
  color: #fff;
  background-color: rgba(0,0,0,.25);
  border: none;
  border-radius: 16px
}
.mw-datatable,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
.oo-ui-messageDialog-title,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-table td,
.wikitable {
  color: #fff
}
.mw-datatable th,
.wikitable,
.wikitable > * > tr > th {
  background: #17181d
}
.mw-datatable tr td,
.mw-datatable tr:hover td,
.wikitable tr {
  background: #2d3135
}
.mw-datatable tr:nth-child(2n) td,
.mw-datatable tr:nth-child(2n) td:hover,
.wikitable tr:nth-child(2n) {
  background: #212428
}
.mw-datatable,
.mw-datatable > * > tr > td,
.mw-datatable > * > tr > th,
.wikitable,
.wikitable > * > tr > td,
.wikitable > * > tr > th {
  border: 2px solid #414b57
}
#pagehistory li.selected {
  background: #2d3135;
  outline: #6e7d8f dashed 1px
}
.updatedmarker {
  background: 0 0;
  color: #b7f430;
  font-weight: 700
}
#simpleSearch,
.diff-context {
  background: var(--less-dark-grey)
}
.diff-context {
  border-color: #41474c;
  color: inherit
}
.diff-addedline {
  border-color: var(--green)
}
.diff-addedline .diffchange,
.tux-message-item.translated {
  background: var(--green)
}
.diff-deletedline .diffchange {
  background: var(--red)
}
@media screen and (max-width:1099px) {
  #first-cell {
    display: inline
  }
  .mw-headline,
  .mw-headline-sub {
    text-align: center
  }
}
.not-patrolled {
  background-color: #282a1a
}
#mw-content-text > div > ul > li {
  padding-top: .35em
}
#mw-content-text > div > ul > li:first-child {
  padding-top: unset
}
/*! ⏸️ fix white background when zoomed in */
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-toolbar-bar,
.oo-ui-toolbar-position-top>.oo-ui-toolbar-bar,
ol.references li:target,
sup.reference:target {
  background-color: var(--less-dark-grey)
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
  background: #0000003d
}
.oo-ui-messageDialog-message,
.oo-ui-toolbar-bar,
.wikiEditor-ui-toolbar .group .label {
  color: inherit
}
.oo-ui-popupWidget-popup {
  background: var(--more-dark-grey);
  border: 2px solid var(--less-dark-grey)
}
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget,
.oo-ui-toolbar-position-top>.oo-ui-toolbar-bar {
  border-bottom: 0
}
div.magnify a {
  background-image: url(https://wiki-files.vrchat.com/Icons_Expand.png?20250301125603);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center
}
.mw-body .oo-ui-toolbar-bar {
  border-radius: 15px 15px 0 0
}
.ve-ui-mwGalleryDialog-highlighted-image {
  background: center/contain no-repeat
}
.tux-action-bar button:hover,
.tux-message-tools-menu li a:hover,
.ve-ui-mwSaveDialog-options,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
  background: var(--more-dark-grey)
}
.ve-ui-targetWidget {
  border: 1px solid var(--less-dark-grey)
}
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container {
  border: 1px solid var(--less-dark-green-border)
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
  border: 3px solid var(--less-dark-grey);
  background-color: var(--more-dark-grey);
  border-radius: 16px;
  overflow: hidden
}
.ve-ui-mwSaveDialog-options {
  border: 0
}
.oo-ui-processDialog-content .oo-ui-window-foot,
.oo-ui-processDialog-content .oo-ui-window-head {
  outline: 2px dotted var(--less-dark-grey)
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
  background: #0008
}
.oo-ui-processDialog-errors {
  background: #0009;
  backdrop-filter: blur(4px)
}
.oo-ui-processDialog-errors-title {
  color: inherit;
  background: 0 0
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
  background-color: #200;
  border-color: #d33
}
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:File/Thumb"] > figcaption {
  width: auto!important;
  background: var(--more-dark-green);
  border: solid var(--less-dark-green);
  border-top: 0
}
figure.ve-ce-mwBlockImageNode {
  border: solid var(--less-dark-green);
  border-bottom: 0
}
.mwe-popups {
  border: solid 3px var(--less-dark-grey-border);
  border-radius: 15px
}
.mwe-popups,
.mwe-popups .mwe-popups-extract,
.mwe-popups-container {
  background: var(--less-dark-grey)!important;
  color: var(--faux-white)!important
}
.mwe-popups .mwe-popups-extract[dir=ltr]::after {
  background-image: linear-gradient(to right,rgba(255,255,255,0),var(--less-dark-grey) 50%)
}
.mw-pt-languages {
  color: unset;
  background-color: transparent;
  border: dotted 3px var(--more-dark-grey-border);
  margin-bottom: 1em
}
.mw-pt-languages-ui {
  font-weight: 400
}
.mw-pt-languages-selected,
.pi-title p {
  font-weight: 700
}
.mw-pt-progress {
  padding: 0;
  background: 0 0
}
.mw-pt-progress::after {
  display: inline-block;
  content: "";
  width: .6em;
  height: .6em;
  border-radius: 100%;
  margin-left: .25em
}
.mw-changeslist-legend,
.uls-menu {
  border: 3px solid var(--less-dark-grey-border)
}
.mw-pt-progress--complete::after {
  background-color: var(--green)
}
.mw-pt-progress--high::after {
  background-color: #e8d222
}
.mw-pt-progress--med::after {
  background-color: var(--yellow)
}
.mw-pt-progress--low::after,
.mw-pt-progress--stub::after {
  background-color: var(--red)
}
.uls-menu {
  background-color: var(--less-dark-grey);
  border-radius: 16px;
  color: var(--faux-white)
}
.uls-language-option--highlighted {
  background-color: transparent!important
}
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu {
  border-right: 0px
}
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active>.oo-ui-popupToolGroup-handle {
  background-color: var(--more-dark-grey)
}
.oo-ui-popupToolGroup-tools {
  background-color: var(--less-dark-grey);
  border: 1px solid var(--less-dark-grey-border)
}
.ve-ui-expandableContent-toggle,
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
  background-color: unset
}
.ve-ui-expandableContent-fade {
  background: linear-gradient(to right,rgb(0 0 0 / 0%) 0,#1b1f23 90%)
}
.mw-footer-container {
  border-top: solid 1px var(--less-dark-grey);
  background: #1a1d1c
}
#mw-content-container {
  /*! border-bottom: solid 4px var(--ns-current-color); | adapts to namespace color */
  border-bottom: solid 4px var(--link)
}
.mw-footer {
  max-width: 80em
}
#content-bottom-stuff {
  background: #10171c
}
.mw-footer li,
.mw-footer ul {
  margin: 0;
  padding: .3em 0
}
.pi-item p,
.pi-section-tab {
  margin: 0!important
}
#mw-header-container {
  position: relative;
  padding-top: 5em;
  color: #fff
}
#mw-header {
  max-width: 115em;
  justify-content: right
}
#mw-header-hack {
  box-shadow: 0 0
}
#simpleSearch {
  border: 3px solid #39404a;
  border-radius: 8px;
  height: 38px;
  box-shadow: 0 0 .4rem #000
}
#searchInput {
  color: #fff;
  height: 2.3em
}
#p-search {
  flex: 0 1 auto;
  padding-right: 1em
}
#p-search input:focus,
.tux-message-editor textarea {
  outline: 0
}
#searchInput::placeholder {
  opacity: .8;
  font-weight: 500
}
#mw-searchButton,
input#searchButton {
  filter: invert(1);
  right: .5em;
  height: 3em
}
#user-tools {
  width: 12.5em;
  min-width: 0;
  display: flex;
  justify-content: center
}
#personal {
  padding: 0
}
#personal h2 {
  padding: .25em 0 0 1.5em;
  white-space: nowrap;
  text-overflow: ellipsis
}
#personal .dropdown {
  background: #16191c;
  border: solid var(--very-dark-grey-border);
  border-radius: 8px
}
#personal .dropdown:before {
  border-bottom: 10px solid transparent
}
#personal .dropdown::after {
  border-bottom-color: #252e34;
  top: -10px
}
.pi-theme-community,
.pi-theme-official {
  --pi-background: var(--less-dark-grey);
  --pi-secondary-background: var(--pi-border-color);
  --pi-item-spacing: 1rem;
  --pi-border-color: var(--less-dark-grey-border);
  --pi-width: 24em;
  --pi-margin: 2rem;
  border: 3px solid var(--pi-border-color);
  color: var(--faux-white);
  border-radius: 20px;
  box-shadow: 0 0 8px #000;
  padding: 0
}
.skin-timeless #mw-content-text .pi-data-label {
  font-family: var(--font-header)
}
.pi-header,
.pi-title {
  text-align: center
}
.pi-data-value:not(.pi-horizontal-group-item),
.pi-item[data-source=youtube] {
  padding: 0!important
}
.pi-item.pi-data.pi-item-spacing:first-child {
  padding-top: var(--pi-item-spacing);
  border-bottom: 0
}
.pi-section-tab {
  border-width: 0!important;
  width: 100%!important;
  padding: .5rem!important
}
.pi-section-navigation {
  margin: 0!important;
  padding: 0!important;
  border-bottom: 1px solid var(--pi-border-color)
}
.pi-item.pi-data.pi-item-spacing {
  padding: calc(var(--pi-item-spacing)/ 2) var(--pi-item-spacing)
}
.pi-item.pi-data.pi-item-spacing:last-child {
  padding-bottom: var(--pi-item-spacing)
}
.pi-header {
  padding: 1em!important
}
.pi-image-thumbnail {
  border-radius: 12px
}
.portable-infobox h2::after {
  display: none!important
}
@media screen and (max-width:700px) {
  .portable-infobox {
    width: 98.5%
  }
}
.oo-ui-panelLayout-framed {
  border: 3px solid #444d57;
  color: #fff
}
.oo-ui-menuLayout-content {
  background: #1b1f23
}
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed {
  border-color: #444d57
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  background: #1b1f23;
  color: #fff
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
  background: #1b1f23;
  color: inherit
}
#mw-prefs-form .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.tux-message-selector .more ul {
  background: var(--very-dark-grey);
  border: 2px solid var(--very-dark-grey-border)
}
#mw-prefs-form .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background: #1d2327;
  border: 2px solid #364046
}
.oo-ui-menuSelectWidget {
  background: #161b1e;
  border-color: #000;
  box-shadow: 0 0 5px #000
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background: #0c0f10
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-head,
.mw-echo-ui-pageNotificationsOptionWidget.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,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.tux-editor-control-buttons .mw-ui-button.mw-ui-quiet:hover,
.tux-messagetable-header.floating {
  background: var(--very-dark-grey)
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  background: #151719;
  border: 1px solid #2f363b;
  color: #fff
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background: #202326;
  border: 1px solid #3e484e;
  color: #fff
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
  outline: 0;
  box-shadow: none;
  border-color: #2f363b
}
.mw-prefs-buttons {
  background: 0 0;
  border: 0;
  filter: drop-shadow(0 0 10px #000)
}
.oo-ui-tabOptionWidget {
  color: #ffffffab
}
.mw-body .mw-search-profile-tabs {
  background: #151719;
  border: solid #2f363b
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
  background: var(--very-dark-grey);
  border: 2px solid var(--very-dark-grey-border);
  color: #fff
}
.oo-ui-indicator-clear {
  filter: invert(1);
  top: 8px
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background: var(--very-dark-grey);
  border: 0;
  color: inherit
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  background: #141719
}
.mw-notification {
  background: var(--more-dark-green);
  border-color: var(--less-dark-green);
  color: var(--faux-white)
}
.link-audio,
.link-document,
.link-ftp,
.link-irc,
.link-mailto,
.link-video,
.mw-parser-output a.external {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtZXh0ZXJuYWwtbGluayI+PHBhdGggZD0iTTE1IDNoNnY2Ii8+PHBhdGggZD0iTTEwIDE0IDIxIDMiLz48cGF0aCBkPSJNMTggMTN2NmEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMlY4YTIgMiAwIDAgMSAyLTJoNiIvPjwvc3ZnPg==);
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 1.5em;
  background-size: 16px
}
.mw-echo-ui-notificationItemWidget {
  background-color: var(--more-dark-grey);
  border: 1px solid var(--less-dark-grey-border)
}
.mw-echo-ui-notificationItemWidget:hover {
  background-color: var(--less-dark-green)
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
  border-bottom-color: var(--less-dark-grey)
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.tux-dropdown-menu {
  background: var(--less-dark-grey);
  border: 2px solid var(--less-dark-grey-border)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background: var(--more-dark-grey);
  border: 1px solid #000;
  color: var(--faux-white)
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
  background: var(--more-dark-grey);
  border: 2px solid var(--more-dark-grey-border)
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before {
  border-top-color: var(--more-dark-grey-border)
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
  color: #9fa0a0
}
.mw-rcfilters-ui-menuSelectWidget-footer {
  background: var(--less-dark-grey);
  border-top: 1px solid var(--less-dark-grey-border)
}
.ext-translate-container .tux-messagelist .tux-message-proofread:last-child .tux-message-item-compact,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
  border-bottom: 2px solid var(--less-dark-grey-border)
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
  background: #322c2c
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
  color: #c38787
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
  box-shadow: none
}
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: var(--less-dark-grey);
  border: solid var(--less-dark-grey-border);
  color: var(--faux-white);
  box-shadow: 0 0 .4rem #000
}
.mw-changeslist-legend {
  background-color: var(--less-dark-grey);
  border-radius: 15px;
  color: var(--faux-white);
  box-shadow: 0 0 .4rem #000
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background-color: var(--less-dark-grey);
  border: 3px solid var(--less-dark-grey-border);
  border-radius: 15px
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
  color: #e6e6e6
}
.mw-pt-translate-header,
.mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget {
  border-bottom: none
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views {
  padding-top: 1em
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-input {
  padding-right: 10px
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-tagMultiselectWidget-input input {
  border-radius: 10px
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
  background: var(--more-dark-grey);
  border: 2px solid var(--more-dark-grey-border);
  border-radius: 10px
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  background: var(--very-dark-grey);
  border-color: transparent
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
  outline: 2px solid var(--less-dark-grey)
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
  border-right: 2px solid var(--less-dark-grey)
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
  background: 0 0;
  box-shadow: none
}
.mw-echo-ui-crossWikiUnreadFilterWidget,
.tux-message-editor {
  border: 2px solid var(--less-dark-grey-border)
}
.ext-discussiontools-init-targetcomment {
  background: #4f4f4f24
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
  background: var(--very-dark-grey);
  border-color: var(--very-dark-grey-border)
}
.mw-echo-ui-notificationItemWidget-initiallyUnseen {
  background-color: #382f00!important
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
  border-bottom: 2px solid var(--more-dark-grey-border)
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
  border-top: 2px solid var(--more-dark-grey-border)
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
  border-left: 2px solid var(--more-dark-grey-border)
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
  border-bottom-color: var(--very-dark-grey)
}
.oo-ui-pendingElement-pending {
  background-color: var(--very-dark-grey);
  background-image: linear-gradient(135deg,var(--very-dark-grey-border) 25%,transparent 25%,transparent 50%,var(--very-dark-grey-border) 50%,var(--very-dark-grey-border) 75%,transparent 75%,transparent);
  animation: 650ms linear infinite oo-ui-pendingElement-stripes
}
.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .sections .section,
div.editOptions {
  border-color: var(--more-dark-grey)
}
div.editOptions {
  background: var(--less-dark-grey);
  color: inherit
}
/*! ⏸️  mimic style of caution noticebox when in source editor */
body.action-edit:not(.ve-activated) .cdx-message--warning,
body.action-submit:not(.ve-activated) .cdx-message--warning {
  background-color: var(--background-color-warning-subtle,#202114);
  border: 3px solid #9e8600!important;
  color: #fff;
  border-radius: 10px
}
/*! ⏸️ "special characters & help" improved readability */
.wikiEditor-ui-toolbar .page-table th {
  color: #a4a4a4
}
.sidebar-chunk {
  border-radius: 15px
}
#p-logo {
  display: inline
}
.mw-wiki-logo img {
  transition: transform .15s ease-in-out;
  filter: drop-shadow(0 0 2px #000)
}
.mw-wiki-logo img:hover {
  transform: scale(1.08)
}
@media screen and (min-width:1100px) {
  #mw-content-container {
    margin-top: 2.5em
  }
  #mw-content {
    border-radius: 15px
  }
  #mw-content-wrapper {
    padding: 1em 0 0
  }
  #first-cell {
    display: flex
  }
  #user-tools {
    background: var(--less-dark-grey);
    border-radius: 8px;
    border: 3px solid #39404a;
    box-shadow: 0 0 .4rem #000;
    transition: background-color .1s ease-in-out
  }
  #user-tools:has(.dropdown-active) {
    background: #16191c;
    border: 2px solid #24282e
  }
  #user-tools h2 {
    top: .15em;
    margin-left: .4em;
    background-image: none;
    position: relative
  }
  #personal-extra {
    top: .15em;
    float: left;
    left: -25px;
    position: relative;
    transform: scale(.85)
  }
  #personal .dropdown {
    top: 3em;
    right: -5em
  }
  #mw-related-navigation .sidebar-chunk,
  #mw-site-navigation .sidebar-chunk {
    background: var(--less-dark-grey);
    color: var(--faux-white);
    border: solid var(--less-dark-grey-border);
    box-shadow: 0 0 .7rem #000
  }
  #mw-related-navigation .sidebar-chunk .mw-portlet-body,
  #mw-site-navigation .sidebar-chunk .mw-portlet-body {
    margin-bottom: 1.5em
  }
}
#mw-related-navigation {
  width: 14em;
  flex: 0 0 14em
}
@media screen and (max-width:1099px) {
  #p-logo {
    display: none
  }
  #site-tools h2 {
    right: 4em
  }
  #user-tools h2 {
    right: 0
  }
  .dropdown,
  .sidebar-inner {
    background: var(--less-dark-grey);
    color: var(--faux-white);
    border: solid 3px var(--less-dark-grey-border);
    border-radius: 15px
  }
  #menus-cover {
    background: var(--more-dark-grey);
    opacity: .75
  }
  #mw-related-navigation .sidebar-chunk,
  #mw-site-navigation .sidebar-chunk {
    border: 0
  }
}
.mw-translate-fuzzy {
  background-color: #ff72cf36;
  color: unset;
  border: none
}
.tux-action-bar,
.tux-messagelist {
  background-color: transparent;
  color: var(--faux-white)
}
.mw-translate-fuzzy > :first-child {
  margin-top: 0!important
}
.mw-translate-fuzzy > :last-child {
  margin-bottom: 0!important
}
.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact {
  background: 0 0;
  border: 3px dotted var(--more-dark-grey-border);
  border-top: none;
  max-width: 100%
}
.ext-translate-container .tux-messagelist .tux-message-pagemode:first-child .tux-message-item-compact {
  border-top: 3px dotted var(--more-dark-grey-border)
}
.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover {
  background: var(--more-dark-grey-border)
}
.tux-action-bar {
  box-shadow: none
}
.tux-action-bar button {
  background-image: none;
  background-color: var(--very-dark-grey);
  border: 2px solid var(--very-dark-grey-border);
  color: var(--faux-white)
}
.tux-messagetable-header {
  border-bottom: 3px solid var(--more-dark-grey-border)
}
.tux-message-selector li.selected {
  border-bottom: 3px solid #36c;
  margin-bottom: -2px
}
.tux-breadcrumb,
.tux-editor-header {
  color: unset
}
.tux-message-filter-box,
.tux-message-filter-box:focus-visible {
  border: 2px solid var(--very-dark-grey-border);
  outline: 0;
  color: var(--faux-white)
}
.tux-action-bar.floating {
  background: var(--very-dark-grey);
  border-top: 3px solid var(--more-dark-grey-border)
}
.tux-messagetable-loader {
  background: 0 0;
  box-shadow: none;
  color: var(--faux-white)
}
.ext-translate-language-selector .mw-ui-button {
  background: var(--very-dark-grey);
  border: 1px solid var(--very-dark-grey-border);
  color: var(--faux-white)
}
.mw-ui-button:not(:disabled):hover {
  background: var(--more-dark-grey);
  border: 1px solid var(--more-dark-grey-border);
  color: var(--faux-white)
}
#uls-settings-block:not(.uls-settings-block--vector-2022),
.uls-menu .uls-no-results-view .uls-no-found-more {
  background: 0 0;
  border-top: 0
}
.tux-message-item {
  background: var(--red);
  border-bottom: 2px solid var(--very-dark-grey)
}
.tux-message-item:hover {
  background: #882121
}
.tux-message-item.proofread {
  background: var(--yellow);
  color: #000
}
.tux-message-item.proofread:hover {
  background: #bca111
}
.tux-message-item.translated:hover {
  background: #245220
}
.ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact:hover {
  background: #252a30aa
}
.ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact {
  background: var(--less-dark-grey);
  border-bottom: 2px solid var(--less-dark-grey-border);
  border-left: 2px solid var(--less-dark-grey-border);
  border-right: 2px solid var(--less-dark-grey-border)
}
.ext-translate-container .tux-messagelist .tux-message-proofread:first-child .tux-message-item-compact {
  border-top: 2px solid var(--less-dark-grey-border)
}
.tux-messagelist .tux-message-proofread .tux-proofread-translation {
  color: #98eb9b
}
.grid .row .tux-message-editor {
  margin: 0 auto
}
.tux-message-editor .editcolumn {
  background: var(--more-dark-grey);
  border-right: 2px solid var(--less-dark-grey-border)
}
.tux-message-editor__caret::after,
.tux-message-editor__caret::before {
  border-right-color: var(--less-dark-grey-border)
}
.tm-suggestion {
  background: var(--very-dark-grey);
  border: 2px solid var(--less-dark-grey-border)
}
.tux-editor-control-buttons .mw-ui-button.mw-ui-quiet {
  background: var(--less-dark-grey);
  color: var(--faux-white)
}
.tux-notice {
  background-color: var(--very-dark-grey)
}
.ext-translate-container .tux-messagelist .tux-message-pagemode:last-child .tux-message-item-compact {
  border-bottom: 3px dotted var(--more-dark-grey-border)
}
/*! ⏸️ | hack, add margin to bottom of source translate notice */
.translate-edit-documentation {
  margin-bottom: 1em
}
:root {
  --faux-white: #f8f9fa;
  --blue-text: #6ae3f9;
  --more-dark-green: #07242b;
  --more-dark-green-border: #053c48;
  --less-dark-green: #07343f;
  --less-dark-green-border: #086c84;
  --very-dark-grey: #101315;
  --very-dark-grey-border: #232a2e;
  --more-dark-grey: #181b1f;
  --more-dark-grey-border: #282a2e;
  --less-dark-grey: #252a30;
  --less-dark-grey-border: #3c4148;
  --link: #6bd4ff;
  --link-hover: #468ca9;
  --link-visited: #509fdd;
  --link-visited-hover: #3874a3;
  --red: #b32c2c;
  --yellow: #ecca12;
  --green: #34762e;
  --font-header: "Exo 2 Variable","Linux Libertine","Times New Roman","Liberation Serif","Nimbus Roman","Noto Serif","Times",sans-serif;
  --font-sans: "Noto Sans Variable","Segoe UI","Segoe UI Emoji","Segoe UI Symbol","Lato","Liberation Sans","Helvetica Neue","Helvetica",sans-serif
}