MediaWiki:Onyx.css: Difference between revisions

No edit summary
mNo edit summary
 
(87 intermediate revisions by the same user not shown)
Line 2: Line 2:


p { margin: .6em 0 .7em; }
p { margin: .6em 0 .7em; }
h1, h2 { padding-left: 0; }
.catlinks { padding: 10px; }
.catlinks { padding: 10px; }
#onyx-bannerLogo-image { height: 45px; }
sup, sub { font-size: 12px; }
#onyx-toolbox { z-index: 3; }
body { font-family: sans-serif; }
.ui-autocomplete { font-size: 12px; }
.onyx-search-button { cursor: pointer; }
#onyx-bannerLogo-image { width: 215px; }
#onyx-headerLogo-image { width: 135px; }
#onyx-headerLogo-image { width: 135px; }
.toc { min-width: 0; margin: 1em 0 0.5em; }
.mw-editsection-bracket { display: inline; }
.mw-editsection-bracket { display: inline; }
#onyx-header-wikiHeader { overflow: hidden; }
#onyx-header-wikiHeader { overflow: hidden; }
html .thumbimage { border: none !important; }
html .thumbimage { border: none !important; }
#onyx-pageBody-content { line-height: 1.5em; }
#onyx-recentChanges-heading { text-transform: none; }
#onyx-recentChanges-heading { text-transform: none; }
#onyx-pageBody-content { line-height: 1.5em; overflow-x: clip; overflow-y: visible; }
#onyx-pageContent-subtitle { font-size: 90%; font-style: normal; }
#onyx-page-pageBody { overflow-x: clip; overflow-y: visible; }
#onyx-articleHeader-title { user-select: none; }
#onyx-title-text { user-select: text; }


body.anon #onyx-staticModules-recentChanges,
body.anon #onyx-staticModules-recentChanges,
Line 16: Line 27:
}
}
body.anon.page-Main_Page.action-view #onyx-page-pageBody { margin-top: 15px; }
body.anon.page-Main_Page.action-view #onyx-page-pageBody { margin-top: 15px; }
#onyx-personalTools-list .mw-echo-alert { display: none; }
#onyx-userOptions-notifications, #onyx-userOptions-messages { display: none; }
#onyx-banner-userOptions > li { list-style: none; margin: 17px 16px 0 0; }
@media all and (min-width: 400px) {
#onyx-banner-userOptions > li { margin-top: 13px; }
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
width: 30px;
height: 30px;
background-size: 30px;
}
}
.oo-ui-icon-bell, .mw-ui-icon-bell::before {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+YmVsbDwvdGl0bGU+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2IDdhNS4zOCA1LjM4IDAgMDAtNC40Ni00Ljg1QzExLjYgMS40NiAxMS41MyAwIDEwIDBTOC40IDEuNDYgOC40NiAyLjE1QTUuMzggNS4zOCAwIDAwNCA3djZsLTIgMnYxaDE2di0xbC0yLTJ6bS02IDEzYTMgMyAwIDAwMy0zSDdhMyAzIDAgMDAzIDN6Ii8+PC9zdmc+) !important;
}
.oo-ui-icon-tray, .mw-ui-icon-tray::before {
  background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+dHJheTwvdGl0bGU+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMgMWEyIDIgMCAwMC0yIDJ2MTRhMiAyIDAgMDAyIDJoMTRhMiAyIDAgMDAyLTJWM2EyIDIgMCAwMC0yLTJ6bTE0IDEyaC00bC0xIDJIOGwtMS0ySDNWM2gxNHoiLz48L3N2Zz4=) !important;
}


