MediaWiki:Timeless.css

From MOASSpedia
Revision as of 06:10, 5 May 2022 by Jkhanlar (talk | contribs) (Dark mode updates)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Timeless skin */
/* Use https://moasspedia.org/wiki/Special:MyPage/Timeless.css to add your own CSS before adding here */
/* See https://moasspedia.org/wiki/MediaWiki:Common.css to apply to all skins/themes */

html {
    background-color: #e2e1df;
    filter: invert(100%);
    position: relative;
}

html::before {
    background-attachment: fixed, fixed;
    background-image: linear-gradient(rgba(246, 246, 246, 0.75) 0%, rgba(246, 246, 246, 0.75) 100%), url(/w/resources/assets/bg/Crayon_eating_ape_Boltflower.inverted.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    -moz-background-size: cover, cover;
    -o-background-size: cover, cover;
    -webkit-background-size: cover, cover;
    background-size: cover, cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -9999;
}

body,
code,
pre,
#mw-content,
#mw-content-container,
#mw-footer-container,
.mw-body fieldset#mw-searchoptions,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-changeslist-legend,
.mw-code,
.mw-datatable,
.mw_metadata,
.wikitable {
	background: unset;
}
	
#mw-footer-container {
    filter: invert(100%);
}

#p-logo {
    filter: invert(100%);
}

/* Credit logo artist */
#p-logo a.mw-wiki-logo-credit {
    filter: invert(100%);
	font-size: 0.6em;
	text-align: center;
}
#p-logo a.mw-wiki-logo-credit-artist {
	display: inline;
}