User:Tikal./common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* TCRF.net - Dark Common CSS */

:root {
 --white-90: hsl(0, 0%, 90%);
 --bg-dark: hsl(120, 2%, 19%);
 --dark-5: hsl(0, 0%, 5%);
 --dark-15: hsl(0, 0%, 15%);
 --dark-25: hsl(0, 0%, 25%);
 --dark-35: hsl(0, 0%, 35%);
 --dark-45: hsl(0, 0%, 45%);
 --dark-55: hsl(0, 0%, 55%);

 --darka-35: hsla(0, 0%, 0%, 0.35);

 --link: hsl(120, 100%, 87%);
 --a-blue-visited: hsl(220, 100%, 66%);
 --a-blue: hsl(220, 100%, 80%);
 --a-red: hsl(1, 100%, 65%);
 --a-lightred: hsl(0, 70%, 70%);
 
 --tcrf-green: hsl(120, 100%, 77%);
 --tcrf-green2: hsl(120, 100%, 87%);

 --focus-highlight: hsl(120, 100%, 87%);
 --border-radius-2: 2px;
}

/* Revamped Translation Progress Icons */
.mw-pt-progress--stub { background-image: url("https://raw.githubusercontent.com/404UNFca/TCRFDark/main/prog1.png"); }
.mw-pt-progress--low { background-image: url("https://raw.githubusercontent.com/404UNFca/TCRFDark/main/prog2.png"); }
.mw-pt-progress--med { background-image: url("https://raw.githubusercontent.com/404UNFca/TCRFDark/main/prog3.png"); }
.mw-pt-progress--high { background-image: url("https://raw.githubusercontent.com/404UNFca/TCRFDark/main/prog4.png"); }
.mw-pt-progress--complete { background-image: url("https://raw.githubusercontent.com/404UNFca/TCRFDark/main/prog5.png"); }

/* Main body */
body {
    background-color: var(--bg-dark);
    background-image: url("https://raw.githubusercontent.com/404UNFca/TCRFDark/main/tcrf-dark.png");
}

/* Top of page gradient */
#mw-page-base {
    background-image: linear-gradient(to top, var(--bg-dark) 30%, var(--dark-5));
    background-color: transparent;
}
/* Top of page links */
#p-personal a {
    color: var(--a-blue);
}
#p-personal a:visited {
    color: var(--a-blue-visited);
}

/* Document body */
.mw-body {
	background-color: var(--dark-25);
    color: var(--white-90);
    border-color: var(--dark-45);
}

/**
 * Main page boxes
 * Thank you CounterDiving for adding IDs to those boxes!
 */
/* "# articles and counting" box */
#statistics-bar {
	border: 1px solid var(--dark-45) !important;
	background: var(--dark-15) !important;
    color: var(--white-90) !important;
}
/* Featured Article box */
#featured-area {
	border: 1px solid var(--dark-45) !important;
	background: var(--dark-15) !important;
}
/* Did You Know box */
#dyk-area {
	border: 1px solid var(--dark-45) !important;
	background: var(--dark-15) !important;
}
/* "Contributing" box */
#contrib-area {
	border: 1px solid var(--dark-45) !important;
	background: var(--dark-15) !important;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: var(--white-90);
}
h1, h2 {
    border-bottom: 1px solid var(--dark-45);
}

/* Linkage - General */
a.new, #p-personal a.new {
    color: var(--a-lightred);
}
a {
    color: var(--a-blue);
}
a:visited {
    color: var(--a-blue-visited);
}
a:active {
    color: var(--a-blue);
}

/* History diffs */
.diff-context {
    background: var(--dark-35);
    border-color: var(--dark-45);
    color: var(--white-90);
}
.diff-addedline .diffchange {
    background: var(--dark-35);
    color: var(--tcrf-green);
}
.diff-deletedline .diffchange {
    background: var(--dark-35);
    color: var(--a-lightred);
}
.diff-addedline {
    border-color: var(--tcrf-green);
}
.diff-deletedline {
    border-color: var(--a-lightred);
}

/* Text area stuff */
textarea {
    background-color: var(--dark-5);
    color: var(--white-90);
    border-color: var(--dark-45);
}

