MediaWiki:Minerva.css

Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.

• Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
• Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
• Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5.

/* Variables */

:root {
	/* Wiki Specific Colors Between RayWiki and Rayfanpedia */
	--gallerybox-div-thumb: var(--dark-border-color); /* RayWiki: '--dark-border-color' Rayfanpedia: '--light-border-color' */

	/* Background colors */
	--dark-bg-color: #161E1F;
	--dark-2-bg-color: #111617;
	--light-bg-color: #1A2729;
	--light-2-bg-color: #2A3F42;
	--light-3-bg-color: #222E30;

	/* Colors used for inactive tabs and UI buttons */
	--tab-button-bg-color-light: #233133;
	--tab-button-bg-color-dark: #141C1D;

	/* Border colors */
	--dark-border-color: #14392E;
	--light-border-color: #FFE74A; /* RayWiki shares the same color value for both light borders and link/header colors, where RayFanpedia does not. */
	--border-color-error: #d73333;

	/* Text colors */
	--text-color: #CEF582; /* Pastel-Yellow */
	--text-link-header-color: #FFE74A; /* Bright-Yellow */
	--text-link-hover-color: #FFC000;
	--text-link-new-color: #BA0000;
	--text-link-new-hover-color: #FA736F;
	--text-border-green-color: #1BEE1E;
	--text-disabled-color: #65704F;
	--text-inactive-tab-color: #CEF582; /* Raywiki shares the same color value for this variable as it does text color, where RayFanpedia does not. */

	/* Inline SVG images below must contain the value of --text-inactive-tab-color! */
	--image-external-link-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2220%22%20viewBox%3D%220%200%20640%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M579.8%20267.7c56.5-56.5%2056.5-148%200-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6%201.1c-14.4%2010.3-17.7%2030.3-7.4%2044.6s30.3%2017.7%2044.6%207.4l1.6-1.1c32.1-22.9%2076-19.3%20103.8%208.6c31.5%2031.5%2031.5%2082.5%200%20114L422.3%20334.8c-31.5%2031.5-82.5%2031.5-114%200c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4%206.9-34.4-7.4-44.6s-34.4-6.9-44.6%207.4l-1.1%201.6C206.5%20251.2%20213%20330%20263%20380c56.5%2056.5%20148%2056.5%20204.5%200L579.8%20267.7zM60.2%20244.3c-56.5%2056.5-56.5%20148%200%20204.5c50%2050%20128.8%2056.5%20186.3%2015.4l1.6-1.1c14.4-10.3%2017.7-30.3%207.4-44.6s-30.3-17.7-44.6-7.4l-1.6%201.1c-32.1%2022.9-76%2019.3-103.8-8.6C74%20372%2074%20321%20105.5%20289.5L217.7%20177.2c31.5-31.5%2082.5-31.5%20114%200c27.9%2027.9%2031.5%2071.8%208.6%20103.9l-1.1%201.6c-10.3%2014.4-6.9%2034.4%207.4%2044.6s34.4%206.9%2044.6-7.4l1.1-1.6C433.5%20260.8%20427%20182%20377%20132c-56.5-56.5-148-56.5-204.5%200L60.2%20244.3z%22%2F%3E%3C%2Fsvg%3E);
	--image-sort-descending-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M1%202h10l-5%208.658z%22%2F%3E%0A%3C%2Fsvg%3E);
	--image-sort-ascending-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M1%2010h10L6%201.342z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
	--image-checkmark-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A%2F%2Fwww.serif.com%2F%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M20.285%2C2L9%2C13.567L3.714%2C8.556L0%2C12.272L9%2C21L24%2C5.715L20.285%2C2Z%22%20style%3D%22fill%3Argb%28206%2C245%2C130%29%3Bfill-rule%3Anonzero%3B%22%2F%3E%0A%3C%2Fsvg%3E);
	--image-sort-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2210%22%20viewBox%3D%220%200%20320%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M137.4%2041.4c12.5-12.5%2032.8-12.5%2045.3%200l128%20128c9.2%209.2%2011.9%2022.9%206.9%2034.9s-16.6%2019.8-29.6%2019.8H32c-12.9%200-24.6-7.8-29.6-19.8s-2.2-25.7%206.9-34.9l128-128zm0%20429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8%2029.6-19.8H288c12.9%200%2024.6%207.8%2029.6%2019.8s2.2%2025.7-6.9%2034.9l-128%20128c-12.5%2012.5-32.8%2012.5-45.3%200z%22%2F%3E%3C%2Fsvg%3E);

	/* Color Filter for SVG based icons used throughout the Wiki */
	--icon-color-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
	--icon-color-green-filter: invert(97%) sepia(3%) saturate(70000%) hue-rotate(90deg) brightness(75%) contrast(200%);
	--icon-color-red-filter: invert(97%) sepia(3%) saturate(70000%) hue-rotate(305deg) brightness(75%) contrast(200%);
}

	/* Old Table Content to be Phased Out In Future */
		.content table {
			width: 100%;
		}
		table.notebox {
			background: var(--dark-bg-color);
			border-radius: 10px;
			border-spacing: 10px;
		}
	/* End of Old Table Content */

body {
	color: var(--text-color);
	background-color: var(--dark-2-bg-color);
}

#mw-mf-page-center {
	background-color: var(--dark-2-bg-color);
}

#localNotice {
	padding-left: 10px;
}

