MediaWiki:Timeless.css

From Protochroma Wiki
Revision as of 02:19, 29 January 2023 by Wymsical (talk | contribs)

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.
:root {
  --bg-darkest: #202020;
  --bg-dark: #585858;
  --bg-middle: #A9A9A9;
  --bg-light: #D0D0D0;
  --bg-lightest: #FFFFFF;

  --ac-border: #1E90FF;
  --ac-link: #00FFFF;
  --ac-text: #FFFFFF;

  --g-text: #000000;
  --g-link: #000080;
  --g-link-hover: #0000CD;
  --g-bwtag-hover: #00FFFF;
  --g-highlight: #B0C4DE;
  --g-border: #000000;
  --g-overlay: rgba(140, 140, 140, 0.5);

  --svg-sm: #000000;
}

#mw-content-container {
    background: var(--bg-darkest);
}

#mw-content {
    background: var(--bg-light);
}

#mw-content-wrapper {
    background: var(--bg-light);
}

#mw-header-container {
    background: var(--bg-middle);
}

#mw-site-navigation, .sidebar-chunk, .sidebar-inner, .dropdown {
    border-left: 3px solid var(--ac-border);
    background-image: linear-gradient(to right, var(--bg-darkest), var(--bg-dark));
}

.mw-footer-container {
    color: var(--g-text);
}

.mw-footer-container a:visited {
    color: var(--g-link);
}