MediaWiki:Vector.css

/* Base background image setup */
body {
    --body-background-image: url("/resources/assets/bg.png");
    background-size: cover;
    background-attachment: fixed;
    font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}

/* Soft fade gradient overlay (tapered exposure of the background image) */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(245, 237, 221, 0.9) 0%,
        rgba(245, 237, 221, 0.96) 15%,
        rgba(245, 237, 221, 0.98) 40%,
        rgba(245, 237, 221, 1) 70%
    );
    z-index: -1;
    pointer-events: none;
}

/* Optional vignette effect to darken corners subtly */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.15) 100%);
    z-index: -2;
    pointer-events: none;
}

/* Match OSRS Wiki-style solid content area */
.vector-body,
#content,
#mw-content-text,
.mw-body,
#mw-head-base {
    background-color: #f5eddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    padding: 1em;
}

/* Ensure top navigation and tabs blend into same panel */
.vector-menu-tabs,
.vector-menu-tabs ul,
.vector-menu-tabs li,
.vector-menu-tabs li a {
    background-color: #f5eddd !important;
}