@media all and (max-width: 400px) {
@media all and (max-width: 400px) {
#onyx-articleHeader-actions { font-size: 10px; }
#onyx-bannerLogo-image { width: 175px; }
#onyx-banner-bannerLogo { padding-left: 5px; }
}
@media all and (max-width: 500px) {
#onyx-bannerLogo-image { width: 200px; }
#onyx-banner-bannerLogo { padding-right: 0; }
#onyx-banner-userOptions { padding-left: 0; }
#onyx-banner-userOptions li { margin-right: 0; }
.onyx-bannerOption-button { padding-left: 5px; padding-right: 5px; }
.onyx-bannerOption-button { padding-left: 5px; padding-right: 5px; }
}
}
@media all and (max-width: 600px) {
@media all and (max-width: 600px) {
#onyx-articleHeader-title { clear: both; }
#onyx-articleHeader-title { clear: both; }
#onyx-articleHeader-actions { float: none; }
#searchInput, #onyx-wikiHeader-tagline { display: none; }
#searchInput, #onyx-wikiHeader-tagline { display: none; }
#onyx-banner-content, #onyx-wikiHeader-navigation { margin: 0; }
#onyx-banner-content, #onyx-wikiHeader-navigation { margin: 0; }
}
}
@media all and (max-width: 800px) {
@media all and (max-width: 800px) {
#onyx-userOptions-notifications, #onyx-userOptions-messages { display: none; }
.onyx-button { padding: 5px; }
.onyx-button-action > span { margin: auto 10px; }
}
}
@media all and (max-width: 1280px) {
@media all and (max-width: 1280px) {
#onyx-actions-toggleSidebar, #onyx-pageBody-sidebar { display: none !important; }
.onyx-sidebarModule { break-inside: avoid; }
#onyx-actions-toggleSidebar { display: none !important; }
#onyx-pageBody-sidebar { column-width: 300px; display: block !important; visibility: visible !important; }
}
@media all and (min-width: 800px) and (max-width: 1280px) {
body.anon #onyx-pageBody-sidebar { column-count: 2; }
}
}


/* Background images */
/* Body background */
body {
body {
background: linear-gradient(to bottom, transparent, #000), url(https://marathon.wiki.gallery/images/terminalbg.png) no-repeat 0 53px;
background: linear-gradient(to bottom, transparent, #000), url(https://marathon.wiki.gallery/images/terminalbg.png) no-repeat 0 53px;
}
#onyx-header-wikiHeader {
background: linear-gradient(to left, transparent, #272727), url(https://marathon.wiki.gallery/images/terminalbg.png);
background-position: right 223px;
background-size: 600px
}
}


Line 48: Line 87:
}
}
a, a:hover, a:visited, label.toctogglelabel {
a, a:hover, a:visited, label.toctogglelabel {
color: #53ED24;
color: #080;
}
}
a.new, a.mw-usertoollinks-contribs-no-edits {
a.new, a.mw-usertoollinks-contribs-no-edits {
color: #f00 !important;
color: #d33 !important;
}
}
body .mw-parser-output a.external, body .mw-parser-output a.extiw {
body .mw-parser-output a.external, body .mw-parser-output a.extiw {
color: #C2FE0C !important;
color: #090 !important;
}
}
body .mw-parser-output a.external, body .link-mailto, body .link-ftp, body .link-irc, body .link-audio, body .link-video, body .link-document {
body .mw-parser-output a.external, body .link-mailto, body .link-ftp, body .link-irc, body .link-audio, body .link-video, body .link-document {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22 xmlns=%22http://www.w3.org/2000/svg%22 height=%2213%22 width=%2213%22 version=%221.1%22 xmlns:cc=%22http://creativecommons.org/ns%23%22 xmlns:dc=%22http://purl.org/dc/elements/1.1/%22%3E %3Cg transform=%22translate%28-36.467808%2C-258.39005%29%22%3E %3Cpath style=%22opacity:1%3Bfill:%23c2fe0c%3B%22 d=%22m41.47%2C259.4%2C7%2C0%2C0%2C7-2-2-3%2C2%2C0-1%2C3-2.25%2C1%2C1%2C0-3.75-3.75%2C0%2C1%2C1-2.25%2C3-1%2C0%2C2-3z%22/%3E %3Cpath style=%22opacity:1%3Bfill:%23c2fe0c%3B%22 d=%22m43.47%2C261.4-5%2C0%2C0%2C8%2C8%2C0%2C0-5-1%2C0%2C0%2C4-6%2C0%2C0-6%2C4%2C0z%22/%3E %3Cpath style=%22opacity:1%3Bfill:%2353ed24%3B%22 d=%22m40.55%2C263.9c0-0.6213%2C0.6213-0.6213%2C0.6213-0.6213%2C1.864%2C0.6213%2C3.107%2C1.864%2C3.728%2C3.728%2C0%2C0%2C0%2C0.6213-0.6213%2C0.6213-1.243-1.864-1.864-2.485-3.728-3.728z%22/%3E %3C/g%3E %3C/svg%3E");
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%230a0%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%230a0%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E %3C/svg%3E");
}
body .mw-parser-output a.external[href$=".pdf"], body .mw-parser-output a.external[href$=".PDF"], body .mw-parser-output a.external[href*=".pdf#"], body .mw-parser-output a.external[href*=".PDF#"], body .mw-parser-output a.external[href*=".pdf?"], body .mw-parser-output a.external[href*=".PDF?"], body .link-document {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%23080' d='M7.5 2v3H10l1-1H8.5V1z'/%3E%3Cpath fill='%230a0' d='M3 1v10h8V4L8.5 1zm1 1h4l2 2.5V10H4z'/%3E%3C/svg%3E");
}
}
.mw-parser-output a.external[href^="https://www.marathonwiki.com"] {
.mw-parser-output a.external[href^="https://www.marathonwiki.com"] {
color: #53ED24 !important;
color: #080 !important;
background: none !important;
background: none !important;
padding: 0 !important;
padding: 0 !important;
Line 78: Line 120:
.mw-dismissable-notice {
.mw-dismissable-notice {
min-height: 36px;
min-height: 36px;
background: rgba(20, 20, 20, 0.5) !important;
background: #ccc;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
margin: 0 15px 15px 15px;
margin: 0 15px 15px 15px;
}
/* Galleries */
.gallerybox .thumb {
background: #1D1D1D !important;
}
}


Line 99: Line 135:
}
}


