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;     
}