MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* Base background image setup */ | /* Base background image setup */ | ||
body { | body { | ||
background: url("/resources/assets/bg.png") | background: url("/resources/assets/bg.png") no-repeat center top; | ||
background-size: cover; | |||
background-attachment: fixed; | background-attachment: fixed; | ||
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif; | font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif; |
Revision as of 21:46, 1 May 2025
/* 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;
}