/**
 * Wiki Editor UI
 * This one's gonna be brutal, but I'm in it to win it.
 */

.editOptions {
    background-color: var(--dark-15);
    color: var(--white-90);
    border: 1px solid var(--dark-45);
}

.mw-editform #wpTextbox1 {
    background-color: var(--dark-5);
    color: var(--white-90);
}
.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid var(--dark-45);
}
.wikiEditor-ui-toolbar {
    background-color: var(--dark-15);
    background-image: none;
}
.wikiEditor-ui-toolbar .sections .section {
    border-top: 1px solid var(--dark-45);
    background-color: var(--dark-15);
}
.wikiEditor-ui-toolbar .group {
    border-right: 1px solid var(--dark-45);
}
.wikiEditor-ui-toolbar .group .tool-select {
    border: 1px solid var(--dark-45);
    background-color: var(--dark-35);
}
.wikiEditor-ui-toolbar .group .tool-select .label {
    color: var(--white-90);
}
.wikiEditor-ui-toolbar .group .tool-select .options {
    border: 1px solid var(--dark-45);
    background-color: var(--dark-35);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: var(--white-90);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
    background-color: var(--dark-25);
}
.wikiEditor-ui-toolbar .group-search {
    border-left: 1px solid var(--dark-45);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: var(--white-90);
}
.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {
    color: var(--a-blue-visited);
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement {
    margin: 0.1em;
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
    background-color: transparent;
    outline: 0 none;
}
.wikiEditor-ui-toolbar .group .label {
    color: var(--white-90);
}
.wikiEditor-ui .wikiEditor-ui-view {
    border: 1px solid var(--dark-45);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: var(--dark-45);
    color: var(--dark-15);
}
.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid var(--dark-45);
    color: var(--white-90);
}
.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: var(--focus-highlight);
}
.wikiEditor-ui-toolbar .booklet .index div {
    color: var(--white-90);
}
.wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td {
    color: var(--white-90);
}

/* Translation */
.ext-translate-language-selector .uls {
    color: var(--a-blue-visited);
}
.mw-parser-output {
    color: var(--white-90);
}
.uls-search {
    background-color: var(--dark-35);
    border-bottom: 1px solid var(--dark-45);
}
.uls-languagefilter {
    background-color: var(--dark-35);
    color: var(--white-90);
}
.uls-lcd {
    background-color: var(--dark-25);
}
.ext-translate-container .tux-messagelist .tux-message-pagemode {
    background: var(--dark-25);
}
.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact {
    border-bottom: 1px solid var(--dark-45);
    border-left: 1px solid var(--dark-45);
    border-right: 1px solid var(--dark-45);
    background: var(--dark-15);
}
.ext-translate-container .tux-messagelist .tux-message-pagemode:first-child .tux-message-item-compact {
    border-top: 1px solid var(--dark-45);
}
.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover {
    background: var(--dark-35);
}
.tux-messagelist .tux-message-pagemode .tux-pagemode-source {
    color: var(--white-90);
}
.tux-action-bar {
    background-color: var(--dark-15);
}
.tux-message-editor .editcolumn {
    background-color: var(--dark-15);
    color: var(--white-90);
}
.grid .tux-message-editor .messagekey {
    color: var(--white-90);
}
.tux-breadcrumb {
    color: var(--a-blue);
}
.tux-message-selector li a {
    color: var(--a-blue);
}
.tux-breadcrumb__item--aggregate {
    cursor: pointer;
    color: var(--a-blue-visited);
}
.tux-message-selector li.selected a {
    color: var(--a-blue-visited);
}
.tux-message-editor textarea {
    border: 1px solid var(--dark-45);
    background-color: var(--dark-25);
    color: var(--white-90);
}
.tux-editor-editsummary-block input:disabled {
    background-color: var(--dark-55);
}
.tux-editor-editsummary-block input {
	background-color: var(--dark-25);
    border: 1px solid var(--dark-45);
}
.grid .tux-message-editor .infocolumn-block {
    background: var(--dark-25);
    color: var(--white-90);
}
.tux-editor-skip-button.mw-ui-button.mw-ui-quiet {
    background-color: hsl(1, 100%, 65%);
    color: var(--white-90);
}
.tux-editor-skip-button.mw-ui-button.mw-ui-quiet:hover {
    background-color: hsl(1, 100%, 75%);
    color: var(--white-90);
}
.tux-messagetable-header.floating {
    background: var(--dark-15);
}