.page-summary h2, .page-summary h3 {
	color: var(--text-link-header-color);
}

.mw-plusminus-pos {
	color: var(--text-border-green-color);
}

.mw-plusminus-neg {
	color: var(--text-link-new-color);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	color: var(--text-disabled-color);
}

.autocomment, .autocomment a, .autocomment a:visited {
	color: var(--disabled-text-color);
}

/* Icons */
.oo-ui-image-invert.oo-ui-icon-stop, .mw-ui-icon-stop-invert:before {
	background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+IHN0b3AgPC90aXRsZT48cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHg9IjIiIHk9IjIiIHJ4PSIxIi8+PC9zdmc+");
}

.oo-ui-icon-play, .mw-ui-icon-play:before {
	filter: var(--icon-color-green-filter);
}

.oo-ui-icon-stop, .mw-ui-icon-stop:before, .oo-ui-icon-trash, .mw-ui-icon-trash:before, .oo-ui-icon-close, .mw-ui-icon-close:before, .oo-ui-indicator-clear {
	filter: var(--icon-color-red-filter);
}

.oo-ui-icon-bookmark, .mw-ui-icon-bookmark:before, .oo-ui-icon-funnel, .mw-ui-icon-funnel:before, .oo-ui-icon-article, .mw-ui-icon-article:before, .oo-ui-icon-tag, .mw-ui-icon-tag:before, .oo-ui-icon-settings, .mw-ui-icon-settings:before, .oo-ui-icon-userAvatar, .mw-ui-icon-userAvatar:before, .oo-ui-icon-palette, .mw-ui-icon-palette:before, .oo-ui-icon-edit, .mw-ui-icon-edit:before, .oo-ui-icon-recentChanges, .mw-ui-icon-recentChanges:before, .oo-ui-icon-watchlist, .mw-ui-icon-watchlist:before, .oo-ui-icon-search, .mw-ui-icon-search:before, .oo-ui-indicator-required {
	filter: var(--icon-color-filter);
}

.oo-ui-icon-previous, .mw-ui-icon-previous:before, .oo-ui-icon-next, .mw-ui-icon-next:before, .oo-ui-image-progressive.oo-ui-icon-last, .mw-ui-icon-last-progressive:before, .oo-ui-image-progressive.oo-ui-icon-first, .mw-ui-icon-first-progressive:before, .oo-ui-icon-first, .mw-ui-icon-first:before, .oo-ui-icon-last, .mw-ui-icon-last:before, .oo-ui-icon-collapse, .mw-ui-icon-collapse:before {
	filter: var(--icon-color-filter);
}

.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
	background-image: var(--image-sort-icon);
	background-size: 0.45em;
}

/* Icon Image Masks */
@supports (-webkit-mask-image:none) or (mask-image:none) {
	
	.language-overlay .search-box::before, .search-overlay .search-box::before {
		background-color: var(--text-disabled-color);
	}

	.mf-icon-clear {
		background-color: red;
	}

	.mf-icon-close {
		background-color: red;
	}

	.mf-icon-articlesSearch {
		background-color: var(--text-link-header-color);
	}

	.mf-icon-image {
		background-color: var(--text-color);
	}

	.minerva-icon.minerva-icon--bellOutline {
		background-color: var(--text-color);
	}

	.mf-icon-star-subtle {
		background-color: var(--text-color);
	}

	.minerva-icon--listBullet {
		background-color: var(--text-color);
	}

	.minerva-icon--download {
		background-color: var(--text-color);
	}

	.toc-title-icon {
		background-color: var(--text-color);
	}

	.toc-title-state-icon {
		background-color: var(--text-color);
	}

	.mf-icon-expand {
		background-color: var(--text-color);
	}

	.mw-mf-amc-disabled.mw-special-Watchlist .mw-changeslist li .mw-userlink::before, .mw-mf-amc-disabled.action-history .mw-changeslist li .mw-userlink::before, .mw-mf-amc-disabled.mw-special-Watchlist .mw-contributions-list li .mw-userlink::before, .mw-mf-amc-disabled.action-history .mw-contributions-list li .mw-userlink::before {
		background-color: var(--text-disabled-color);
	}

	.mf-icon-next-invert {
		background-color: var(--text-disabled-color);
	}
}

/* Loading Elements */
.overlay.overlay-loading {
	background-color: rgba(0,0,0,0.5);
}

.ve-mobile-fakeToolbar-container {
	height: 3.25em;
}

.ve-mobile-fakeToolbar-container {
	background: var(--dark-bg-color);
	border-bottom: 1px solid var(--dark-border-color);
}

.ve-mobile-fakeToolbar {
	border-color: var(--dark-border-color);
}

.mf-icon-spinner {
	filter: var(--icon-color-filter);
}

/* Progress Bars */
.oo-ui-pendingElement-pending {
	background-color: var(--dark-2-bg-color);
	background-image: linear-gradient(135deg, var(--text-color) 25%, transparent 25%, transparent 50%, var(--text-color) 50%, var(--text-color) 75%, transparent 75%, transparent);
}

.oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) {
	background-color: var(--dark-2-bg-color);
}

.oo-ui-progressBarWidget:not(.oo-ui-progressBarWidget-inline) {
	border: 1px solid var(--dark-border-color);
}

.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
	background-color: var(--text-color);
}

/* Drawer */

.drawer {
	background-color: var(--dark-bg-color);
}