/* Main page */
/* Search bar */
body .containerTem, body .containerContent, .containerTem div,
#searchInput {
table.affiliates.plainlinks, table.affiliates.plainlinks th {
color: #999;
background: #444 !important;
color: #fff !important;
}
body .containerTem a,
table.affiliates.plainlinks a,
table.affiliates.plainlinks th a {
color: #009CFF;
}
.mw-ui-input, .mw-ui-button {
box-shadow: inset 0 0 0 0.1em #333 !important;
}
.mw-ui-input {
border-color: #666 !important;
}
}


Line 120: Line 143:


body {
body {
color: #fff;
background-color: #000;
background-size: cover;
background-size: cover;
background-attachment: fixed;
background-attachment: fixed;
background-color: #000;
}
}


#onyx-header-wikiHeader {
#onyx-header-wikiHeader {
background-repeat: repeat-y;
background: linear-gradient(to right, #ccc, #ddd);
}
}


Line 150: Line 172:
#onyx-page-header h1 {
#onyx-page-header h1 {
font-size: 36px;
font-size: 36px;
}
h1, h2, h3, h4, h5, h6 {
color: #fff;
}
#onyx-navigation-list > li > a {
color: #fff !important;
}
#onyx-page {
background-color: #272727;
}
}


Line 181: Line 191:
}
}


pre, .catlinks {
.thumbinner, .gallerybox .thumb {
color: #fff;
background-color: #bbb !important;
background: rgba(20, 20, 20, 0.5) !important;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
}
}


.thumbinner {
.catlinks {
background-color: #1D1D1D !important;
background: #ccc !important;
}
}


Line 205: Line 213:
.tocnumber,
.tocnumber,
.onyx-recentChanges-info,
.onyx-recentChanges-info,
#onyx-pageContents-itemPrefix,
.onyx-recentChanges-info a,
.onyx-recentChanges-info a,
.onyx-recentChanges-info a:hover,
.onyx-recentChanges-info a:hover,
.onyx-recentChanges-info a:visited {
.onyx-recentChanges-info a:visited {
color: #999 !important;
color: #999 !important;
}
.onyx-pageContents-expandButton svg {
fill: #fff;
}
.onyx-pageContents-noExpandIcon svg {
fill: #999;
}
}


Line 230: Line 230:
padding: 3px 5px 7px 5px;
padding: 3px 5px 7px 5px;
border: none;
border: none;
}
#pagehistory li.selected {
background: rgba(20, 20, 20, 0.5);
color: #fff;
border: 1px dashed #414b5d;
}
}


Line 242: Line 236:
}
}


body code {
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button {
background: rgba(20, 20, 20, 0.5) !important;
padding-top: 7px;
}
padding-bottom: 6.5px;
 
.mw-code {
color: #fff !important;
}
 
.mw-ui-button:hover {
color: #a2a9b1 !important;
}
}


Line 264: Line 251:
display: inline;
display: inline;
margin-right: 10px;
margin-right: 10px;
}
.mw-prefs-tabs-wrapper {
background: #fff;
}
.mw-prefs-buttons {
background: none;
}
}


Line 271: Line 264:


.onyx-pageContents-selected > a > .onyx-pageContents-itemLabel {
.onyx-pageContents-selected > a > .onyx-pageContents-itemLabel {
color: #fff;
color: #000;
}
}


Line 277: Line 270:
.onyx-footerLinks-list li a {
.onyx-footerLinks-list li a {
color: #fff !important;
color: #fff !important;
}
.onyx-pageContents-itemPrefix {
color: #999;
}
}


Line 291: Line 280:
}
}


.navbox .mw-collapsible-toggle-expanded {
div.mw-createacct-benefits-container {
padding-left: 8px;
display: inline-block;
}
}


