MediaWiki:DarkOnyx.css

Revision as of 12:25, July 1, 2024 by Porplemontage (talk | contribs)

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, #1A1A1A), url(https://marathon.wiki.gallery/images/terminalbg.png) repeat-y;
	background-position: right 223px;
	background-size: 600px
}

/* Page background */
#onyx-page {
	background-color: #1A1A1A;
}
pre, .mw-code {
	background: #333;
}

/* Font color */
body, h1, h2, h3, h4, h5, h6 {
	color: #D5D4D4;
}

/* Thumbs */
.thumbinner, .gallerybox .thumb {
	background: #333 !important;
}

/* Dismissable site notice */
.mw-dismissable-notice {
	background: rgba(20, 20, 20, 0.5);
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
}

/* Table of contents */
.toctitle {
	border-color: #555;
}

/* Links */
a, a:hover, a:visited, label.toctogglelabel {
	color: #53ED24;
}
body .mw-parser-output a.external, body .mw-parser-output a.extiw {
	color: #C2FE0C !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: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:%238FBE00%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:%238FBE00%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:%23c2fe0c%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");
}
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='%23c2fe0c' d='M7.5 2v3H10l1-1H8.5V1z'/%3E%3Cpath fill='%238FBE00' d='M3 1v10h8V4L8.5 1zm1 1h4l2 2.5V10H4z'/%3E%3C/svg%3E");
}
.mw-parser-output a.external[href^="https://www.marathonwiki.com"] {
	color: #53ED24 !important;
	background: none !important;
	padding: 0 !important;
}

/* Gray buttons */
input[type="submit"], input[type="button"], button[type="submit"]:not(.mw-ui-button) {
	color: #fff;
	background: #333;
	border: 1px solid #666;
}
input[type=submit]:hover, input[type=button]:hover, button[type=submit]:not(.mw-ui-button):hover {
	background: #444;
}

/* Main page */
body .containerTem, body .containerContent, .containerTem div,
table.affiliates.plainlinks, table.affiliates.plainlinks th {
	background: #444 !important;
	color: #ccc !important;
}
body .containerTem a,
table.affiliates.plainlinks a,
table.affiliates.plainlinks th a {
	color: #009CFF;
}

/* Standard changes */

#onyx-navigation-list > li > a,
.onyx-pageContents-selected > a > .onyx-pageContents-itemLabel {
	color: #fff !important;
}

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

pre {
	color: #fff;
}
.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;
}