MediaWiki:Timeless.css: Difference between revisions

Latest revision as of 15:38, 5 June 2026

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

/* font */
.mw-body,
.mw-parser-output {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

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

/* Top bar text only */
#mw-header-container > div a,
#mw-header-container > div span,
#mw-header-container > div .mw-ui-icon {
    color: white !important;
}

/* Dropdown menu text */
#personal-inner.dropdown ul,
#personal-inner.dropdown ul a,
#personal-inner.dropdown ul span,
#personal-inner.dropdown ul li {
    color: black !important;
}


/* Search input */
#searchInput {
    background-color: #FBE4C1 !important;
    color: #000 !important;
    border: 2px solid #814180 !important;
}

/* Search box container color */
#simpleSearch {
    background-color: #FBE4C1 !important;
    border: 2px solid #814180 !important;
}

/* Suggestions dropdown */
.suggestions,
.suggestions-results {
    background-color: #FBE4C1 !important;
    border: 1px solid #814180 !important;
}

.suggestions a {
    color: #000 !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: black !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: black !important;
    padding: 4px !important;
    margin: 0 !important;
    border: 1px solid #1a5678 !important;
}

/* changing color of links to be more readable hopefully */
#mw-content a:link {
    color: #00659E !important;
}

#mw-content a:visited {
    color: #571c56 !important;
}

#mw-content a.new:link,
#mw-content a.new:visited {
    color: #8A1200 !important;
}

/* TOC links (darker color) */
#toc a:link,
.toc a:link,
#toc a:visited,
.toc a:visited {
    color: #0f3f5a !important;
}

/* Preformatted text boxes */
pre {
    background-color: #38a48c !important;
    border: 1px solid #38a48c !important;
    color: black !important;
    box-shadow: 0 0 4px #38a48c !important;
}