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; } .page-Main_Page #mw-content-text .mw-parser-output div:not(.nomobile):not(.center-template) a, .page-Main_Page #mw-content-text .mw-parser-output table.plainlinks th a, .page-Main_Page #mw-content-text .mw-parser-output table.plainlinks a { color: #009CFF; } .mw-ui-input { height: 36px; border-color: #666 !important; } .mw-ui-input, .mw-ui-button { box-shadow: inset 0 0 0 0.1em #333 !important; }

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

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

display: none; }
 * 1) onyx-search-form .mw-fallbackSearchButton {

margin-left: auto; }
 * 1) onyx-footerContent-footerIcons {

font-size: 36px; }
 * 1) onyx-page-header h1 {

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

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

a.new { color: #ba0000 !important; } a { color: #0f63b7; } a:hover { color: #2567a9; } a:visited { color: #0f63b7; }

.mw-parser-output a.external[href^="https://www.halopedia.org"] { color: #0f63b7 !important; background: none !important; padding: 0 !important; } .mw-parser-output a.external[href^="https://www.halopedia.org"]:hover { color: #2567a9 !important; } .mw-parser-output a.external[href^="https://www.halopedia.org"]:visited { color: #0f63b7 !important; }

color: white !important; }
 * 1) onyx-navigation-list > li > a {

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

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

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

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); }
 * 1) onyx-content-siteNotice,

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

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

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

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

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%); }
 * 1) onyx-toolbox {

padding: 3px 5px 7px 5px; border: none; }
 * 1) pagehistory li {

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

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

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

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

/* Onyx Fixes */

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

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

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

.mw-ui-button:hover { color: #a2a9b1 !important; }

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

.mw-indicator { margin: 0 7.5px; }	display: none; }
 * 1) mw-indicator-rc {

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

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

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

.onyx-footerLinks-list li a { color: white !important; }
 * 1) onyx-tools-list li a,

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

.onyx-pageContents-itemPrefix { color: #999; }

table.darker, table.wikitable { display: block; overflow: auto; max-width: max-content; border: 0; }

div.noarticletext { background: none !important; }