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 please dont touch this I'll cry */
#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 10px #85D5C4 !important;;
    border: 25px solid #85D5C4 !important;
}

/* Header bar */
#mw-header-container {
    background-color: #814180 !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: #38a48c !important;
    border: 2px solid #38a48c !important;
    box-shadow: none !important;
}
#toc a,
.toc a {
    color: black !important;
}


/* Infobox templates */

/* All cells */
.wikitable {
    border-collapse: collapse !important;
}

.wikitable td {
    background-color: #38a48c !important;
    border: 1px solid #1a5678 !important;
}
/* Row headers */
.wikitable th:not([colspan]):not([style*="text-align:center"]) {
    background-color: #266E5E !important;
    color: white !important;
    border: 1px solid #266E5E !important;
}
/* Section headers */
.wikitable th[colspan],
.wikitable th[style*="text-align:center"] {
    background-color: #266E5E !important;
    color: white !important;
    border: 1px solid #1a5678 !important;
}
.wikitable th[style*="background"] {
    background-color: #266E5E !important;
    color: white !important;
}
.wikitable th {
    color: white !important;
}

/* OTHER SMALLER WIKI TWEAKS */

/* changing the color of that underline that shows up under headers so it isnt gray anymore */
.mw-body h1,
.mw-body h2,
.mw-body h3 {
    border-bottom: 2px solid #38a48c !important;
}

/* changing the color of that 3 color bar under the header bar so it isnt red green blue */
/* Customizing the Timeless header color bar */
.color-left {
    background: #f8d092 !important;
}
.color-middle {
    background: #159097 !important; 
}
.color-right {
    background: #571c56 !important;
}

/* making it so images and galleries arent white bgs anymore */

/* this applies to the old thumbnail system */
div.thumb,
div.thumbinner {
    background-color: #38a48c !important;
    border: 1px solid #1a5678 !important;
}
div.thumbcaption {
    background-color: #38a48c !important;
    color: white !important;
    border: 1px solid #1a5678 !important;
}

/* this applies to the modern image system "figure" */
figure.mw-default-size,
figure.mw-halign-right,
figure.mw-halign-left,
figure.mw-halign-center,
figure.mw-file-element {
    background-color: #38a48c !important;
    border: 1px solid #1a5678 !important;
    padding: 4px !important;
}

figcaption,
.mw-file-element-caption {
    background-color: #38a48c !important;
    color: white !important;
    padding: 4px !important;
    margin: 0 !important;
    border: 1px solid #1a5678 !important;
}