MediaWiki:Onyx.css: Difference between revisions
From Halopedia, the Halo wiki
No edit summary |
No edit summary |
||
(112 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Onyx skin */ | /* CSS placed here will affect users of the Onyx skin */ | ||
/* Onyx night theme: https://www.halopedia.org/MediaWiki:DarkOnyx.css */ | |||
#pt-notifications-alert, #pt-notifications-notice { display: none !important; } | |||
/* Body background */ | |||
body { | body { | ||
background: linear-gradient(to bottom, transparent, #000), url(https://halo.wiki.gallery/images/0/0d/Onyx-background-main.jpg) no-repeat center top; | |||
background: linear-gradient(to bottom, transparent, | |||
} | } | ||
/* | /* Links */ | ||
. | a, label.toctogglelabel { | ||
. | color: #0f63b7; | ||
} | |||
background: | a:hover { | ||
color: # | color: #2567a9; | ||
} | |||
a:visited { | |||
color: #0f63b7; | |||
} | |||
a.new, a.mw-usertoollinks-contribs-no-edits { | |||
color: #ba0000 !important; | |||
} | |||
.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- | .mw-parser-output a.external[href^="https://www.halopedia.org"]:visited { | ||
color: #0f63b7 !important; | |||
} | } | ||
/* Onyx site notice */ | |||
.mw-dismissable-notice-close { | |||
.mw- | display: none; | ||
visibility: hidden; | |||
} | } | ||
. | /* Table of contents */ | ||
background | #toc, .toc { | ||
background: none !important; | |||
} | } | ||
h1, h2, | /* Border color */ | ||
h1, h2, .fakeh2, .onyx-dropdown-list > li:not(:last-child) { | |||
border-bottom: 1px solid #414b5d; | |||
} | } | ||
/* Blue toolbox */ | |||
#onyx-toolbox { | |||
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%); | |||
} | } | ||
/* Blue buttons */ | |||
color: # | .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; | |||
} | } | ||
/* Blue borders */ | |||
#onyx-page, | |||
#onyx-content-siteNotice, pre, .catlinks, .thumbimage, .thumbinner, | |||
.gallery:not(.mw-gallery-packed-hover):not(.mw-gallery-slideshow) .gallerybox { | |||
border: 1px solid #277d93 !important; | |||
} | } | ||
/* Standard changes */ | |||
color: # | |||
body { | |||
background-color: #000; | |||
background-size: cover; | |||
background-attachment: fixed; | |||
} | } | ||
#onyx-header-wikiHeader { | |||
background: | background: linear-gradient(to right, #ccc, #ddd); | ||
} | } | ||
#onyx- | #onyx-banner, #onyx-footer { | ||
color: | background-color: rgba(20, 20, 20, 0.9); | ||
border: none; | |||
} | } | ||
.onyx-bannerOption:hover > .onyx-bannerOption-button { | |||
background-color: | background-color: rgba(255, 255, 255, 0.2); | ||
transition: 0.4s; | |||
} | } | ||
#onyx- | #onyx-search-form .mw-fallbackSearchButton { | ||
display: none; | |||
} | } | ||
#onyx-footerContent-footerIcons { | |||
margin-left: auto; | |||
} | } | ||
#onyx-page-header h1 { | |||
font-size: 36px; | |||
} | } | ||
Line 92: | Line 119: | ||
.onyx-button-secondary:hover, | .onyx-button-secondary:hover, | ||
.onyx-dropdown:hover > .onyx-button-secondary { | .onyx-dropdown:hover > .onyx-button-secondary { | ||
border-color: # | border-color: #bbb; | ||
color: # | color: #bbb; | ||
stroke: # | stroke: #bbb; | ||
} | } | ||
Line 101: | Line 128: | ||
} | } | ||
.thumbinner, .gallerybox .thumb { | |||
background-color: #bbb !important; | |||
. | |||
color: | |||
} | } | ||
. | .catlinks { | ||
background | background: #ccc !important; | ||
} | } | ||
Line 121: | Line 140: | ||
} | } | ||
.onyx-dropdown-list > li > | .onyx-dropdown-list > li > *:only-child { | ||
color: | color: #fff !important; | ||
} | } | ||
Line 129: | Line 148: | ||
} | } | ||
. | .tocnumber, | ||
.onyx-recentChanges-info, | .onyx-recentChanges-info, | ||
.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; | |||
} | } | ||
Line 148: | Line 162: | ||
#onyx-toolbox { | #onyx-toolbox { | ||
box-shadow: 0 0 10px 0 #000; | box-shadow: 0 0 10px 0 #000; | ||
} | } | ||
Line 160: | Line 169: | ||
} | } | ||
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; | |||
background | margin-right: 10px; | ||
background | } | ||
.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 { | ||
color: | 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; | |||
} | } |
Latest revision as of 09:11, August 24, 2023
/* CSS placed here will affect users of the Onyx skin */
/* Onyx night theme: https://www.halopedia.org/MediaWiki:DarkOnyx.css */
#pt-notifications-alert, #pt-notifications-notice { display: none !important; }
/* Body background */
body {
background: linear-gradient(to bottom, transparent, #000), url(https://halo.wiki.gallery/images/0/0d/Onyx-background-main.jpg) no-repeat center top;
}
/* Links */
a, label.toctogglelabel {
color: #0f63b7;
}
a:hover {
color: #2567a9;
}
a:visited {
color: #0f63b7;
}
a.new, a.mw-usertoollinks-contribs-no-edits {
color: #ba0000 !important;
}
.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;
}
/* Onyx site notice */
.mw-dismissable-notice-close {
display: none;
visibility: hidden;
}
/* Table of contents */
#toc, .toc {
background: none !important;
}
/* Border color */
h1, h2, .fakeh2, .onyx-dropdown-list > li:not(:last-child) {
border-bottom: 1px solid #414b5d;
}
/* Blue toolbox */
#onyx-toolbox {
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%);
}
/* Blue buttons */
.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;
}
/* Blue borders */
#onyx-page,
#onyx-content-siteNotice, pre, .catlinks, .thumbimage, .thumbinner,
.gallery:not(.mw-gallery-packed-hover):not(.mw-gallery-slideshow) .gallerybox {
border: 1px solid #277d93 !important;
}
/* 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;
}