MediaWiki:DarkOnyx.css
From Halopedia, the Halo wiki
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Onyx night theme */
/* Header background */
#onyx-header-wikiHeader {
background: linear-gradient(to left, transparent, #272727), url(https://halo.wiki.gallery/images/8/8c/Onyx-background-header.png) repeat-y;
background-position: right;
background-size: 500px;
}
/* Page background */
#onyx-page {
background-color: #272727;
}
#onyx-page-pageBody {
background: url(https://halo.wiki.gallery/images/c/cc/Onyx-watermark.png) no-repeat center top;
}
pre, .mw-code {
background: rgba(20, 20, 20, 0.5) !important;
}
/* Font color */
body, h1, h2, h3, h4, h5, h6 {
color: #fff;
}
/* Thumbs */
.thumbinner {
background-color: #1D1D1D !important;
}
.gallerybox .thumb {
background: transparent !important;
}
.gallery:not(.mw-gallery-packed-hover):not(.mw-gallery-slideshow) .gallerybox {
background: #1D1D1D !important;
}
/* Blue buttons */
input[type="submit"], input[type="button"], input[type="reset"], input[type="file"] {
color: #fff;
cursor: pointer;
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;
}
/* Standard changes */
#onyx-navigation-list > li > a,
.onyx-pageContents-selected > a > .onyx-pageContents-itemLabel {
color: #fff !important;
}
pre, .mw-code, .catlinks {
color: #fff;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
}
body code, .catlinks {
background: rgba(20, 20, 20, 0.5) !important;
}
#pagehistory li.selected {
color: #fff;
background: rgba(20, 20, 20, 0.5);
border: 1px dashed #414b5d;
}
.mw-ui-input {
border-color: #666 !important;
}
.mw-ui-input, .mw-ui-button {
box-shadow: inset 0 0 0 0.1em #333 !important;
}
.mw-ui-button:hover {
color: #a2a9b1 !important;
}