#onyx-personalTools-list .oo-ui-icon-bell,
.suggestions-results, .suggestions-special {
#onyx-personalTools-list .oo-ui-icon-tray,
background: #333 !important;
#onyx-personalTools-list .mw-ui-icon-bell::before,
border-color: #666 !important;
#onyx-personalTools-list .mw-ui-icon-tray::before {
background-image: none !important;
}
}
 
.suggestions-result,
div.mw-createacct-benefits-container {
.suggestions-special .special-query {
display: inline-block;
color: #fff !important;
}
.suggestions-special .special-label {
color: #888 !important;
}
.suggestions-result-current {
background: #222 !important;
}
.suggestions-result-current,
.suggestions-result-current .special-query,
.suggestions-result-current .special-label {
color: #ddd !important;
}
}

Latest revision as of 06:57, September 28, 2024

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

p { margin: .6em 0 .7em; }
h1, h2 { padding-left: 0; }
.catlinks { padding: 10px; }
sup, sub { font-size: 12px; }
#onyx-toolbox { z-index: 3; }
body { font-family: sans-serif; }
.ui-autocomplete { font-size: 12px; }
.onyx-search-button { cursor: pointer; }
#onyx-bannerLogo-image { width: 215px; }
#onyx-headerLogo-image { width: 135px; }
.toc { min-width: 0; margin: 1em 0 0.5em; }
.mw-editsection-bracket { display: inline; }
#onyx-header-wikiHeader { overflow: hidden; }
html .thumbimage { border: none !important; }
#onyx-pageBody-content { line-height: 1.5em; }
#onyx-recentChanges-heading { text-transform: none; }
#onyx-pageContent-subtitle { font-size: 90%; font-style: normal; }
#onyx-page-pageBody { overflow-x: clip; overflow-y: visible; }
#onyx-articleHeader-title { user-select: none; }
#onyx-title-text { user-select: text; }

body.anon #onyx-staticModules-recentChanges,
body.anon.page-Main_Page.action-view #onyx-header-articleHeader {
	display: none !important;
}
body.anon.page-Main_Page.action-view #onyx-page-pageBody { margin-top: 15px; }

#onyx-personalTools-list .mw-echo-alert { display: none; }
#onyx-userOptions-notifications, #onyx-userOptions-messages { display: none; }
#onyx-banner-userOptions > li { list-style: none; margin: 17px 16px 0 0; }
@media all and (min-width: 400px) {
	#onyx-banner-userOptions > li { margin-top: 13px; }
	#pt-notifications-alert .mw-echo-notifications-badge,
	#pt-notifications-notice .mw-echo-notifications-badge {
		width: 30px;
		height: 30px;
		background-size: 30px;
	}
}
.oo-ui-icon-bell, .mw-ui-icon-bell::before {
	background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+YmVsbDwvdGl0bGU+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2IDdhNS4zOCA1LjM4IDAgMDAtNC40Ni00Ljg1QzExLjYgMS40NiAxMS41MyAwIDEwIDBTOC40IDEuNDYgOC40NiAyLjE1QTUuMzggNS4zOCAwIDAwNCA3djZsLTIgMnYxaDE2di0xbC0yLTJ6bS02IDEzYTMgMyAwIDAwMy0zSDdhMyAzIDAgMDAzIDN6Ii8+PC9zdmc+) !important;
}
.oo-ui-icon-tray, .mw-ui-icon-tray::before {
  background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+dHJheTwvdGl0bGU+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMgMWEyIDIgMCAwMC0yIDJ2MTRhMiAyIDAgMDAyIDJoMTRhMiAyIDAgMDAyLTJWM2EyIDIgMCAwMC0yLTJ6bTE0IDEyaC00bC0xIDJIOGwtMS0ySDNWM2gxNHoiLz48L3N2Zz4=) !important;
}

@media all and (max-width: 400px) {
	#onyx-bannerLogo-image { width: 175px; }
	#onyx-banner-bannerLogo { padding-left: 5px; }
}
@media all and (max-width: 500px) {
	#onyx-bannerLogo-image { width: 200px; }
	#onyx-banner-bannerLogo { padding-right: 0; }
	#onyx-banner-userOptions { padding-left: 0; }
	#onyx-banner-userOptions li { margin-right: 0; }
	.onyx-bannerOption-button { padding-left: 5px; padding-right: 5px; }
}
@media all and (max-width: 600px) {
	#onyx-articleHeader-title { clear: both; }
	#onyx-articleHeader-actions { float: none; }
	#searchInput, #onyx-wikiHeader-tagline { display: none; }
	#onyx-banner-content, #onyx-wikiHeader-navigation { margin: 0; }
}
@media all and (max-width: 800px) {
	.onyx-button { padding: 5px; }
	.onyx-button-action > span { margin: auto 10px; }
}
@media all and (max-width: 1280px) {
	.onyx-sidebarModule { break-inside: avoid; }
	#onyx-actions-toggleSidebar { display: none !important; }
	#onyx-pageBody-sidebar { column-width: 300px; display: block !important; visibility: visible !important; }
}
@media all and (min-width: 800px) and (max-width: 1280px) {
	body.anon #onyx-pageBody-sidebar { column-count: 2; }
}