/* Babel */
.mw-babel-box {
    color: var(--dark-5);
}
.mw-babel-box a {
    color: var(--a-blue-visited);
}
.mw-babel-header {
    background-color: var(--dark-15);
}
.mw-babel-wrapper {
	border: 1px solid var(--dark-45);
    background-color: var(--dark-25);
}

#mw-allmessagestable > tbody > tr > td {
    background-color: var(--dark-15);
}
#mw-allmessagestable > tbody > tr > td:hover {
    background-color: var(--dark-35);
}
#mw-allmessagestable tbody:hover td {
    background-color: var(--dark-35);
}
#mw-allmessagestable > thead > tr > th {
    background-color: var(--dark-5);
}

/* Page history - Selected revisions */
#pagehistory li.selected {
    background-color: var(--dark-15);
    color: var(--white-90);
    outline: 0 none;
}

/* Footer text */
#footer li { color: var(--white-90); }
#footer a { color: var(--a-blue); }

/* Msgboxes */
.msgbox {
    background-color: var(--darka-35) !important;
    color: var(--white-90) !important;
    border-color: var(--dark-45) !important;
}

/* Stupid ID-less "Don't Know How To Edit?" box */
.mw-editnotice.mw-editnotice-namespace.mw-editnotice-0 div {
    background-color: var(--dark-15) !important;
    border-color: var(--dark-45) !important;
}

.mw_metadata td {
    background-color: var(--dark-15);
}
.mw_metadata td, .mw_metadata th {
    border: 1px solid var(--dark-45);
}
.mw_metadata th {
    background-color: var(--dark-15);
}

.mw-pt-languages-list {
    background-color: var(--dark-15);
}
.mw-pt-languages-label {
    background-color: var(--dark-5);
}
.mw-pt-languages {
	border: 1px solid var(--dark-45);
}

/* Table of Contents */
.toc, .mw-warning, .toccolours {
    border: 1px solid var(--dark-45);
    background-color: var(--dark-15);
}

.tocnumber {
    color: var(--white-90);
}

.toctogglelabel {
    color: var(--a-blue-visited);
}

/* Code blocks */
.mw-code {
    color: var(--white-90);
    background-color: var(--darka-35);
    border: 1px solid var(--darka-35);
}

#filetoc {
    border: 1px solid var(--dark-45);
    background-color: var(--dark-15);
}

#image-info-box {
    background-color: var(--dark-15) !important;
    color: var(--white-90) !important;
    border: 1px solid var(--dark-45) !important;
}

/* Calendar Widget */
.mw-widget-calendarWidget {
    border: 1px solid var(--dark-45);
}
.mw-widget-calendarWidget-body-wrapper {
    background-color: var(--dark-25);
}
.mw-widget-calendarWidget-body-outer-wrapper {
    width: 292px;
}
.mw-widget-calendarWidget-header {
    background-color: var(--dark-35);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle {
    background-color: var(--dark-35);
    color: var(--white-90);
}
.mw-widget-calendarWidget-item {
    color: var(--white-90);
}
.mw-widget-calendarWidget-day-additional {
    color: var(--dark-55);
}
.mw-widget-calendarWidget-day-heading {
    color: var(--white-90);
}
.mw-widget-dateInputWidget-calendar {
    background-color: var(--dark-35);
}


#contentSub, #contentSub2 {
    color: var(--white-90);
}

/* Recent changes - No page found */
a.new, #p-personal a.new {
    color: var(--a-lightred);
}

.mw-parser-output a.external:visited {
    color: var(--a-blue-visited);
}

#mw-panel .portal .body li a:visited {
    color: var(--a-blue-visited);
}

#mw-panel .portal .body li a {
    color: var(--a-blue);
}

#mw-panel .portal h3 {
    color: var(--white-90);
}