/* Mobile Header */
.header-container.header-chrome {
	background-color: var(--dark-2-bg-color);
}

.overlay-header, .minerva-header {
	border-top: 1px solid var(--dark-border-color);
}

.minerva-icon--menu-base20, .minerva-icon--menu-disabled, .minerva-icon--menu {
	background: var(--text-color);
}

.minerva-header .branding-box a {
	color: var(--text-link-header-color);
}

.search-box .search {
	border-radius: 6px;
	background-color: var(--dark-bg-color);
	border: 1px solid var(--dark-border-color);
}

.search-box .search::placeholder {
	color: var(--text-disabled-color);
}

.client-nojs .search-box .search:focus, .search-overlay .search-box .search:focus {
	border-color: var(--light-border-color);
	box-shadow: inset 0 0 0 1px var(--light-border-color),0 1px 1px rgba(0,0,0,0.05);
}

.minerva-icon--search-base20, .minerva-icon--search-disabled, .minerva-icon--search {
	background: var(--text-color);
}

.language-overlay .search-box input, .search-overlay .search-box input {
	color: var(--text-color);
}

.overlay.search-overlay {
	background: rgba(0,0,0,0.8);
}

.overlay.search-overlay .search-content {
	background-color: var(--dark-bg-color);
	border-color: 1px solid var(--light-border-color);
}

.overlay.search-overlay .results, .overlay.search-overlay .search-feedback {
	background-color: var(--dark-2-bg-color);
}

.mw-mf-page-list li, .topic-title-list li, .site-link-list li {
	color: var(--text-link-header-color);
	border-bottom: 1px solid var(--dark-border-color);
}

.mw-mf-page-list.thumbs .list-thumb, .topic-title-list.thumbs .list-thumb, .site-link-list.thumbs .list-thumb {
	background-color: var(--light-bg-color);
	border: 1px solid black;
	border-top: 0;
}

.overlay.search-overlay .header-action {
	margin-left: 6px;
}

.header-container {
	border-bottom: 1px solid var(--dark-border-color);
}

.overlay-header {
	height: 3.25em;
}

/* Mobile Header Left Navigation Pop Out */
#mw-mf-page-left {
	background-color: var(--dark-bg-color);
}

#mw-mf-page-left ul .toggle-list-item {
	background-color: var(--light-bg-color);
	border-color: var(--light-border-color);
}

#mw-mf-page-left ul .toggle-list-item .toggle-list-item__anchor:hover {
	box-shadow: inset 4px 0 0 0 var(--light-border-color);
	background: var(--light-3-bg-color);
}

.minerva-icon--home, .minerva-icon--die, .minerva-icon--logIn, .minerva-icon--settings, .minerva-icon--watchlist, .minerva-icon--userContributions, .minerva-icon--userAvatar, .minerva-icon--userAvatarOutline, .minerva-icon--userTalk, .minerva-icon--recentChanges, .minerva-icon--specialPages, .minerva-icon--speechBubbles {
	background: var(--text-color);
}

.toggle-list-item__label {
	color: var(--text-link-header-color);
}

/* Main Overlay */
.overlay {
	background: var(--dark-bg-color);
}

.overlay-header h2 span {
	padding-left: 6px;
}

/* Page Heading */
.page-Main_Page .mw-first-heading {
	color: var(--text-link-header-color);
	border-bottom: 1px solid var(--light-border-color); 
}

/* URL Related Colors and icons */
a:where(:not([role='button'])), a:where(:not([role='button'])):active, a:where(:not([role='button'])):visited {
	color: var(--text-link-header-color);
}

a:where(:not([role='button'])):hover, a:where(:not([role='button'])):visited:hover {
	color: var(--text-link-hover-color);
}

a:where(.new:not([role='button'])) {
	color: var(--text-link-new-color);
}

a:where(.new:not([role='button'])):hover {
	color: var(--text-link-new-hover-color);
}

.overlay-enabled, .mw-body {
	background-color: var(--light-bg-color);
}

a.external, .mw-parser-output a.external--reference {
	background: linear-gradient(transparent, transparent), var(--image-external-link-icon) center right no-repeat !important;
	background-size: 0.857em !important;
}

/* Content */
.content .mw-parser-output .mw-editsection {
	margin-right: 0;
}

#bodyContent {
	padding: 0 6px;
	border-radius: 6px;
	background-color: var(--light-bg-color);
}

table.notebox tr th.header {
	border-radius: 8px;
	background: var(--light-3-bg-color);
	color: var(--text-link-header-color);
}

.content hr {
	background-color: var(--text-inactive-tab-color);
}

blockquote {
	border-radius: 10px;
	border-left:3px solid var(--light-2-bg-color);
	background: var(--dark-2-bg-color);
	overflow: hidden;
}

.pre-content h1, .content .mw-heading1, .content h1, .content .mw-heading2, .content h2, .mw-heading3, .mw-heading4, .mw-heading5, .mw-heading6, h3, h4, h5, h6 {
	color: var(--text-link-header-color);
}

.minerva-icon--language-base20, .minerva-icon--language-disabled, .minerva-icon--language {
	background: var(--text-color);
}

.minerva-icon--star-base20, .minerva-icon--star-disabled, .minerva-icon--star, .minerva-icon--history-base20, .minerva-icon--history-disabled, .minerva-icon--history, .minerva-icon--edit-base20, .minerva-icon--edit-disabled, .minerva-icon--edit, .minerva-icon--ellipsis, .minerva-icon--userGroup {
	background: var(--text-color);
}