/* Body background */
body {
	background: linear-gradient(to bottom, transparent, #000), url(https://marathon.wiki.gallery/images/terminalbg.png) no-repeat 0 53px;
}

/* Links */
.ui-autocomplete a {
	color: #555;
}
a, a:hover, a:visited, label.toctogglelabel {
	color: #080;
}
a.new, a.mw-usertoollinks-contribs-no-edits {
	color: #d33 !important;
}
body .mw-parser-output a.external, body .mw-parser-output a.extiw {
	color: #090 !important;
}
body .mw-parser-output a.external, body .link-mailto, body .link-ftp, body .link-irc, body .link-audio, body .link-video, body .link-document {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%230a0%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%230a0%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E %3C/svg%3E");
}
body .mw-parser-output a.external[href$=".pdf"], body .mw-parser-output a.external[href$=".PDF"], body .mw-parser-output a.external[href*=".pdf#"], body .mw-parser-output a.external[href*=".PDF#"], body .mw-parser-output a.external[href*=".pdf?"], body .mw-parser-output a.external[href*=".PDF?"], body .link-document {
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%23080' d='M7.5 2v3H10l1-1H8.5V1z'/%3E%3Cpath fill='%230a0' d='M3 1v10h8V4L8.5 1zm1 1h4l2 2.5V10H4z'/%3E%3C/svg%3E");
}
.mw-parser-output a.external[href^="https://www.marathonwiki.com"] {
	color: #080 !important;
	background: none !important;
	padding: 0 !important;
}

/* Dismissable site notice */
#onyx-content-siteNotice {
	border: none !important;
	background: none !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
#onyx-siteNotice-closeButton {
	display: none !important;
}
.mw-dismissable-notice {
	min-height: 36px;
	background: #ccc;
	padding: 15px 15px 15px 15px;
	margin: 0 15px 15px 15px;
}

/* Border color */
h1, h2, .fakeh2, .onyx-dropdown-list > li:not(:last-child) {
	border-bottom: 1px solid #555;
}

/* Gray toolbox */
#onyx-toolbox {
	background: #333;
}

/* Search bar */
#searchInput {
	color: #999;
}

/* Standard changes */

body {
	background-color: #000;
	background-size: cover;
	background-attachment: fixed;
}

#onyx-header-wikiHeader {
	background: linear-gradient(to right, #ccc, #ddd);
}

#onyx-banner, #onyx-footer {
	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-footerContent-footerIcons {
	margin-left: auto;
}

#onyx-page-header h1 {
	font-size: 36px;
}

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

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

.mw-highlight {
	background: transparent;
}

.thumbinner, .gallerybox .thumb {
	background-color: #bbb !important;
}

.catlinks {
	background: #ccc !important;
}

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

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

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

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

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

#onyx-toolbox {
	box-shadow: 0 0 10px 0 #000;
}

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

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;
}

.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button {
	padding-top: 7px;
	padding-bottom: 6.5px;
}

.mw-indicator {
	margin: 0;
}
#mw-indicator-rc {
	display: none;
}

.client-js #preftoc li {
	display: inline;
	margin-right: 10px;
}
.mw-prefs-tabs-wrapper {
	background: #fff;
}
.mw-prefs-buttons {
	background: none;
}

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

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

#onyx-tools-list li a,
.onyx-footerLinks-list li a {
	color: #fff !important;
}

div.noarticletext {
	background: none !important;
}

#onyx-stickyModules-custom>ul {
	margin-left: 15px;
}

div.mw-createacct-benefits-container {
	display: inline-block;
}

.suggestions-results, .suggestions-special {
	background: #333 !important;
	border-color: #666 !important;
}
.suggestions-result,
.suggestions-special .special-query {
	color: #fff !important;
}
.suggestions-special .special-label {
	color: #888 !important;
}
.suggestions-result-current {
	background: #222 !important;
}
.suggestions-result-current,
.suggestions-result-current .special-query,
.suggestions-result-current .special-label {
	color: #ddd !important;
}