/**
 * Recent Changes - Active Filter
 */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
	background-color: var(--dark-15);
}

/* "Active Filters" text at the top */
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: var(--white-90);
}

/* Active filter bubbles */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: var(--dark-35);
    color: var(--white-90);
}

/* Active filter bubble text height adjustment */
.oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
    line-height: 1.4em;
}

/* Namespaces & Tags area of Active Filters */
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select {
    background-color: var(--dark-35);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border-right: 1px solid var(--dark-45);
    border-top: 1px solid var(--dark-45);
    border-bottom: 1px solid var(--dark-45);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border: 1px solid var(--dark-45);
}

/* Edit summaries */
span.comment {
    color: var(--dark-55);
}

/* List of abbreviations */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--dark-15);
}

/* "View new changes since..." */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: var(--a-blue-visited);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: var(--dark-35);
}
.oo-ui-labelElement-label:active:visited { color: var(--a-blue-visited); }
.oo-ui-labelElement-label:active { background-color: var(--dark-35); }
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
    color: var(--a-blue);
    background-color: var(--dark-35);
}

/* "Live updates" & "# changes, # days" buttons */
.oo-ui-buttonElement-button {
    background-color: var(--dark-35) !important;
    color: var(--white-90) !important;
    border-color: var(--dark-35) !important;
}
.oo-ui-buttonElement-button:hover {
	background-color: var(--dark-45) !important;
    border-color: var(--dark-45) !important;
}
.oo-ui-buttonElement-button:active {
    background-color: var(--dark-35) !important;
}

/* "# changes, # days" dropdown panel */
.oo-ui-popupWidget-popup {
    background-color: var(--dark-35);
    border: 1px solid var(--dark-45);
    color: var(--white-90);
}


/* "# changes, # days" dropdown panel, "Recent hours" & "Recent days" text */
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
    color: var(--white-90);
}

/* Selected changes/days */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
/*    background-color: var(--tcrf-green); */
    color: var(--dark-25);
/*    border-color: var(--tcrf-green2); */
}

/* "Group results by page" checkbox */
/*.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
    background-color: var(--dark-25);
    border-color: var(--dark-45);
}*/

/* Group results by page checkbox, probably other checkboxes */
/*
.oo-ui-checkboxInputWidget:hover * {
    background-color: hsl(120, 100%, 27%) !important;
    box-shadow: inset 0 0 0 0.125em var(--tcrf-green);
}

.oo-ui-checkboxInputWidget[type="checkbox"]:active {
    background-color: hsl(120, 100%, 27%) !important;
    box-shadow: inset 0 0 0 0.125em var(--tcrf-green);
}

.oo-ui-checkboxInputWidget:active:hover * {
    background-color: hsl(120, 100%, 77%) !important;
}
*/

.oo-ui-labelElement .oo-ui-labelElement-label, .oo-ui-labelElement.oo-ui-labelElement-label {
    color: var(--white-90);
}

/* Bob template stuff */
.breakout {
    background: var(--dark-15);
}
.breakouttitle {
    color: var(--dark-15);
}

/* RC Filters */
.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: var(--dark-15);
    border-top: 1px solid var(--dark-45);
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-selectWidget-unpressed.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget-view-namespaces {
    background-color: var(--dark-35);
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-bottom: 1px solid var(--dark-45);
}
.oo-ui-menuSelectWidget {
    background-color: var(--dark-25);
    border: 1px solid var(--dark-45);
}
.mw-rcfilters-ui-row {
    background-color: var(--dark-25);
}
.mw-rcfilters-ui-rcTopSectionWidget-savedLinks {
    background-color: var(--dark-25);
}
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-table {
    background-color: var(--dark-25);
}
.oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
    background-color: var(--dark-15);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--dark-25);
}
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background-color: var(--dark-25);
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	background-color: var(--dark-25);
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: var(--white-90);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: var(--dark-25);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: var(--white-90);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
    border-bottom: 1px solid var(--dark-45);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-cell-filters {
    background-color: var(--dark-15);
}
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
    border-top: 4px solid var(--dark-45);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    border-color: var(--a-red);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    color: var(--a-red);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-helpIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-buttonWidget {
    padding-left: 8px;
}
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
    color: var(--white-90);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: var(--white-90);
}
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
    background-color: var(--white-90);
    border: 1px solid var(--white-90);
}
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedunseen div.mw-rcfilters-ui-highlights-color-none {
    background-color: var(--white-90);
    border: 1px solid var(--white-90);
}