.mw-watchlink .minerva-icon--halfStar, .mw-watchlink .minerva-icon--unStar {
	background: var(--text-color);
}

.minerva-icon--editLock-base20, .minerva-icon--editLock-disabled, .minerva-icon--editLock {
	background-color: red;
}

.page-actions-menu__list .disabled .minerva-icon {
	background: var(--text-disabled-color);
}

li.gallerybox div.thumb {
	background-color: var(--dark-2-bg-color);
	border: 1px solid var(--dark-border-color);
}

.toc {
	border-radius: 10px;
	background: var(--dark-2-bg-color);
	border-color: var(--dark-border-color);
}

.content .mw-parser-output > .mw-heading2, .content .mw-parser-output > h2, .content .mw-parser-output[data-mw-parsoid-version] > section > .mw-heading2, .content .section-heading {
	border-bottom: 1px solid var(--light-border-color);
}

.content kbd, .content samp, .content code, .content pre {
	border: 1px solid var(--dark-border-color);
}

.heading-holder .tagline {
	color: var(--text-color);
}

/* Wikitable */
table.wikitable {
	margin: 1em 0;
	background-color: var(--dark-bg-color);
	border: none;
	border-collapse: separate;
	color: var(--text-inactive-tab-color);
	border-radius: 4px;
	padding: 2px;
}

table.wikitable.mw-page-info {
	margin: 1em 0;
	background-color: var(--dark-bg-color);
	border: none;
	border-collapse: separate;
	color: var(--text-inactive-tab-color);
	border-radius: 5px;
	padding: 2px;
}

table.wikitable.mw-listgrouprights-table {
	margin: 1em 0;
	background-color: var(--dark-bg-color);
	border: none;
	border-collapse: separate;
	color: var(--text-inactive-tab-color);
	border-radius: 5px;
	padding: 2px;
}

table.wikitable.sortable.mw-tags-table.jquery-tablesorter {
	margin: 1em 0;
	background-color: var(--dark-bg-color);
	border: none;
	border-collapse: separate;
	color: var(--text-inactive-tab-color);
	border-radius: 5px;
	padding: 2px;
}

table.wikitable.mw-statistics-table {
	margin: 1em 0;
	background-color: var(--dark-bg-color);
	border: none;
	border-collapse: separate;
	color: var(--text-inactive-tab-color);
	border-radius: 5px;
	padding: 2px;
}

table.wikitable>tr>th,
table.wikitable>tr>td,
table.wikitable>*>tr>th,
table.wikitable>*>tr>td {
	border: none;
	padding: 0.2em;
	background: var(--light-3-bg-color);
}

table.wikitable>tr>th,
table.wikitable>*>tr>th {
	background-color: var(--light-2-bg-color);
	text-align: center;
	color: var(--text-color);
}


table.wikitable.filehistory tr:first-child td:first-child {
	border-top-left-radius: 4px;
}

table.wikitable.filehistory tr:first-child td:last-child {
	border-top-left-radius: 4px;
}

table.wikitable.filehistory tr:first-child th:last-child {
	border-top-right-radius: 4px;
}

table.wikitable.filehistory tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}

table.wikitable.filehistory tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}

table.wikitable.filehistory th {
	color: var(--text-color);
}

/* Thumbnail Content */
.content figure[typeof~='mw:File/Thumb'], .content figure[typeof~='mw:File/Frame'] {
	background: var(--dark-bg-color);
	border: 1px solid var(--dark-border-color);
}

.content .thumbcaption, .content figure[typeof~='mw:File/Thumb'] > figcaption, .content figure[typeof~='mw:File/Frame'] > figcaption {
	color: var(--text-color);
	background: var(--dark-bg-color);
	border: 1px solid var(--dark-border-color);
	border-top: 0;
	padding: 2px 6px !important;
}

.content .thumbcaption, .content figure[typeof~='mw:File/Thumb'] > figcaption, .content figure[typeof~='mw:File/Frame'] > figcaption {
	margin: 0;
}

.content figure[typeof~='mw:File/Thumb'] a > img, .content figure[typeof~='mw:File/Frame']  a > img {
	margin: 6px;
}

.portal-column-left-wide img.mw-file-element img.mw-file-element {
	border: 1px solid var(--dark-border-color);
}

/* Minerva Tab Container */
.pre-content.heading-holder {
	display: grid;
}

.minerva__tab-container li.minerva__tab {
	float: left;
}

.minerva__tab-container {
	overflow-x: visible;
	min-height: 2em;
	border-bottom: 1px solid var(--light-border-color);
}

.minerva__tab-container .minerva__tab {
	margin: 0;
}

.minerva__tab-container .minerva__tab .minerva__tab-text {
	padding: 10px 16px;
	border-radius: 10px 10px 0 0;
	border: 1px solid #000;
	font-size: 1em;
	color: var(--text-color);
	background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
}

.minerva__tab-container .minerva__tab .minerva__tab-text:hover:not(.minerva__tab-container .minerva__tab.selected .minerva__tab-text) {
	background: linear-gradient(var(--light-2-bg-color), var(--tab-button-bg-color-dark));
}

.minerva__tab-container .minerva__tab.selected .minerva__tab-text {
	text-decoration: underline;
	color: var(--text-link-header-color);
	background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color));

}


