MediaWiki:Common.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.

body { background-image: url('/images/Bubblegum.png');
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}

#mw-content-container { background-image: url('/images/Bubblegum.png');
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}

/* Import Fredoka from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');

/* Apply Fredoka as the main font sitewide */
body,
#mw-page-base,
#mw-head-base,
#content,
#mw-content-text,
.mw-body,
.mw-body-content,
h1, h2, h3, h4, h5, h6,
p, li, td, th, dt, dd,
.mw-parser-output {
    font-family: 'Fredoka', sans-serif;
}


/* ── Sidebar: dark pink ─────────────── */

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Cormorant+Garamond:ital,wght@0,400;1,400&display=swap');

#mw-panel,
#mw-navigation {
    background: #c0396b;
    border-right: 1px solid #9b2d56;
}

/* Logo / site name */
#p-logo a,
#firstHeading {
    font-family: 'Cormorant Garamond',
        Georgia, serif;
    font-style: italic;
    color: #ffe6ef;
}

/* Section headings */
#mw-panel .portal h3,
#mw-panel .portal .pBody h5 {
    font-family: 'Fredoka', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #f4b8cc;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    border-bottom: 1px dashed
        rgba(255, 255, 255, 0.2);
    padding-bottom: 4px;
}

/* Nav links */
#mw-panel .portal .body ul li a {
    font-family: 'Fredoka', sans-serif;
    color: #ffe6ef;
    border-radius: 8px;
    padding: 4px 10px;
    display: block;
    transition: background 0.2s;
}

#mw-panel .portal .body ul li a:hover {
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    text-decoration: none;
}

/* Search box */
#simpleSearch, #searchInput {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    color: #ffe6ef;
    font-family: 'Fredoka', sans-serif;
}

#searchInput::placeholder {
    color: rgba(255, 220, 235, 0.6);
}

/* Search button */
#searchButton, #mw-searchButton {
    background: #9b2d56;
    border: none;
    border-radius: 50%;
    color: #fff;
}

/* ── Main content: dusty pink background ─── */


#mw-content,
#mw-content-block,
#content,
.mw-body {
    background: transparent !important;
}

/* The inner article/page surface */
.mw-parser-output,
#bodyContent {
    background: #f7dde6 !important;
}

/* Header bar area above the tabs */
#mw-page-titlebar,
.mw-body-content {
    background: #f7dde6 !important;
}