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.

/* =============================================
   you seem pretty sad for a girl so in love
   MediaWiki Timeless Theme
   ============================================= */

/* --- Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Lato:wght@300;400&display=swap');

body {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 15px;
    background-color: #fce4ec;
    color: #3b2a2a;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    color: #b5547a;
}

/* --- Background --- */
html, body {
    background-color: #fce4ec;
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(255, 182, 213, 0.4) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(187, 222, 251, 0.3) 0%, transparent 50%);
    background-attachment: fixed;
}

/* --- Content Area --- */
.mw-body,
#mw-content,
#content,
#mw-content-container {
    background-color: rgba(255, 240, 246, 0.75) !important;
    border-radius: 16px;
    border: 1px solid rgba(213, 145, 175, 0.3);
    box-shadow: 0 4px 24px rgba(181, 84, 122, 0.1);
}

/* --- Sidebar --- */
#mw-site-navigation {
    background-color: rgba(255, 213, 232, 0.85) !important;
    border-radius: 16px;
    border: 1px solid rgba(213, 145, 175, 0.4);
    box-shadow: 0 4px 16px rgba(181, 84, 122, 0.12);
    overflow: hidden;
}

.mw-portlet,
.sidebar-inner {
    background-color: transparent !important;
}

#mw-site-navigation a {
    color: #9c3565 !important;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

#mw-site-navigation a:hover {
    color: #b5547a !important;
    text-decoration: underline;
}

/* --- Links --- */
a, a:visited {
    color: #b5547a;
}

a:hover {
    color: #9c3565;
}

/* --- Header / Top Bar --- */
#mw-header-container,
#mw-page-header-links {
    background-color: rgba(252, 228, 236, 0.9) !important;
    border-bottom: 1px solid rgba(213, 145, 175, 0.3);
}

/* --- Footer --- */
#footer {
    background-color: rgba(255, 213, 232, 0.6) !important;
    border-top: 1px solid rgba(213, 145, 175, 0.3);
    color: #9c6e7a;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}

/* --- Tables --- */
table.wikitable {
    background-color: rgba(255, 240, 246, 0.9);
    border: 1px solid #e8a0b8;
    border-radius: 8px;
    overflow: hidden;
}

table.wikitable th {
    background-color: #f3a8c4;
    color: #3b2a2a;
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

table.wikitable td {
    border-color: #e8c4d0;
}

/* --- Scrollbar --- */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #fce4ec;
}

::-webkit-scrollbar-thumb {
    background: #f3a8c4;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: #b5547a;
}