MediaWiki:Timeless.css: Difference between revisions

Revision as of 19:30, 11 October 2026

/* ==========================================
   THE WORLD OF HAELORA
   Timeless Skin Customization
   ========================================== */

/* Main article background */
#mw-content {
    background-color: #FFFDF8;
    color: #292724;
    border: 1px solid #D5CBB9;
}

/* Outer content area */
#mw-content-container {
    background-color: #F4EFE4;
}

/* Main page title */
#firstHeading {
    font-family: Georgia, "Times New Roman", serif;
    color: #343743;
    border-bottom: 2px solid #B49A67;
    padding-bottom: 0.3em;
}

/* Article section headings */
#mw-content h2,
#mw-content h3,
#mw-content h4 {
    font-family: Georgia, "Times New Roman", serif;
    color: #343743;
}

#mw-content h2 {
    border-bottom: 1px solid #D5CBB9;
    padding-bottom: 0.2em;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
    background-color: #F8F3E9;
    border-color: #D5CBB9;
}

/* Links */
#mw-content a {
    color: #405A83;
}

#mw-content a:visited {
    color: #68577B;
}

#mw-content a:hover {
    color: #8A6938;
}

/* Tables */
#mw-content table.wikitable {
    background-color: #FFFDF8;
    border-color: #D5CBB9;
}

#mw-content table.wikitable th {
    background-color: #EAE1D1;
    color: #343743;
}

/* ==========================================
   HAELORA - REFINED PARCHMENT THEME
   ========================================== */

/* Outer background */
body,
#mw-content-container {
    background-color: #E9E0D1 !important;
}

/* Main article */
#mw-content {
    background-color: #F3EBDD !important;
    border: 1px solid #B49A67 !important;
    color: #292724;
}

/* Remove Timeless's default colored borders */
#mw-content-container {
    border-top: none !important;
    border-bottom: none !important;
}

/* Article heading */
#firstHeading {
    border-bottom: 2px solid #B49A67 !important;
}

/* Section headings */
#mw-content h2 {
    border-bottom: 1px solid #D5CBB9 !important;
}

/* Navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
    background-color: #EDE3D3 !important;
    border-color: #B49A67 !important;
}

/* Horizontal rules */
#mw-content hr {
    border: 0;
    border-top: 1px solid #B49A67;
}

/* ==========================================
   HAELORA - TIMELESS HEADER & FOOTER
   ========================================== */

/* Replace Timeless's colored header stripe */
#mw-header-container {
    border-bottom: 5px solid #B49A67 !important;
}

/* Replace Timeless's colored footer stripe */
#mw-footer-container {
    border-top: 4px solid #B49A67 !important;
}

/* Improve footer readability */
#mw-footer-container,
#mw-footer-container a {
    color: #514B43 !important;
}

/* Blend navigation panels into parchment */
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
    background-color: #EDE3D3 !important;
    border: 1px solid #D5CBB9 !important;
}

/* ==========================================
   HAELORA - FINAL LAYOUT REFINEMENTS
   ========================================== */

/* Replace remaining default header colors */
#mw-header-container {
    border-bottom-color: #B49A67 !important;
}

#mw-header {
    border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
    background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
    background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
    color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
    background-color: #EDE3D3 !important;
    border-color: #D5CBB9 !important;
}/* ==========================================
   HAELORA - FINAL LAYOUT REFINEMENTS
   ========================================== */

/* Replace remaining default header colors */
#mw-header-container {
    border-bottom-color: #B49A67 !important;
}

#mw-header {
    border-bottom-color: #B49A67 !important;
}

/* Give the article a warmer parchment background */
#mw-content,
#mw-content .mw-parser-output,
#mw-content .mw-body-content {
    background-color: #F3EBDD !important;
}

/* Keep the page title area consistent */
#mw-content #firstHeading {
    background-color: #F3EBDD !important;
}

/* Make footer text readable */
#mw-footer-container,
#mw-footer-container *,
#mw-footer,
#mw-footer a {
    color: #514B43 !important;
}

/* Blend the navigation panels */
#mw-site-navigation .sidebar-inner,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-inner,
#mw-related-navigation .sidebar-chunk {
    background-color: #EDE3D3 !important;
    border-color: #D5CBB9 !important;
}