MediaWiki:Onyx.css: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
No edit summary
 
(72 intermediate revisions by 3 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 {
color: white;
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, 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;
}
 
#onyx-banner,
#onyx-footer,
.mw-notification {
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;
}
 
h1, h2, h3, h4, h5, h6 {
color: white;
}
 
h1, h2, .fakeh2 {
border-bottom: solid 1px #414b5d;
}
}


a {
/* Links */
a, label.toctogglelabel {
color: #0f63b7;
color: #0f63b7;
}
a.new {
color: #ba0000 !important;
}
}
a:hover {
a:hover {
Line 73: Line 19:
color: #0f63b7;
color: #0f63b7;
}
}
 
a.new, a.mw-usertoollinks-contribs-no-edits {
color: #ba0000 !important;
}
.mw-parser-output a.external[href^="https://www.halopedia.org"] {
.mw-parser-output a.external[href^="https://www.halopedia.org"] {
color: #0f63b7 !important;
color: #0f63b7 !important;
Line 86: Line 34:
}
}


#onyx-navigation-list > li > a {
/* Onyx site notice */
color: white !important;
.mw-dismissable-notice-close {
display: none;
visibility: hidden;
}
 
/* Table of contents */
#toc, .toc {
background: none !important;
}
}


#onyx-page {
/* Border color */
background-color: #272727;
h1, h2, .fakeh2, .onyx-dropdown-list > li:not(:last-child) {
border: 1px solid #277d93;
border-bottom: 1px solid #414b5d;
}
}


#onyx-page-pageBody {
/* Blue toolbox */
background: url(/images/c/cc/Onyx-watermark.png) no-repeat center top;
#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 {
.onyx-button-primary {
background-color: #0b4e90;
background-color: #0b4e90;
border-color: #0b4e90;
border-color: #0b4e90;
}
}
.onyx-button-primary:hover,
.onyx-button-primary:hover,
.onyx-dropdown:hover > .onyx-button-primary {
.onyx-dropdown:hover > .onyx-button-primary {
background-color: #258ef8;
background-color: #258ef8;
border-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;
}
}


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


Line 127: Line 128:
}
}


#onyx-content-siteNotice,
.thumbinner, .gallerybox .thumb {
pre, .catlinks {
background-color: #bbb !important;
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);
}
}


.thumbinner, .gallerybox {
.catlinks {
background-color: #1D1D1D !important;
background: #ccc !important;
border: 1px solid #277d93 !important;
}
}


Line 147: Line 141:


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


.onyx-dropdown-list > li > a:only-child:hover {
.onyx-dropdown-list > li > a:only-child:hover {
background-color: #3B3B3B;
background-color: #3B3B3B;
}
.onyx-dropdown-list > li:not(:last-child) {
border-bottom: solid 1px #414b5d;
}
}


.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 180: Line 162:
#onyx-toolbox {
#onyx-toolbox {
box-shadow: 0 0 10px 0 #000;
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%);
}
}


Line 191: Line 168:
border: none;
border: none;
}
}
#pagehistory li.selected {
background: rgba(20, 20, 20, 0.5);
color: white;
border: 1px dashed #414b5d;
}
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;
}
#onyx-header-wikiHeader {
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;
}
.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 {
body .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
Line 227: Line 173:
}
}


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: white !important;
}
}


.mw-ui-button:hover {
.mw-indicator {
color: #a2a9b1 !important;
margin: 0;
}
}
 
#mw-indicator-rc {
.mw-dismissable-notice-close {
display: none;
display: none;
visibility: hidden;
}
}


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


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


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


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


#toc, .toc {
div.noarticletext {
background: none !important;
background: none !important;
}
}


.onyx-pageContents-itemPrefix {
#onyx-stickyModules-custom>ul {
color: #999;
margin-left: 15px;
}
 
div.mw-createacct-benefits-container {
display: inline-block;
}
}


table.darker,
.suggestions-results, .suggestions-special {
table.wikitable {
background: #333 !important;
display: block;
border-color: #666 !important;
overflow: auto;
}
max-width: max-content;
.suggestions-result,
border: 0;
.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;
}