.minerva__tab-container .minerva__tab.selected .minerva__tab-text:hover, .minerva__tab-container .minerva__tab .minerva__tab-text:hover {
	color: var(--text-link-hover-color);
}

.minerva__tab-container .minerva__tab.selected {
	border-bottom: 0;
}

/* Page Actions */
.page-actions-menu {
	padding: 6px;
	margin-top: 2px;
	border-color: var(--light-border-color);
	border-top: 0;
}

.page-actions-menu__list-item .cdx-button {
	color: var(--text-color) !important;
}

/* Page Action Menu - Languages */
.overlay .panel {
	border-bottom: 1px solid var(--light-border-color);
}

.language-overlay .overlay-content, .language-info-overlay .overlay-content {
	background-color: rgba(0, 0, 0, 0.75);
}

.overlay-header-container, .overlay-footer-container {
	background: var(--dark-bg-color);
}

.language-searcher .panel {
	background-color: var(--dark-2-bg-color);
}

.language-searcher .site-link-list a .autonym {
	color: var(--text-link-header-color);
}

.language-searcher .site-link-list a .title {
	color: var(--text-color);
}

.language-searcher .site-link-list a {
	border-top: 1px solid var(--dark-border-color);
}

/* List Header */

.list-header {
	background-color: var(--light-bg-color);
	color: var(--text-color);
}

.language-searcher .site-link-list li {
	background-color: var(--dark-2-bg-color);
}

.language-searcher .site-link-list li:hover {
	background-color: var(--light-bg-color);
}

.mw-mf-page-list li a:not(.cdx-button), .topic-title-list li a:not(.cdx-button), .site-link-list li a:not(.cdx-button), .mw-mf-page-list li .title, .topic-title-list li .title, .site-link-list li .title {
	color: var(--text-color);
}

/* Toggle List */
.toggle-list__list--drop-down {
	background: var(--dark-2-bg-color);
	box-shadow: 0 5px 17px 0 rgba(0, 0, 0, 0.24), 0 0 1px var(--dark-border-color);
	border: 1px solid var(--dark-border-color);
}

.page-actions-overflow-list {
	border-radius: 10px;
}

.toggle-list__list--drop-down .toggle-list-item:hover {
	background: var(--light-bg-color);
}

.minerva-icon--articleRedirect, .minerva-icon--link, .minerva-icon--infoFilled, .minerva-icon--move {
	background: var(--text-color);
}

/* Revision History / Watchlist Elements */
.content .mw-index-pager-list-header, .mw-special-Watchlist .content h4 {
	background-color: var(--light-2-bg-color);
	color: var(--text-link-header-color);
}

.mw-mf-amc-disabled.action-history #pagehistory li .history-user a {
	color: var(--text-color);
}

.action-history abbr {
	background: var(--dark-bg-color);
}

.mw-mf-amc-disabled.mw-special-Watchlist .mw-changeslist li .comment, .mw-mf-amc-disabled.action-history .mw-changeslist li .comment, .mw-mf-amc-disabled.mw-special-Watchlist .mw-contributions-list li .comment, .mw-mf-amc-disabled.action-history .mw-contributions-list li .comment {
	color: var(--text-disabled-color);
}

.action-history #pagehistory li {
	border-bottom: 1px solid var(--dark-border-color);
}

.mw-pager-tools a, .mw-history-undo a {
	border-radius: 10px;
	background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
	border: 1px solid #000;
	color: #f00;
}

.mw-pager-tools a:hover, .mw-history-undo a:hover, .mw-pager-tools a:focus, .mw-history-undo a:focus {
	background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
}

.action-history .mw-history-compareselectedversions {
	background: var(--dark-bg-color);
}

.action-history .mw-history-compareselectedversions .mw-history-compareselectedversions-button {
	border-radius: 10px;
}

.mw-tag-marker {
	background: var(--dark-2-bg-color);
	border: 1px solid var(--dark-border-color);
	margin-left: 6px;
	vertical-align: inherit;
}

.diff-context {
	background: var(--dark-bg-color);
	color: var(--text-color);
	border-color: var(--text-disabled-color);
}

.diff-deletedline {
	border-color: var(--text-link-new-color);
}

.diff-addedline {
	border-color: var(--text-border-green-color);
}

.diff-deletedline .diffchange {
	background: var(--dark-2-bg-color);
}

.diff-addedline .diffchange {
	background: var(--light-2-bg-color);
}

@media (max-width: calc(639px)) {
	.mw-diff-timestamp {
		color: var(--text-disabled-color);
	}

	#mw-diff-ntitle2 {
		background-color: var(--light-bg-color);
		border-top: var(--dark-border-color);
	}

	.mw-diff-usereditcount span {
		color: var(--text-disabled-color);
	}

	@supports (-webkit-mask-image:none) or (mask-image:none) {
		.mw-userlink::before {
			background-color: var(--text-color);
		}
	}
}

/* Recent History */
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
	color: var(--text-color);
}

.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background-color: var(--dark-bg-color);
	border: 1px solid var(--dark-border-color);
}

