MediaWiki:Gadget-colorRC.css: Difference between revisions

From RuneRealm Wiki
Jump to navigation Jump to search
Content added Content deleted
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/*** Color certain namespaces in RecentChanges* @todo: add something to distinguish watched pages (since this already bolds by default)** This gadget is enabled for mobile too, so ensure that all CSS styling done here makes* sense for those viewing the wiki from a mobile device.*//* fix this issue <https://css-tricks.com/multi-line-padded-text/> */.mw-changeslist-title { -webkit-box-decoration-break: clone; box-decoration-break: clone;}.mw-changeslist-ns-10 .mw-changeslist-title:not(.new),.mw-changeslist-ns-828 .mw-changeslist-title:not(.new),.mw-changeslist-ns-110 .mw-changeslist-title:not(.new),.mw-changeslist-ns-1 .mw-changeslist-title:not(.new),.mw-changeslist-ns-11 .mw-changeslist-title:not(.new),.mw-changeslist-ns-8 .mw-changeslist-title:not(.new),.mw-changeslist-ns-4 .mw-changeslist-title:not(.new),.mw-changeslist-ns-6 .mw-changeslist-title:not(.new) { font-weight: bold; padding: 1px 4px; margin-left: -4px; border-radius: 3px;}/* red *//* template, module */.mw-changeslist-ns-10 .mw-changeslist-title:not(.new),.mw-changeslist-ns-828 .mw-changeslist-title:not(.new) { background: #ffe5e4; color: #b4312d;}/* orange *//* forum, talk, template talk */.mw-changeslist-ns-110 .mw-changeslist-title:not(.new),.mw-changeslist-ns-1 .mw-changeslist-title:not(.new),.mw-changeslist-ns-11 .mw-changeslist-title:not(.new) { background: #ffecd9; color: #d47300;}/* green *//* mediawiki */.mw-changeslist-ns-8 .mw-changeslist-title:not(.new) { background: #ecfbe0; color: #619335;}/* blue *//* runescape */.mw-changeslist-ns-4 .mw-changeslist-title:not(.new) { color: #327ba7; background: #ebf3f6;}/* purple *//* file */.mw-changeslist-ns-6 .mw-changeslist-title:not(.new) { background: #f0eafa; color: #766698;}/* DARK MODE just inverting background/text colors for now */.wgl-theme-dark .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),.wgl-theme-dark .mw-changeslist-ns-828 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-828 .mw-changeslist-title:not(.new) { background: #b4312d; color: #ffe5e4;}.wgl-theme-dark .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),.wgl-theme-dark .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),.wgl-theme-dark .mw-changeslist-ns-11 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-11 .mw-changeslist-title:not(.new) { background: #d47300; color: #ffecd9;}.wgl-theme-dark .mw-changeslist-ns-8 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-8 .mw-changeslist-title:not(.new) { background: #619335; color: #ecfbe0;}.wgl-theme-dark .mw-changeslist-ns-4 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-4 .mw-changeslist-title:not(.new) { background: #438ab5; color: #ebf3f6;}.wgl-theme-dark .mw-changeslist-ns-6 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-6 .mw-changeslist-title:not(.new) { background: #766698; color: #f0eafa;}
/**
* Color certain namespaces in RecentChanges
* @todo: add something to distinguish watched mw.pages (since this already bolds by default)
*
* This gadget is enabled for mobile too, so ensure that all CSS styling done here makes
* sense for those viewing the wiki from a mobile device.
*/

/* fix this issue <https://css-tricks.com/multi-line-padded-text/> */
.mw-changeslist-title {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}

.mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-828 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-11 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-8 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-4 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {
font-weight: bold;
padding: 1px 4px;
margin-left: -4px;
border-radius: 3px;
}

/* red */
/* template, module */
.mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-828 .mw-changeslist-title:not(.new) {
background: #ffe5e4;
color: #b4312d;
}

/* orange */
/* forum, talk, template talk */
.mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
.mw-changeslist-ns-11 .mw-changeslist-title:not(.new) {
background: #ffecd9;
color: #d47300;
}

/* green */
/* mediawiki */
.mw-changeslist-ns-8 .mw-changeslist-title:not(.new) {
background: #ecfbe0;
color: #619335;
}

/* blue */
/* runescape */
.mw-changeslist-ns-4 .mw-changeslist-title:not(.new) {
color: #327ba7;
background: #ebf3f6;
}

/* purple */
/* file */
.mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {
background: #f0eafa;
color: #766698;
}

/* DARK MODE
just inverting background/text colors for now */

.wgl-theme-dark .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
.wgl-theme-dark .mw-changeslist-ns-828 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-828 .mw-changeslist-title:not(.new) {
background: #b4312d;
color: #ffe5e4;
}

.wgl-theme-dark .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
.wgl-theme-dark .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
.wgl-theme-dark .mw-changeslist-ns-11 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-11 .mw-changeslist-title:not(.new) {
background: #d47300;
color: #ffecd9;
}

.wgl-theme-dark .mw-changeslist-ns-8 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-8 .mw-changeslist-title:not(.new) {
background: #619335;
color: #ecfbe0;
}

.wgl-theme-dark .mw-changeslist-ns-4 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-4 .mw-changeslist-title:not(.new) {
background: #438ab5;
color: #ebf3f6;
}

.wgl-theme-dark .mw-changeslist-ns-6 .mw-changeslist-title:not(.new),
.wgl-theme-browntown .mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {
background: #766698;
color: #f0eafa;
}

Revision as of 17:12, 17 October 2024

/*** Color certain namespaces in RecentChanges* @todo: add something to distinguish watched pages (since this already bolds by default)** This gadget is enabled for mobile too, so ensure that all CSS styling done here makes* sense for those viewing the wiki from a mobile device.*//* fix this issue <https://css-tricks.com/multi-line-padded-text/> */.mw-changeslist-title {	-webkit-box-decoration-break: clone;	box-decoration-break: clone;}.mw-changeslist-ns-10 .mw-changeslist-title:not(.new),.mw-changeslist-ns-828 .mw-changeslist-title:not(.new),.mw-changeslist-ns-110 .mw-changeslist-title:not(.new),.mw-changeslist-ns-1 .mw-changeslist-title:not(.new),.mw-changeslist-ns-11 .mw-changeslist-title:not(.new),.mw-changeslist-ns-8 .mw-changeslist-title:not(.new),.mw-changeslist-ns-4 .mw-changeslist-title:not(.new),.mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {    font-weight: bold;    padding: 1px 4px;    margin-left: -4px;    border-radius: 3px;}/* red *//* template, module */.mw-changeslist-ns-10 .mw-changeslist-title:not(.new),.mw-changeslist-ns-828 .mw-changeslist-title:not(.new) {    background: #ffe5e4;    color: #b4312d;}/* orange *//* forum, talk, template talk */.mw-changeslist-ns-110 .mw-changeslist-title:not(.new),.mw-changeslist-ns-1 .mw-changeslist-title:not(.new),.mw-changeslist-ns-11 .mw-changeslist-title:not(.new) {    background: #ffecd9;    color: #d47300;}/* green *//* mediawiki */.mw-changeslist-ns-8 .mw-changeslist-title:not(.new) {    background: #ecfbe0;    color: #619335;}/* blue *//* runescape */.mw-changeslist-ns-4 .mw-changeslist-title:not(.new) {	color: #327ba7;    background: #ebf3f6;}/* purple *//* file */.mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {    background: #f0eafa;    color: #766698;}/* DARK MODE   just inverting background/text colors for now */.wgl-theme-dark .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),.wgl-theme-dark .mw-changeslist-ns-828 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-10 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-828 .mw-changeslist-title:not(.new) {    background: #b4312d;    color: #ffe5e4;}.wgl-theme-dark .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),.wgl-theme-dark .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),.wgl-theme-dark .mw-changeslist-ns-11 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-110 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-1 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-11 .mw-changeslist-title:not(.new) {    background: #d47300;    color: #ffecd9;}.wgl-theme-dark .mw-changeslist-ns-8 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-8 .mw-changeslist-title:not(.new) {    background: #619335;    color: #ecfbe0;}.wgl-theme-dark .mw-changeslist-ns-4 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-4 .mw-changeslist-title:not(.new) {    background: #438ab5;    color: #ebf3f6;}.wgl-theme-dark .mw-changeslist-ns-6 .mw-changeslist-title:not(.new),.wgl-theme-browntown .mw-changeslist-ns-6 .mw-changeslist-title:not(.new) {    background: #766698;    color: #f0eafa;}