MediaWiki:Common.css: Difference between revisions
From Melvor Idle
(Dark mode: Support .updatedmarker) |
(Dark mode: Adjust for better revision history & revision diff appearance) |
||
Line 9: | Line 9: | ||
body.darkMode #p-logo-text a, | body.darkMode #p-logo-text a, | ||
body.darkMode #searchInput, | body.darkMode #searchInput, | ||
body.darkMode .diff-context, | |||
body.darkMode .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, | body.darkMode .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, | ||
body.darkMode .mw-body .mw-search-profile-tabs, | body.darkMode .mw-body .mw-search-profile-tabs, | ||
Line 26: | Line 27: | ||
body.darkMode #pagehistory li { | body.darkMode #pagehistory li { | ||
border: 1px solid # | border: 1px solid #2c343f; | ||
} | } | ||
Line 35: | Line 36: | ||
background: #775353; | background: #775353; | ||
} | } | ||
body.darkMode .diff-addedline { | body.darkMode .diff-addedline { | ||
border-color: # | border-color: #4f6334; | ||
} | |||
body.darkMode .diff-deletedline { | |||
border-color:#775353 | |||
} | } | ||
body.darkMode .updatedmarker { | body.darkMode .updatedmarker { | ||
background-color:#4f6334 | background-color:#4f6334 | ||
Line 45: | Line 47: | ||
body.darkMode #pagehistory li.selected { | body.darkMode #pagehistory li.selected { | ||
background-color: # | background-color: #353d48; | ||
color: #eee; | color: #eee; | ||
border: 1px dashed #465160; | border: 1px dashed #465160; | ||
Line 111: | Line 113: | ||
color: #28c | color: #28c | ||
} | } | ||
body.darkMode .diff-context, | |||
body.darkMode .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, | body.darkMode .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, | ||
body.darkMode .mw-body .mw-search-profile-tabs, | body.darkMode .mw-body .mw-search-profile-tabs, |
Revision as of 13:53, 5 December 2021
/* CSS placed here will be applied to all skins */
.stickyHeader th {
position: -webkit-sticky;
position: sticky;
}
body.darkMode #mw-page-header-links li.selected a,
body.darkMode #p-logo-text a,
body.darkMode #searchInput,
body.darkMode .diff-context,
body.darkMode .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
body.darkMode .mw-body .mw-search-profile-tabs,
body.darkMode .mw-body fieldset#mw-searchoptions,
body.darkMode .mw-changeslist-legend,
body.darkMode .mwe-popups .mwe-popups-extract,
body.darkMode .suggestions .suggestions-result,
body.darkMode .suggestions a.mw-searchSuggest-link,
body.darkMode .suggestions a.mw-searchSuggest-link:active,
body.darkMode .suggestions a.mw-searchSuggest-link:focus,
body.darkMode .suggestions a.mw-searchSuggest-link:hover,
body.darkMode .suggestions-special .special-query,
body.darkMode .wikitable,
body.darkMode {
color: #eee
}
body.darkMode #pagehistory li {
border: 1px solid #2c343f;
}
body.darkMode .diff-addedline .diffchange {
background: #4f6334;
}
body.darkMode .diff-deletedline .diffchange {
background: #775353;
}
body.darkMode .diff-addedline {
border-color: #4f6334;
}
body.darkMode .diff-deletedline {
border-color:#775353
}
body.darkMode .updatedmarker {
background-color:#4f6334
}
body.darkMode #pagehistory li.selected {
background-color: #353d48;
color: #eee;
border: 1px dashed #465160;
}
body.darkMode .mw-plusminus-pos {
color: #18b918;
}
body.darkMode .mw-plusminus-neg {
color: #f94e4e;
}
body.darkMode .editOptions {
background-color: #232a35;
}
body.darkMode #mw-header-container {
background-color: #323942;
color: #eee
}
body.darkMode textarea,
body.darkMode .oo-ui-textInputWidget .oo-ui-inputWidget-input,
body.darkMode .mw-code,
body.darkMode mw-tagfilter-input mw-ui-input mw-ui-input-inline {
background-color: #323942;
color: #eee;
}
body.darkMode #simpleSearch {
border-color: #465160
}
body.darkMode #mw-content-container,
body.darkMode #simpleSearch {
background-color: #232a35
}
body.darkMode .mw-parser-output a.external,a {
color: #29d
}
body.darkMode .mw-parser-output a.external:visited,a:visited {
color: #18c
}
body.darkMode .mw-parser-output a.external:active,
body.darkMode .mw-parser-output a.external:hover,
body.darkMode a:active,
body.darkMode a:hover {
color: #5bf
}
body.darkMode #mw-content {
background-color: #2c343f;
border-color: #2c343f
}
body.darkMode .tocnumber {
color: #ccc
}
body.darkMode .toctogglelabel {
color: #28c
}
body.darkMode .diff-context,
body.darkMode .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
body.darkMode .mw-body .mw-search-profile-tabs,
body.darkMode .mw-body fieldset#mw-searchoptions,
body.darkMode .mw-changeslist-legend,
body.darkMode .mw-warning,
body.darkMode .suggestions,
body.darkMode .suggestions .suggestions-results,
body.darkMode .suggestions .suggestions-special,
body.darkMode .thumbinner,
body.darkMode .toc,
body.darkMode .wikitable,
body.darkMode ul#filetoc {
background-color: #323942;
border-color: #465160
}
body.darkMode .thumbborder,
body.darkMode .thumbinner .thumbimage,
body.darkMode .wikitable>*>tr>td,
body.darkMode .wikitable>*>tr>th,
body.darkMode .wikitable>tr>td,
body.darkMode .wikitable>tr>th {
border-color: #465160
}
body.darkMode .wikitable>*>tr>th,
body.darkMode .wikitable>tr>th {
background-color: #465160
}
body.darkMode .mwe-popups {
background: #323942
}
body.darkMode .mwe-popups .mwe-popups-extract[dir=ltr]::after {
background-image: linear-gradient(to right,rgba(255,255,255,0),#323942 50%)
}
body.darkMode td[style*="background-color:lightpink;"],
body.darkMode td[style*="background-color:#FFE8E8;"] {
background-color: #6a2731!important
}
body.darkMode td[style*="background-color:lightgreen;"],
body.darkMode td[style*="background-color:#E8FFEB;"] {
background-color: #285128!important
}
body.darkMode span[style*="color:green"] {
color: #3ec83e!important
}
body.darkMode table[style*="background:#FFF7F7;"] {
background-color: #465160!important
}
body.darkMode #mw-header-nav-hack {
background: #323942;
border-top-color: #465160
}
@media only screen and (min-width:1100px) {
body.darkMode #mw-related-navigation .sidebar-chunk,
body.darkMode #mw-site-navigation .sidebar-chunk {
background-color: #323942;
border-color: #323942;
border-radius: .5rem;
box-shadow: 0 1px 2px rgb(33 34 35/50%),0 1px 2px rgb(26 26 27/50%)
}
}
body.darkMode #mw-related-navigation .sidebar-inner,
body.darkMode #mw-site-navigation .sidebar-inner,
body.darkMode #personal .dropdown {
background: #323942;
border-color: #465160
}
body.darkMode #menus-cover {
background: #111
}
table.lighttable .highlight-over {
background-color: #ccc;
}
table.lighttable .highlight-on {
background-color: #cfc;
}
body.darkMode table.lighttable .highlight-over {
background-color:#465160;
}
body.darkMode table.lighttable .highlight-on {
background-color:#285128;
}
#mw-scribunto-input {
color: #0000FF;
}
.col-1-center td:nth-child(1) { text-align: center; }
.col-2-center td:nth-child(2) { text-align: center; }
.col-3-center td:nth-child(3) { text-align: center; }
.col-4-center td:nth-child(4) { text-align: center; }
.col-5-center td:nth-child(5) { text-align: center; }
.col-6-center td:nth-child(6) { text-align: center; }
.col-7-center td:nth-child(7) { text-align: center; }
.col-8-center td:nth-child(8) { text-align: center; }
.col-9-center td:nth-child(9) { text-align: center; }
.col-1-right td:nth-child(1) { text-align: right; }
.col-2-right td:nth-child(2) { text-align: right; }
.col-3-right td:nth-child(3) { text-align: right; }
.col-4-right td:nth-child(4) { text-align: right; }
.col-5-right td:nth-child(5) { text-align: right; }
.col-6-right td:nth-child(6) { text-align: right; }
.col-7-right td:nth-child(7) { text-align: right; }
.col-8-right td:nth-child(8) { text-align: right; }
.col-9-right td:nth-child(9) { text-align: right; }