User:Evalprime/common.css

/**
 * color certain namespaces in RecentChanges; finally, some sensible defaults
 * imo this should be default for everyone but whatever

/* this is necessary: 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-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 */ /* Talk, Template talk */ .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 */ /* Big Nate COMMENTS Wiki */ .mw-changeslist-ns-4 .mw-changeslist-title:not(.new) { background: #ebf3f6; }

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

/* dark mode just inverting it 😄 */ .page-dark .mw-changeslist-ns-10 .mw-changeslist-title:not(.new), .page-dark .mw-changeslist-ns-828 .mw-changeslist-title:not(.new) { background: #b4312d; color: #ffe5e4; }

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

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

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

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

/** .column-rc .mw-changeslist-line { margin: .3em 0; line-height: 1.6; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
 * css to assist with my columned RC project

.column-rc .mw-changeslist-line tbody > tr { display: flex; }

.column-rc-pagename, .column-rc-logname { width: 22vw; max-width: 350px; margin-right: .5em; }

@media screen and (max-width: 1000px) {

.column-rc-pagename, .column-rc-logname { width: 20vw; }

}

.column-rc-logname { font-weight: bold; }

.column-rc-diff, .column-rc-logdots { width: 14vw; max-width: 175px; }

.column-rc-diff strong { font-weight: normal; }

.column-rc-diff .mw-changeslist-separator { display: none; }

.column-rc-logdots .mw-changeslist-separator { padding-left: .35em; }

.column-rc-userlinks, .column-rc-logentry { flex: 1; margin-left: .5em; }

.column-rc-logentry { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.column-rc-userlinks > * { margin-right: .25em; }

.column-rc .changedby { font-size: 100%; }

.column-rc .mw-userlink { font-weight: bold; }

.column-rc .mw-anonuserlink { display: inline-block; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; vertical-align: bottom; max-width: 17ch; }

.column-rc .mw-usertoollinks { display: inline-flex; }

.column-rc .mw-usertoollinks a { padding: 0 .05em; }

.column-rc .mw-usertoollinks > span:not(:first-child):before { content: '|'; }

.column-rc .comment--without-parentheses::before, .column-rc .comment--without-parentheses::after { content: ''; }

.column-rc .mw-tag-markers, .column-rc .mw-tag-markers a { font-weight: normal; }

.column-rc .column-rc-nested { margin-left: 4.6em; }

.column-rc-nested .column-rc-pagename { margin-right: .75em; }

.column-rc-nested .column-rc-userlinks { margin-left: 2em; }

.column-rc-nested .column-rc-logentry { margin-left: 2.3em; }

.column-rc-nested .column-rc-logname { font-weight: normal; }