div.thumbinner {
    border: 1px solid var(--dark-45);
    background-color: var(--dark-15);
}
/* Game series navbox stuff */
.navbox th {
    background: hsla(120, 100%, 90%, 0.6);
}
.navboxhead {
    background: hsla(120, 43%, 77%, 0.5) !important;
}
.navboxhead th a {
	color: var(--a-blue);
}

/* Gallery thumbnails */
#content .gallerybox div.thumb {
    background-color: var(--dark-35);
    border-color: var(--dark-45);
}
.gallerybox .thumb img {
    background-color: var(--dark-35);
}

/* Tables */
.wikitable {
    color: var(--white-90);
}
.wikitable th, .prettytable th {
    background: var(--dark-15);
}
.wikitable td, .prettytable td {
    border: 1px solid var(--dark-45);
    background-color: var(--dark-35);
}

/* Category section */
#catlinks {
    background-color: var(--dark-15);
    border: 1px solid var(--dark-45)
}
#catlinks a {
	color: var(--a-blue);
}
#catlinks a.new {
    color: var(--a-lightred);
}

/* Data Table */
.mw-datatable th {
    background-color: var(--dark-15);
}
.mw-datatable td, .mw-datatable th {
    border: 1px solid var(--dark-45);
}
.mw-datatable td {
    background-color: var(--dark-35);
}
.mw-datatable tr:hover td {
    background-color: var(--dark-55);
}


/* History page, Compare button */
.historysubmit {
    border: 1px solid var(--dark-45);
    background: var(--darka-35);
    color: var(--white-90);
    padding: 0.4em;
    border-radius: var(--border-radius-2);
}

/* No dark list bullets */
ul {
    list-style-image: none;
}

/* <pre>, <code> */
pre {
    background-color: var(--dark-15);
    color: var(--white-90);
    border-color: var(--dark-45);
    border-radius: var(--border-radius-2);
}

code {
	background-color: var(--dark-15);
    color: var(--white-90);
    border-color: var(--dark-45);
    border-radius: var(--border-radius-2);
}

tt {
	background-color: var(--dark-15);
    border: 2px solid var(--dark-15);
    border-radius: var(--border-radius-2);
}

fieldset {
    border: 1px solid var(--dark-45);
}
legend {
    font-weight: bold;
    color: var(--white-90);
}


/* Search Input */
#searchInput {
    border: 1px solid var(--dark-45);
}
#simpleSearch input {
    background-color: var(--dark-15);
    color: var(--white-90);
}
#searchInput:focus, #simpleSearch:hover #searchInput:focus {
	border: 1px solid var(--dark-45);
    outline: none;
    -webkit-box-shadow: inset 0 0 0 0px transparent,inset 0 0 0 0px transparent;
    box-shadow: inset 0 0 0 0px transparent,inset 0 0 0 0px transparent;
}

/*
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
    border-color: var(--tcrf-green) !important;
    box-shadow: 0 0 0 1px var(--tcrf-green) !important;
}

.oo-ui-buttonElement-button.webfonts-changed:focus-visible {
    border-color: var(--tcrf-green) !important;
    box-shadow: 0 0 0 1px var(--tcrf-green) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
    border-color: var(--tcrf-green) !important;
    box-shadow: 0 0 0 1px var(--tcrf-green) !important;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus {
    border-color: var(--tcrf-green) !important;
    box-shadow: 0 0 0 1px var(--tcrf-green) !important;
}
// Search text entry glow
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
    border-color: var(--tcrf-green2);
    box-shadow: inset 0 0 0 1px var(--tcrf-green);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
    border-color: var(--tcrf-green);
}
*/

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: var(--dark-35);
    color: var(--white-90);
    border: 1px solid var(--dark-45);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: var(--dark-35);
    border-color: var(--white-40);
}
.oo-ui-tagItemWidget {
    border: 1px solid var(--dark-45);
}

