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 */ | ||
body { | |||
background: url("/resources/assets/bg.png") var(--body-background-color) top center / cover no-repeat; | |||
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 */ | ||
#mw- | .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- | .vector-menu-tabs, | ||
.vector-menu-tabs ul, | |||
.vector-menu-tabs li, | |||
.vector-menu-tabs li a { | |||
background-color: #f5eddd !important; | |||
.vector-menu- | |||
.vector-menu- | |||
} | } |
Revision as of 21:44, 1 May 2025
/* Base background image setup */
body {
background: url("/resources/assets/bg.png") var(--body-background-color) top center / cover no-repeat;
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;
}