MediaWiki:Timeless.css

From UmiharaWiki
Revision as of 08:46, 17 July 2022 by KawaseFan (talk | contribs) (Add initial style overrides for the Timeless skin)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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 */

body {
    background-color: #646fd0;
}

#mw-header-hack {
    box-shadow: none;
}

#mw-header-hack .color-left,
#mw-header-hack .color-middle,
#mw-header-hack .color-right {
    background-image: linear-gradient(to bottom, #ffffff, #eeeeff);
}

#mw-content-container {
    background-color: #eeeeff;
    background-image: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

#mw-content,
#mw-related-navigation .sidebar-chunk,
#mw-site-navigation .sidebar-chunk,
.mw-prefs-buttons {
    background-color: #f3f3ff;
}

#mw-content,
#mw-related-navigation .sidebar-chunk,
#mw-site-navigation .sidebar-chunk,
#toc,
.thumbinner {
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

#p-logo-text a,
#personal h2 {
    font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-variant: normal;
}

#p-logo-text a {
    color: #1f3134;
    text-shadow: 1px 1px #e5151f;
}

#firstHeading,
.mw-list-item {
    border-bottom-width: 2px !important;
}

#firstHeading,
.mw-list-item:not(:hover) {
    border-bottom-color: #646fd0 !important;
}