/* Show/Hide button for Active Filters positioning fix */
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top-hideshow {
    margin-top: 0.5em;
    padding-bottom: 0.5em;
}
/* Save current filter settings button (below the Show/Hide button, on the left, the ribbon icon */
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-cell-save {
    padding-right: 0.5em;
    background-color: var(--dark-15);
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    border: 1px solid var(--dark-45);
}

/* Parser profiling data */
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: var(--dark-15);
    color: var(--white-90);
}
.wikitable.preview-limit-report > .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: 1px solid var(--dark-45);
}
.wikitable.preview-limit-report {
    background-color: var(--dark-35);
    color: var(--white-90);
}

.suggestions-result {
    color: var(--white-90);
}
.suggestions-results {
    background-color: var(--dark-15);
    border: 1px solid var(--dark-45);
    color: var(--white-90) !important;
}
.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
    color: var(--white-90);
}
.suggestions-special {
    background-color: var(--dark-5);
    border: 1px solid var(--dark-45);
    color: var(--white-90);
}
.suggestions-special .special-query {
    color: var(--white-90);
}
.highlight {
    font-weight: bold;
    color: var(--a-blue);
}

.mw-search-profile-tabs {
    background-color: var(--dark-15);
    border: 1px solid var(--dark-45);
}
.search-types .current a {
    color: var(--a-blue);
}
.results-info {
    color: var(--white-90);
}
#mw-searchoptions {
    background-color: var(--dark-35);
    border: 1px solid var(--dark-45);
}


.ext-cc-language-selector__trigger {
    color: var(--a-blue);
}
.ext-cc-language-selector__trigger::after {
    border-top: 4px solid var(--a-blue);
}

/**
 * Change placeholder text color.
 * This is supposed to work, but it doesn't seem to work for me.
 */
::placeholder {
    color: var(--white-90);
    opacity: 1;
}

:-ms-input-placeholder {
    color: var(--white-90);
    opacity: 1;
}

::-ms-input-placeholder {
    color: var(--white-90);
    opacity: 1;
}

/* Plus/Minus text colors */
.mw-plusminus-pos {
    color: hsl(140, 70%, 40%);
}
.mw-plusminus-neg {
    color: var(--a-red);
}
.mw-plusminus-null {
    color: #a2a9b1;
}

/* Warning boxes */
.warningbox {
    background-color: var(--dark-15);
    color: var(--white-90);
    border: 2px solid #FC3;
    border-radius: 0 8px 0 8px;
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: var(--dark-25);
}

/* Live Updates button */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
/*    background-color: var(--tcrf-green); */
    color: var(--dark-25);
/*    border-color: var(--tcrf-green2); */
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    padding-left: 0.85714286em;
    padding-right: 0.85714286em;
}

input#wpUploadFile {
    background-color: var(--dark-15);
    color: var(--white-90);
    border: 1px solid var(--dark-45);
}

input#wpDestFile {
    background-color: var(--dark-15);
    color: var(--white-90);
    border: 1px solid var(--dark-45);
}

select#wpLicense {
    background-color: var(--dark-15);
    color: var(--white-90);
    border: 1px solid var(--dark-45);
}

textarea#wpUploadDescription {
    background-color: var(--dark-15);
    color: var(--white-90);
    border: 1px solid var(--dark-45);
}

.uls-ime-menu-settings-item {
    background-color: var(--dark-35);
    color: var(--white-90);
    border-top: 1px solid var(--dark-45);
}
.imeselector-menu {
    background-color: var(--dark-35);
    border: 1px solid var(--dark-45);
}
.imeselector-menu .selectable-row-item {
    color: var(--white-90);
}
.imeselector a, .ime-disable {
    color: var(--dark-55);
}
.imeselector-menu .selectable-row:hover {
    background-color: #36c;
}

.uls-menu {
    background-color: var(--dark-25);
    border: 1px solid var(--dark-45);
}
.uls-language-block > ul > li:hover {
    background-color: var(--a-blue);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: var(--dark-35);
    color: var(--white-90);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: var(--dark-45);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: var(--dark-35);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
    color: #000;
    border-color: var(--dark-45);
}

