MediaWiki:Onyx.css

/* CSS placed here will affect users of the Onyx skin */

body {
	color: white;
	background: linear-gradient(to bottom, transparent, black), url(/images/0/0d/Onyx-background-main.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
	background-color: #000000;
}

/* Main Page */
.page-Main_Page #mw-content-text .mw-parser-output div:not(.nomobile):not(.center-template),
.page-Main_Page #mw-content-text .mw-parser-output table.plainlinks th,
.page-Main_Page #mw-content-text .mw-parser-output table.plainlinks {
	background: #444 !important;
	color: #fff !important;
}
.mw-ui-input, .mw-ui-button {
	background: #555 !important;
	color: #fff !important;
	border-color: #666 !important;
	box-shadow: inset 0 0 0 0.1em #333 !important;
}

#onyx-banner,
#onyx-footer,
.mw-notification {
	background-color: rgba(20, 20, 20, 0.9);
	border: none;
}

.onyx-bannerOption:hover > .onyx-bannerOption-button {
	background-color: rgba(255, 255, 255, 0.2);
	transition: 0.4s;
}

#onyx-search-form .mw-fallbackSearchButton {
	display: none;
}

.onyx-articleContainer {
	display: flex;
}
#onyx-pageBody-content {
	width: 100%;
}

#onyx-footerContent-footerIcons {
	margin-left: auto;
}

h1, h2, h3, h4, h5, h6 {
	color: white;
}

h1, h2 {
	border-bottom: solid 1px #414b5d;
}

a {
	color: #0f63b7;
}

a:hover {
	color: #2567a9;
}

a:visited {
	color: #0f63b7;
}

code {
	background: rgba(20, 20, 20, 0.5)!important;
	color: white;
}

#onyx-navigation-list > li > a {
	color: white !important;
}

#onyx-page {
	background-color: #272727;
	border: 1px solid #277d93;
}

#onyx-page-pageBody {
	background: url(/images/c/cc/Onyx-watermark.png) no-repeat center top;
}

.onyx-button-primary {
	background-color: #0b4e90;
	border-color: #0b4e90;
}

.onyx-button-primary:hover,
.onyx-dropdown:hover > .onyx-button-primary {
	background-color: #258ef8;
	border-color: #258ef8;
}

.onyx-button-secondary {
	border-color: #888888;
	color: #888888;
	stroke: #888888;
}

.onyx-button-secondary:hover,
.onyx-dropdown:hover > .onyx-button-secondary {
	border-color: #BBBBBB;
	color: #BBBBBB;
	stroke: #BBBBBB;
}

.mw-highlight {
	background: transparent;
}

#onyx-content-siteNotice,
pre,
.catlinks {
	color: white;
	background: rgba(20, 20, 20, 0.5)!important;
	border: 1px solid #277d93!important;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
}

.thumbinner, .gallerybox {
	background-color: #1D1D1D !important;
	border: 1px solid #277d93 !important;
}

.onyx-dropdown-list {
	background-color: #1D1D1D;
}

.onyx-dropdown-list > li > *:only-child {
	color:white!important;
}

.onyx-dropdown-list > li > a:only-child:hover {
	background-color: #3B3B3B;
}

.onyx-dropdown-list > li:not(:last-child) {
	border-bottom: solid 1px #414b5d;
}

.onyx-recentChanges-info,
.onyx-recentChanges-info a,
.onyx-recentChanges-info a:hover,
.onyx-recentChanges-info a:visited,
#onyx-pageContents-itemPrefix,
.tocnumber {
	color: #999 !important;
}

.onyx-pageContents-expandButton svg,
.onyx-pageContents-noExpandIcon svg {
	fill: #999;
}

.onyx-footerLinks-list {
	color: #999;
}

#onyx-toolbox {
	box-shadow: 0 0 10px 0 #000;
	background-color: #1a3664;
	background-image: -moz-linear-gradient(left,#070e19 0,#1a3664 50%,#070e19 100%);
	background-image: -webkit-gradient(linear,0% 0%,100% 0%,color-stop(0,#070e19),color-stop(50%,#1a3664),color-stop(100%,#070e19));
	background-image: -o-linear-gradient(left,#070e19 0,#1a3664 50%,#070e19 100%);
	background-image: -ms-linear-gradient(left,#070e19 0,#1a3664 50%,#070e19 100%);
}

#pagehistory li {
	padding: 3px 5px 7px 5px;
	border: none;
}

#pagehistory li.selected {
	background: rgba(20, 20, 20, 0.5);
	color: white;
	border: 1px dashed #414b5d;
}

input[type="submit"], input[type="button"], input[type="reset"], input[type="file"] {
	background-color: #224e96;
	background-image: -moz-linear-gradient(top,#2b64c0 35%,#224e96 65%);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#2b64c0),color-stop(65%,#224e96));
	background-image: -o-linear-gradient(top,#2b64c0 35%,#224e96 65%);
	background-image: -ms-linear-gradient(top,#2b64c0 35%,#224e96 65%);
	border: 1px solid #224e96;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}

#onyx-header-wikiHeader {
	background: linear-gradient(to left, transparent, #272727), url(/images/8/8c/Onyx-background-header.png);
	background-size: 500px;
	background-repeat: no-repeat;
	background-position: right;
}

.thumbimage {
	border: 1px solid #277d93 !important;
}

/* Onyx Fixes */

body input[type="submit"]:not(.searchButton), input[type="button"], button[type="submit"]:not(.mw-ui-button),
body input[type="submit"]:not(.searchButton):hover, input[type="button"]:hover, button[type="submit"]:not(.mw-ui-button):hover,
body .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	border: 1px solid #224e96 !important;
	background-color: #224e96 !important;
	background-image:-moz-linear-gradient(top,#2b64c0 35%,#224e96 65%) !important;
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#2b64c0),color-stop(65%,#224e96)) !important;
	background-image:-o-linear-gradient(top,#2b64c0 35%,#224e96 65%) !important;
	background-image:-ms-linear-gradient(top,#2b64c0 35%,#224e96 65%) !important;
}

.mw-dismissable-notice-close {
	display: none;
	visibility: hidden;
}

.client-js #preftoc li {
	display: inline;
	margin-right: 10px;
}

.gallerybox .thumb {
	background: transparent !important;
	border-color: transparent !important;
}

.mw-code {
	color: white !important;
}

.onyx-pageContents-selected > a > .onyx-pageContents-itemLabel {
	color: white;
}

#onyx-tools-list- li a {
	color: white !important;
}

#toc, .toc {
	background: none !important;
}