MediaWiki:Common.css: Difference between revisions
From Melvor Idle
No edit summary |
(Dark Mode updates) |
||
Line 6: | Line 6: | ||
} | } | ||
#mw-page-header-links li.selected a,#p-logo-text a,#searchInput,.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,.mw-body .mw-search-profile-tabs,.mw-body fieldset#mw-searchoptions,.mw-changeslist-legend,.mwe-popups .mwe-popups-extract,.suggestions .suggestions-result,.suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus,.suggestions a.mw-searchSuggest-link:hover,.suggestions-special .special-query,.wikitable,body { | body.darkMode #mw-page-header-links li.selected a, | ||
body.darkMode #p-logo-text a, | |||
body.darkMode #searchInput, | |||
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 | color: #eee | ||
} | } | ||
.editOptions { | body.darkMode .editOptions { | ||
color:#465160!important; | color:#465160!important; | ||
} | } | ||
#mw-header-container { | body.darkMode #mw-header-container { | ||
background-color: #323942; | background-color: #323942; | ||
color: #eee | color: #eee | ||
} | } | ||
#simpleSearch { | body.darkMode #simpleSearch { | ||
border-color: #465160 | border-color: #465160 | ||
} | } | ||
#mw-content-container,#simpleSearch { | body.darkMode #mw-content-container, | ||
body.darkMode #simpleSearch { | |||
background-color: #232a35 | background-color: #232a35 | ||
} | } | ||
.mw-parser-output a.external,a { | body.darkMode .mw-parser-output a.external,a { | ||
color: #29d | color: #29d | ||
} | } | ||
.mw-parser-output a.external:visited,a:visited { | body.darkMode .mw-parser-output a.external:visited,a:visited { | ||
color: #18c | color: #18c | ||
} | } | ||
.mw-parser-output a.external:active,.mw-parser-output a.external:hover,a:active,a:hover { | 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 | color: #5bf | ||
} | } | ||
#mw-content { | body.darkMode #mw-content { | ||
background-color: #2c343f; | background-color: #2c343f; | ||
border-color: #2c343f | border-color: #2c343f | ||
} | } | ||
.tocnumber { | body.darkMode .tocnumber { | ||
color: #ccc | color: #ccc | ||
} | } | ||
.toctogglelabel { | body.darkMode .toctogglelabel { | ||
color: #28c | color: #28c | ||
} | } | ||
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,.mw-body .mw-search-profile-tabs,.mw-body fieldset#mw-searchoptions,.mw-changeslist-legend,.mw-warning,.suggestions,.suggestions .suggestions-results,.suggestions .suggestions-special,.thumbinner,.toc,.wikitable,ul#filetoc { | 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; | background-color: #323942; | ||
border-color: #465160 | border-color: #465160 | ||
} | } | ||
.thumbborder,.thumbinner .thumbimage,.wikitable>*>tr>td,.wikitable>*>tr>th,.wikitable>tr>td,.wikitable>tr>th { | 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 | border-color: #465160 | ||
} | } | ||
.wikitable>*>tr>th,.wikitable>tr>th { | body.darkMode .wikitable>*>tr>th, | ||
body.darkMode .wikitable>tr>th { | |||
background-color: #465160 | background-color: #465160 | ||
} | } | ||
.mwe-popups { | body.darkMode .mwe-popups { | ||
background: #323942 | background: #323942 | ||
} | } | ||
.mwe-popups .mwe-popups-extract[dir=ltr]::after { | body.darkMode .mwe-popups .mwe-popups-extract[dir=ltr]::after { | ||
background-image: linear-gradient(to right,rgba(255,255,255,0),#323942 50%) | background-image: linear-gradient(to right,rgba(255,255,255,0),#323942 50%) | ||
} | } | ||
td[style*="background-color:lightpink;"], td[style*="background-color:#FFE8E8;"] { | body.darkMode td[style*="background-color:lightpink;"], | ||
body.darkMode td[style*="background-color:#FFE8E8;"] { | |||
background-color: #6a2731!important | background-color: #6a2731!important | ||
} | } | ||
td[style*="background-color:lightgreen;"], td[style*="background-color:#E8FFEB;"] { | body.darkMode td[style*="background-color:lightgreen;"], | ||
body.darkMode td[style*="background-color:#E8FFEB;"] { | |||
background-color: #285128!important | background-color: #285128!important | ||
} | } | ||
span[style*="color:green"] { | body.darkMode span[style*="color:green"] { | ||
color: #3ec83e!important | color: #3ec83e!important | ||
} | } | ||
table[style*="background:#FFF7F7;"] { | body.darkMode table[style*="background:#FFF7F7;"] { | ||
background-color: #465160!important | background-color: #465160!important | ||
} | } | ||
#mw-header-nav-hack { | body.darkMode #mw-header-nav-hack { | ||
background: #323942; | background: #323942; | ||
border-top-color: #465160 | border-top-color: #465160 | ||
Line 95: | Line 133: | ||
@media only screen and (min-width:1100px) { | @media only screen and (min-width:1100px) { | ||
#mw-related-navigation .sidebar-chunk,#mw-site-navigation .sidebar-chunk { | body.darkMode #mw-related-navigation .sidebar-chunk, | ||
body.darkMode #mw-site-navigation .sidebar-chunk { | |||
background-color: #323942; | background-color: #323942; | ||
border-color: #323942; | border-color: #323942; | ||
Line 103: | Line 142: | ||
} | } | ||
#mw-related-navigation .sidebar-inner,#mw-site-navigation .sidebar-inner,#personal .dropdown { | body.darkMode #mw-related-navigation .sidebar-inner, | ||
body.darkMode #mw-site-navigation .sidebar-inner, | |||
body.darkMode #personal .dropdown { | |||
background: #323942; | background: #323942; | ||
border-color: #465160 | border-color: #465160 | ||
} | } | ||
#menus-cover { | body.darkMode #menus-cover { | ||
background: #111 | background: #111 | ||
} | } | ||
table.lighttable .highlight-over { | body.darkMode table.lighttable .highlight-over { | ||
background-color:#465160; | background-color:#465160; | ||
} | } | ||
table.lighttable .highlight-on { | body.darkMode table.lighttable .highlight-on { | ||
background-color:#285128; | background-color:#285128; | ||
} | } |
Revision as of 03:31, 18 June 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 .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 .editOptions {
color:#465160!important;
}
body.darkMode #mw-header-container {
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 .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
}
body.darkMode table.lighttable .highlight-over {
background-color:#465160;
}
body.darkMode table.lighttable .highlight-on {
background-color:#285128;
}