/**
 * Additional customizations past this point.
 * These things are not part of the TCRF Dark Mode theme.
 * Use them if you want to.
 */

/* This started out as a way of getting rid of the April Fool's Day 2020 Comic Sans font. */
* { font-family: Arial; }
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 { font-family: Arial; }

/* User Group-based Name Highlighting */
/* Bureaucrats */
.mw-userlink[href="/User:Bast"],
.mw-userlink[href="/User:CounterDiving"],
.mw-userlink[href="/User:Raspberry"],
.mw-userlink[href="/User:Rusty"] {
    color: hsl(48, 89%, 40%);
    font-weight: bold;
}

/* Administrators */
.mw-userlink[href="/User:GlitterBerri"],
.mw-userlink[href="/User:GoldS"],
.mw-userlink[href="/User:HugetteHikari"],
.mw-userlink[href="/User:Rick"],
.mw-userlink[href="/User:Sanqui"] {
    color: hsl(145, 63%, 49%);
    font-weight: bold;
}

/* Bots */
.mw-userlink[href="/User:FuzzyBot"],
.mw-userlink[href="/User:XkeeperBot"] {
    color: hsl(0, 0%, 50%);
    font-weight: bold;
}

/* Special */
.mw-userlink[href="/User:Revenant"] {
    color: hsl(283, 39%, 53%);
    font-weight: bold;
}
.mw-userlink[href="/User:Xkeeper"] {
    color: hsl(303, 100%, 82%);
    font-weight: bold;
}

/* Discord Mods */
.mw-userlink[href="/User:WaluigiBSOD"] {
    color: hsl(145, 63%, 49%);
    font-weight: bold;
    font-style: italic;
}
.mw-userlink[href="/User:Hawk"] {
    color: hsl(145, 63%, 49%);
    font-weight: bold;
    font-style: italic;
}

/* Removal of transparent image checkerboards */
.gallerybox { background: none;}
.thumb img { background: none; }
#file img { background: none; }

/* Make "Recent changes" sidebar entry bold. */
#n-recentchanges { font-weight: bold; }

/* Decrease font size of Categories box contents and center-align it because why not */
#catlinks {
    text-align: center;
    font-size: 0.7em;
}

/**
 * General hiding of things.
 *
 * #p-lang - "In other languages" section (since I only speak English).
 * #p-Games - The entire "Games" section.
 * #p-Community - The entire "Community" section.
 * #feedlinks - Tools, Atom RSS.
 * #t-print - Tools, "Printable version".
 * #t-permalink - Tools, "Permanent link".
 * #t-userrights - Tools, "View user groups".
 * #n-Rules-.26-Editing-Help - "Rules & Editing Help link" (I am a profeshnul).
 * .mw-editform .editHelp - "Editing help" text link beside the edit box's Cancel button.
 * .mw-pt-languages - The language bar to switch the language of the article you're reading.
 * .mw-pt-translate-header - Language bar header.
 * #mw-content-text #uploadtext - The entirety of the text above the Upload file page's Browse button.
 * .mw-htmlform-field-Licenses - The bloody license thing when you upload a file. There's no licenses to even use, so let's hide it.
 * #mw-clearyourcache - The bit of text above certain pages that instructs you on how to clear your cache to fix broken images.
 */
/* Commented out for now
#p-lang { display: none; }
#p-Games { display: none; }
#p-Community { display: none; }
#feedlinks { display: none; }
#t-print { display: none; }
#t-permalink { display: none; }
#t-userrights { display: none; }
#n-Rules-\.26-Editing-Help { display: none; }
.mw-editform .editHelp { display: none; }
.mw-pt-languages { display: none; }
.mw-pt-translate-header { display: none; }
#mw-content-text #uploadtext { display: none; }
.mw-htmlform-field-Licenses { display: none; }
#mw-clearyourcache { display: none; }
.mw-rcfilters-ui-FormWrapperWidget.oo-ui-widget-enabled.oo-ui-widget.cloptions.rcoptions { display: none; }
*/