User:0Michael105/ModernizedHistory.css

/** * @name           ModernizedHistory * @author         Nekky-chan (original) * @description    Styling to "modernize" ?action=history */
 * root {

--new-text-color: #E6E6E6; --compare-background-color: #767676; --revdel-background-color: #CC0017; --compare-hover-color: #909090; --revdel-hover-color: #ED001C; }

background-color: var(--theme-page-background-color--secondary); padding: 10px; border-radius: 2px; }
 * 1) mw-history-compare {

border-color: var(--theme-accent-color) !important; background-color: rgba(var(--theme-accent-color--rgb), .15) !important; }
 * 1) mw-history-compare .selected.before,
 * 2) mw-history-compare .selected.after {

border-color: var(--theme-border-color) !important; background-color: rgba(var(--theme-accent-color--rgb), .08) !important; border-radius: 2px; }
 * 1) mw-history-compare .between {

border-color: var(--theme-border-color) !important; border-radius: 2px; }
 * 1) mw-history-compare li.after {

/* "Compare Selected Revisions" button */ background-color: var(--compare-background-color); color: var(--new-text-color) !important; -webkit-appearance: none; -moz-appearance: none; padding: 7px 18px; border: 1px solid var(--compare-background-color); border-radius: 3px; align-items: center; display: inline-flex; font-size: 12px; font-weight: 700; justify-content: center; letter-spacing: 0.15px; line-height: 1.5; padding: 7px 15px; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color 300ms, color 300ms, border-color 300ms; -moz-transition: background-color 300ms, color 300ms, border-color 300ms; transition: background-color 300ms, color 300ms, border-color 300ms; }
 * 1) mw-history-compare input.historysubmit {

/* "Delete Selected Revisions" (fake RevDel) button */ background-color: var(--revdel-background-color); color: var(--new-text-color) !important; -webkit-appearance: none; -moz-appearance: none; padding: 7px 18px; border: 1px solid var(--revdel-background-color) !important; border-radius: 3px; align-items: center; display: inline-flex; font-size: 12px; font-weight: 700; justify-content: center; letter-spacing: 0.15px; line-height: 1.5; padding: 7px 15px; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color 300ms, color 300ms, border-color 300ms; -moz-transition: background-color 300ms, color 300ms, border-color 300ms; transition: background-color 300ms, color 300ms, border-color 300ms; }
 * 1) mw-history-compare button.revdel-submit {

background-color: var(--compare-hover-color); border-color: var(--compare-hover-color); }
 * 1) mw-history-compare input.historysubmit:hover {

background-color: var(--revdel-hover-color); border-color: var(--revdel-hover-color); }
 * 1) mw-history-compare button.revdel-submit:hover {