MediaWiki:Vector.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.
/* Base background image setup */
body {
background: url("/resources/assets/bg.png") no-repeat center top;
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;
}