MediaWiki:Onyx.css: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will affect users of the Onyx skin */
/* CSS placed here will affect users of the Onyx skin */


/* Background images */
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(https://halo.wiki.gallery/images/0/0d/Onyx-background-main.jpg) no-repeat center top;
}
background-size: cover;
#onyx-header-wikiHeader {
background-attachment: fixed;
background: linear-gradient(to left, transparent, #272727), url(https://halo.wiki.gallery/images/8/8c/Onyx-background-header.png);
background-color: #000000;
}
#onyx-page-pageBody {
background: url(https://halo.wiki.gallery/images/c/cc/Onyx-watermark.png) no-repeat center top;
}
 
/* Internal links */
.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;
}
}


Line 26: Line 42:
height: 36px;
height: 36px;
border-color: #666 !important;
border-color: #666 !important;
}
/* Standard changes */
body {
color: #fff;
background-size: cover;
background-attachment: fixed;
background-color: #000;
}
#onyx-header-wikiHeader {
background-size: 500px;
background-repeat: repeat-y;
background-position: right;
}
}


Line 53: Line 84:


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


Line 71: Line 102:
a:visited {
a:visited {
color: #0f63b7;
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;
}
}


#onyx-navigation-list > li > a {
#onyx-navigation-list > li > a {
color: white !important;
color: #fff !important;
}
}


Line 92: Line 111:
background-color: #272727;
background-color: #272727;
border: 1px solid #277d93;
border: 1px solid #277d93;
}
#onyx-page-pageBody {
background: url(https://halo.wiki.gallery/images/c/cc/Onyx-watermark.png) no-repeat center top;
}
}


Line 117: Line 132:
.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 142:


#onyx-content-siteNotice, pre, .catlinks {
#onyx-content-siteNotice, pre, .catlinks {
color: white;
color: #fff;
background: rgba(20, 20, 20, 0.5)!important;
background: rgba(20, 20, 20, 0.5)!important;
border: 1px solid #277d93!important;
border: 1px solid #277d93!important;
Line 145: Line 160:


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


Line 192: Line 207:
#pagehistory li.selected {
#pagehistory li.selected {
background: rgba(20, 20, 20, 0.5);
background: rgba(20, 20, 20, 0.5);
color: white;
color: #fff;
border: 1px dashed #414b5d;
border: 1px dashed #414b5d;
}
}
Line 206: Line 221:
color: #fff;
color: #fff;
cursor: pointer;
cursor: pointer;
}
#onyx-header-wikiHeader {
background: linear-gradient(to left, transparent, #272727), url(https://halo.wiki.gallery/images/8/8c/Onyx-background-header.png);
background-size: 500px;
background-repeat: repeat-y;
background-position: right;
}
}


Line 218: Line 226:
border: 1px solid #277d93 !important;
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 230: Line 236:


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


Line 260: Line 266:


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


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


Line 288: Line 294:
}
}


/* Echo icons (none) */
#onyx-personalTools-list .oo-ui-icon-bell,
#onyx-personalTools-list .oo-ui-icon-bell,
#onyx-personalTools-list .oo-ui-icon-tray,
#onyx-personalTools-list .oo-ui-icon-tray,