.oo-ui-tagItemWidget {
	border: 1px solid var(--dark-border-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled {
	color: var(--text-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
	color: var(--text-link-hover-color);
	border-color: var(--text-disabled-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
	background-color: var(--dark-bg-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
	background-color: var(--dark-2-bg-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
	background-color: var(--dark-2-bg-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending)::placeholder {
	color: var(--text-color);
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
	background-color: var(--light-bg-color);
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
	color: var(--text-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
	border-bottom: 1px solid #000;
}

.mw-rcfilters-ui-itemMenuOptionWidget:hover {
	background: var(--light-bg-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
	color: var(--text-link-header-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
	color: var(--text-color);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
	background-color: var(--dark-bg-color);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted {
	background-color: var(--light-2-bg-color);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
	color: var(--text-link-header-color);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
	color: var(--text-color);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	color: var(--text-link-header-color);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
	color: var(--text-link-hover-color);
	border: none;
}

ul.mw-contributions-list li, ul.special li {
	border-bottom: 1px solid var(--dark-border-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
	color: var(--text-link-header-color);
	border-color: var(--light-border-color);
}

.mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on::after {
	background: rgba(51,204,64,0.5);
}

/* Calendar Widget */
.mw-widget-dateInputWidget-calendar{
	background-color: var(--dark-2-bg-color);
	border-radius: 10px;
}

.mw-widget-calendarWidget {
	border: 1px solid var(--dark-border-color);
}

.mw-widget-calendarWidget-header {
	background: var(--light-bg-color);
	border-bottom: 1px solid var(--dark-border-color);
	border-radius: 10px 10px 0 0;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: var(--text-link-header-color);
}

.mw-widget-calendarWidget-day-heading {
	color: var(--text-link-hover-color);
}

.mw-widget-calendarWidget-day-additional {
	color: var(--text-disabled-color);
}

.mw-widget-calendarWidget-day {
	color: var(--text-color);
}

.mw-widget-calendarWidget-day-today {
	font-weight: bold;
	box-shadow: inset 0 0 0 1px var(--light-border-color);
	color: var(--text-border-green-color);
}

.mw-widget-calendarWidget-item:hover {
	background-color: var(--light-2-bg-color);
	color: var(--text-link-header-color);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	color: var(--text-link-hover-color);
}

/* oo-ui styling */
.oo-ui-panelLayout-framed {
	background: var(--light-3-bg-color);
	border: 1px solid var(--dark-border-color);
	border-radius: 10px;
}

.oo-ui-icon-expand, .mw-ui-icon-expand:before {
	background-image: var(--image-sort-descending-icon);
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	background-color: var(--dark-bg-color);
	border: 1px solid var(--dark-border-color);
	color: var(--text-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
	border-color: #000;
	color: var(--text-color);
}

.oo-ui-indicator-down {
	background-image: var(--image-sort-descending-icon);
}

.oo-ui-menuSelectWidget {
	background-color: var(--dark-bg-color);
	border: 1px solid var(--dark-border-color);
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	color: var(--text-link-header-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: var(--light-2-bg-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
	border-color: var(--light-border-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
	border-color: var(--light-border-color);
	box-shadow: inset 0 0 0 1px var(--light-border-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: var(--light-3-bg-color);
	color: var(--text-link-header-color);
	font-weight: bold;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
	background-color: var(--light-2-bg-color);
	border-color: var(--light-border-color);
	color: var(--text-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
	border-color: var(--text-disabled-color);
}

.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
	border-right: 1px solid var(--dark-border-color);
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
	background-color: var(--light-3-bg-color);
	color: var(--text-link-header-color);
	font-weight: bold;
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: var(--light-bg-color);
	color: var(--text-color);
}

.oo-ui-labelWidget.oo-ui-inline-help {
	color: var(--text-disabled-color);
}

.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
	background-color: var(--dark-2-bg-color);
	-webkit-text-fill-color: var(--text-disabled-color);
	color: var(--text-disabled-color);
	text-shadow: 0 1px 1px #000;
	border-color: #000;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	background-color: var(--dark-2-bg-color);
	color: var(--text-disabled-color);
	border-color: #000;
}

.oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert:before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert:before {
	filter: invert(1);
}

.oo-ui-icon-subtract, .mw-ui-icon-subtract:before {
	filter: var(--icon-color-red-filter);
}

.oo-ui-icon-add, .mw-ui-icon-add:before {
	filter: var(--icon-color-green-filter);
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
	color: var(--text-disabled-color);
	text-shadow: 0 1px 1px #000;
	background-color: var(--dark-2-bg-color);
	border-color: #000;
}

.oo-ui-tagMultiselectWidget-handle {
	border: 1px solid var(--dark-border-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
	border-color: var(--text-disabled-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
	background-color: var(--dark-2-bg-color);
}

/* New Pages */
body.mw-special-Newpages .mw-index-pager-list-header {
	background-color: var(--light-2-bg-color);
	color: var(--text-link-header-color);
}

body.mw-special-Newpages .mw-contributions-list li {
	border-bottom: 1px solid var(--dark-border-color);
}

/* Preferences */
.mw-prefs-title {
	color: var(--text-link-header-color);
}

.mw-prefs-description {
	color: var(--text-color);
}

.mw-mobile-prefsection.oo-ui-buttonElement {
	border-bottom: 1px solid var(--dark-border-color);
}

#preferences .mw-htmlform-submit-buttons {
	background-color: var(--light-bg-color);
	border-top: 1px solid var(--dark-border-color);
}

/* API Sandbox */
.mw-apisandbox-toolbar {
	padding: 0.5em;
	background: var(--light-bg-color);
}

.oo-ui-menuOptionWidget .mw-apisandbox-flag {
	color: var(--text-disabled-color);
}

.mw-collapsible-toggle-default .mw-collapsible-text, .mw-collapsible-toggle-default .mw-collapsible-text:active {
	color: var(--text-link-header-color);
}

.mw-collapsible-toggle-default .mw-collapsible-text:hover {
	color: var(--text-link-hover-color);
}

.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after {
	color: var(--text-color);
}

.oo-ui-icon-code, .mw-ui-icon-code:before {
	filter: var(--icon-color-filter);
}

.mw-apisandbox-help-field {
	border-bottom: 1px solid var(--dark-border-color);
}

.oo-ui-icon-help, .mw-ui-icon-help:before {
	filter: var(--icon-green-color);
}

/* oo-ui Checkbox */
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
	background-color: var(--dark-bg-color);
	border-color: var(--dark-border-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
	border-color: var(--light-border-color);
}

.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-bg-color);
	border-color: var(--light-border-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
	background-color: var(--dark-bg-color);
	border-color: var(--light-border-color);
	box-shadow: inset 0 0 0 1px
		var(--light-border-color), inset 0 0 0 2px
		var(--text-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
	background-color: var(--light-2-bg-color);
	border-color: var(--light-border-color);
}

/* Date Input Widget */
.mw-widget-dateInputWidget-handle {
	background-color: var(--light-bg-color);
	border: 1px solid var(--dark-border-color);
	color: var(--text-color);
}

.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
	color: var(--text-disabled-color);
}

.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
	border-color: var(--text-disabled-color);
}

/* Buttons */
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
	border-radius: 10px;
	background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
	border: 1px solid #000;
	color: var(--text-color);
}

.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
	border-color: var(--light-border-color);
}

.cdx-button:enabled:active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active, .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
	background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
	color: var(--text-link-header-color);
}

.cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {
	border-color: #000;
}

.cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active {
	border-color: #000;
}

.cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled {
	background-color: var(--dark-2-bg-color);
	color: var(--disabled-text-color);
}

.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover {
	border-color: #000;
	color: var(--text-color);
}

/* oo-ui Buttons */

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	border-radius: 10px;
	background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
	border: 1px solid #000;
	color: var(--text-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
	background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
	color: var(--text-link-header-color);
	border-color: #000;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
	background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
	color: var(--text-link-header-color);
	border-color: #000;
	box-shadow: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
	color: var(--text-color);
	border-color: var(--text-disabled-color);
}

.oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
	background-color: var(--light-2-bg-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
	border-radius: 10px;
	color: red;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
	background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
	border-color: red;
	color: red;
}

.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
	margin-left: 6px;
}

/* oo-ui Dropdown Select */
.oo-ui-dropdownInputWidget select {
	border: 1px solid var(--dark-border-color);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
	background-color: var(--light-bg-color);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
	color: var(--text-color);
	background-color: var(--dark-bg-color);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
	color: var(--text-color);
	border-color: var(--dark-border-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	background-color: var(--dark-2-bg-color);
	color: var(--text-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
	background-color: var(--light-3-bg-color);
	color: var(--text-color);
	border-color: var(--text-disabled-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
	background-color: var(--dark-bg-color);
}

.oo-ui-dropdownWidget-handle {
	border: 1px solid var(--dark-border-color);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
	background-color: transparent;
}

/* Data Tables */

.mw-datatable,
.mw-datatable td,
.mw-datatable th {
	border: 2px solid var(--dark-2-bg-color);
	padding: 0 0.15em 0 0.15em;
}

.mw-datatable th {
	background-color: var(--light-bg-color);
}

.mw-datatable td {
	background-color: var(--dark-bg-color);
}

.mw-datatable tbody tr:hover td {
	background: var(--light-bg-color);
}

.mw-datatable tr:first-child th:first-child {
	border-top-left-radius: 4px;
}

.mw-datatable tr:first-child th:last-child {
	border-top-right-radius: 4px;
}

.mw-datatable tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}

.mw-datatable tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}

.mw-datatable-is-descending a {
	background-image: var(--image-sort-descending-icon);
}

.mw-datatable-is-ascending a {
	background-image: var(--image-sort-ascending-icon);
}

#mw-allmessagestable tbody:hover td {
	background-color: var(--light-3-bg-color);
}

/* Editor */
.editor-overlay .wikitext-editor {
	border-radius: 6px;
	background: var(--dark-2-bg-color);
	border: 1px solid var(--dark-border-color);
	color: var(--text-color);
}

.editor-overlay .overlay-header {
	outline: none;
}

/* Catlinks */
.catlinks {
	background-color: var(--dark-2-bg-color);
	border: 1px solid var(--dark-border-color);
	border-radius: 10px;
}

.catlinks li {
	border-left: 1px solid var(--light-2-bg-color);
}

/* Settings */
@media (min-width: 640px) {
	.ns-special .mw-body {
		background: var(--dark-bg-color);
	}

	.ns-special .pre-content {
		background: var(--light-bg-color);
	}

	.ns-special .mw-body form {
		padding: 6px;
		background: transparent;
	}

	.ns-special .mw-body .mw-first-heading {
		margin-left: 6px;
	}

}

form.mw-mf-settings #mf-client-preferences .mw-portlet:first-child, form.mw-mf-settings .oo-ui-fieldLayout:first-child, form.mw-mf-settings #mf-client-preferences .mw-portlet, form.mw-mf-settings .oo-ui-fieldLayout {
	border-top: 1px solid var(--dark-border-color);
}

form.mw-mf-settings #beta-field::before {
	background: var(--light-2-bg-color);
}

.oo-ui-icon-check, .mw-ui-icon-check:before {
	background-image: var(--image-checkmark-icon);
}

form.mw-mf-settings #mf-client-preferences .mw-portlet, form.mw-mf-settings .oo-ui-fieldLayout {
	border-bottom: 1px solid var(--dark-border-color);
}

/* Radio Buttons */

	/* cdx radio buttons */
	.cdx-radio__input:enabled:checked+.cdx-radio__icon {
		border-color: var(--light-border-color);
	}

	.cdx-radio__input:enabled+.cdx-radio__icon {
		border-color: var(--dark-border-color);
	}

	.cdx-radio__icon {
		background-color: var(--dark-2-bg-color);
	}

	.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon {
		border-color: var(--text-color);
	}

	.cdx-radio__input:enabled:hover+.cdx-radio__icon {
		border-color: var(--text-color);
	}

	/* oo ui radio buttons */
	.oo-ui-radioInputWidget [type='radio'] + span {
		background-color: var(--dark-bg-color);
		border-color: var(--dark-border-color);
	}

	.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
		border-color: var(--text-color);
	}

	.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
		border-color: var(--text-color);
	}

	.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
		border-color: var(--light-border-color);
	}

	.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
		border-color: var(--light-border-color);
		box-shadow: inset 0 0 0 1px var(--light-border-color);
	}

	.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span::before {
		border-color: var(--light-border-color);
	}

	.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
		background-color: var(--dark-border-color);
		border-color: var(--text-color);
	}

/* Toggle Switches */

	/* cdx toggle switches */
	.cdx-toggle-switch__switch {
		background-color: var(--dark-2-bg-color);
		border-color: var(--dark-border-color);
	}

	.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
		background-color: var(--text-disabled-color);
		border-color: var(--text-disabled-color);
	}

	.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch {
		background-color: var(--light-2-bg-color);
		border-color: var(--text-disabled-color);
	}

	.cdx-toggle-switch__switch__grip {
		border: 1px solid var(--dark-border-color);
	}

	.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
		background-color: var(--text-link-hover-color);
		border-color: var(--text-disabled-color);
	}

	.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch {
		background-color: var(--light-2-bg-color);
		border-color: var(--dark-border-color);
	}

	.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
		border-color: var(--dark-border-color);
		background-color: var(--text-color);
	}

	/* oo-ui toggle switches */
	.oo-ui-toggleSwitchWidget {
		background-color: var(--dark-2-bg-color);
		border-color: var(--dark-border-color);
	}

	.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
		background-color: var(--light-2-bg-color);
		border-color: var(--text-disabled-color);
	}

	.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
		background-color: var(--dark-2-bg-color);
		border-color: var(--dark-border-color);
		box-shadow: none;
	}

	.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
		background-color: var(--text-disabled-color);
		border-color: var(--text-disabled-color);
	}

	.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
		background-color: var(--light-2-bg-color);
		border-color: var(--dark-border-color);
	}

	.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
		border-color: var(--dark-border-color);
		background-color: var(--text-color);
	}

	.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
		background-color: var(--light-2-bg-color);
		border-color: var(--text-disabled-color);
	}

	.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
		background-color: var(--text-link-hover-color);
		border-color: var(--text-disabled-color);
	}

