MediaWiki:Vector.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
/* ---------------- */ | /* ---------------- */ | ||
:root { | :root { | ||
--wiki-shell-width: min(1350px, 100vw); | --wiki-shell-width: min(1350px, calc(100vw - 80px)); | ||
--wiki-sidebar-width: 210px; | --wiki-sidebar-width: 210px; | ||
--wiki-content-width: calc(var(--wiki-shell-width) - var(--wiki-sidebar-width)); | --wiki-content-gutter: 16px; | ||
--wiki-content-width: calc(var(--wiki-shell-width) - var(--wiki-sidebar-width) - (var(--wiki-content-gutter) * 2)); | |||
--wiki-head-height: 82px; | --wiki-head-height: 82px; | ||
--wiki-user-row-top: 8px; | --wiki-user-row-top: 8px; | ||
| Line 19: | Line 20: | ||
/* OUTER PAGE BACKGROUND */ | /* OUTER PAGE BACKGROUND */ | ||
/* --------------------- */ | /* --------------------- */ | ||
/* This is the space outside the centred wiki body. */ | /* This is the browser space outside the centred wiki body. */ | ||
html { | html { | ||
background: #f5f3ee; | background: #f5f3ee; | ||
| Line 27: | Line 28: | ||
/* CENTERED BODY SHELL */ | /* CENTERED BODY SHELL */ | ||
/* ------------------- */ | /* ------------------- */ | ||
/* | /* This is the full centred website shell, like the BG3 wiki body. */ | ||
body.skin-vector-legacy { | body.skin-vector-legacy { | ||
position: relative; | position: relative; | ||
| Line 82: | Line 83: | ||
/* TOP HEAD BAR */ | /* TOP HEAD BAR */ | ||
/* ------------ */ | /* ------------ */ | ||
/* | /* Header aligns with the bordered content container. */ | ||
body.skin-vector-legacy #mw-head { | body.skin-vector-legacy #mw-head { | ||
position: absolute !important; | position: absolute !important; | ||
top: 0 !important; | top: 0 !important; | ||
left: var(--wiki-sidebar-width) !important; | left: calc(var(--wiki-sidebar-width) + var(--wiki-content-gutter)) !important; | ||
right: auto !important; | right: auto !important; | ||
width: var(--wiki-content-width) !important; | width: var(--wiki-content-width) !important; | ||
| Line 104: | Line 105: | ||
position: absolute !important; | position: absolute !important; | ||
top: var(--wiki-user-row-top) !important; | top: var(--wiki-user-row-top) !important; | ||
right: | right: 0 !important; | ||
left: auto !important; | left: auto !important; | ||
width: auto !important; | width: auto !important; | ||
| Line 151: | Line 152: | ||
/* MAIN CONTENT BODY */ | /* MAIN CONTENT BODY */ | ||
/* ----------------- */ | /* ----------------- */ | ||
/* This is the bordered | /* This is the bordered page container with internal padding, like BG3. */ | ||
body.skin-vector-legacy #content.mw-body { | body.skin-vector-legacy #content.mw-body { | ||
position: absolute !important; | position: absolute !important; | ||
top: var(--wiki-head-height) !important; | top: var(--wiki-head-height) !important; | ||
left: var(--wiki-sidebar-width) !important; | left: calc(var(--wiki-sidebar-width) + var(--wiki-content-gutter)) !important; | ||
right: auto !important; | right: auto !important; | ||