MediaWiki:Timeless.css

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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All CSS here will be loaded for users of the Timeless skin */

/* Site background image */
html,
body,
#mw-page-container {
    background-image: url("https://solsticewiki.com/images/8/81/Wikibg1.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* inner wrappers */
#mw-content-container,
#mw-content,
.mw-body-inner {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* article content box */
.mw-body {
    background-color: #85D5C4 !important;
    box-shadow: 0 0 20px #85D5C4 !important;;
    border: 20px solid #85D5C4 !important;
}

/* Header bar */
#mw-header-container {
    background-color: #571c56 !important;
}

/* header text becomes white */
#mw-header-container,
#mw-header-container a,
#mw-header-container a:visited,
#mw-header-container span,
#mw-header-container li {
    color: white !important;
}

/* Sidebar panels */

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
    background-color: #FBE4C1 !important;
    background-image: none !important;
    box-shadow: 0 0 5px #FBE4C1 !important;
    border: 8px solid #FBE4C1 !important;
}

#mw-site-navigation .sidebar-chunk > *,
#mw-related-navigation .sidebar-chunk > * {
    background: transparent !important;
}

/* Table of contents on individual pages */
#toc,
.toc,
.toccolours {
    background-color: #159097 !important;
    border: 2px solid #159097 !important;
    box-shadow: none !important;
}
#toc a,
.toc a {
    color: white !important;
}

/* Infobox templates */
.infobox {
    background-color: #1a5678 !important;
    border: 2px solid #1a5678 !important;
}

.infobox tr,
.infobox td,
.infobox th {
    background-color: transparent !important;
}