/* Search Box Cancel Overrides */

form.search-box .cdx-button:enabled.cdx-button--weight-quiet {
	border: 0;
}

form.search-box .cdx-button:enabled:hover {
	background: none;
}

/* Image Details */
.image-details {
	background: var(--dark-bg-color);
	border-top: 1px solid var(--dark-border-color);
}

.overlay .license a {
	color: var(--text-link-header-color);
}

.overlay .license a:hover {
	color: var(--text-link-hover-color);
}

/* cta-holder */

.cta-holder {
	background-color: var(--dark-bg-color);
}

.cta-holder .userpage-image-placeholder {
	filter: var(--icon-color-filter);
}

.cta-holder .desc {
	color: var(--text-color);
}

/* cdx messages */

.cdx-message {
	color: var(--text-color);
	background-color: var(--light-bg-color);
	border: 1px dashed var(--dark-border-color);
}

.cdx-message--warning {
	background-color: var(--dark-2-bg-color);
	border-color: var(--light-border-color);
}

/* Footer */

.overlay-footer-container {
	border-top: 1px solid var(--dark-border-color);
}

.minerva-footer {
	border-top: 1px solid var(--dark-border-color);
}

a.last-modified-bar {
	background-color: var(--dark-2-color);
	color: var(--text-color) !important;
	border-bottom: 1px solid var(--dark-border-color);
}

a.last-modified-bar .minerva-icon {
	background-color: var(--text-link-header-color);
}

.mw-footer > .post-content .minerva-footer-logo {
	border-bottom: 1px solid var(--light-border-color);
}

.mw-footer .hlist li::after {
	color: var(--text-color);
}

a.last-modified-bar.active {
	background-color: var(--light-2-bg-color);
	color: var(--text-link-hover-color) !important;
}

a.last-modified-bar.active .last-modified-text-accent, a.last-modified-bar.active a {
	color: var(--text-link-hover-color);
}

a.last-modified-bar.active .minerva-icon {
	background-color: var(--text-color);
}

/* Sprite images */

.sprite {
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
}