MediaWiki:Gadget-colorRC.css: Difference between revisions
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;}