MediaWiki:Vector.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 21: | Line 21: | ||
/* VECTOR | /* VECTOR BASE STRIPS */ | ||
/* ------------------ | /* ------------------ */ | ||
body.skin-vector-legacy #mw-page-base { | body.skin-vector-legacy #mw-page-base { | ||
left: var(--wiki-shell-gap); | position: absolute; | ||
width: var(--wiki-shell-width); | top: 0; | ||
margin-left: 0; | left: var(--wiki-shell-gap) !important; | ||
width: var(--wiki-shell-width) !important; | |||
margin-left: 0 !important; | |||
background: #fff; | background: #fff; | ||
} | } | ||
body.skin-vector-legacy #mw-head-base { | body.skin-vector-legacy #mw-head-base { | ||
left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width)); | position: absolute; | ||
width: var(--wiki-content-width); | top: 0; | ||
margin-left: 0; | left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width)) !important; | ||
width: var(--wiki-content-width) !important; | |||
margin-left: 0 !important; | |||
background: #fff; | background: #fff; | ||
} | } | ||
| Line 42: | Line 45: | ||
/* ------------------- */ | /* ------------------- */ | ||
body.skin-vector-legacy #mw-panel { | body.skin-vector-legacy #mw-panel { | ||
left: var(--wiki-shell-gap); | position: absolute; | ||
top: 0; | left: var(--wiki-shell-gap) !important; | ||
width: var(--wiki-sidebar-width); | top: 0 !important; | ||
width: var(--wiki-sidebar-width) !important; | |||
min-height: 100vh; | min-height: 100vh; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
padding: 24px 18px; | padding: 24px 18px; | ||
background: #171717; | background: #171717; | ||
color: #f2eadc; | color: #f2eadc; | ||
| Line 59: | Line 62: | ||
/* ----------------- */ | /* ----------------- */ | ||
body.skin-vector-legacy #p-logo { | body.skin-vector-legacy #p-logo { | ||
position: relative; | position: relative !important; | ||
top: 0; | top: 0 !important; | ||
left: 0; | left: 0 !important; | ||
width: 100%; | width: 100% !important; | ||
height: 150px; | height: 150px; | ||
margin: 0 0 24px 0; | margin: 0 0 24px 0; | ||
| Line 73: | Line 76: | ||
/* ------------------- */ | /* ------------------- */ | ||
body.skin-vector-legacy #content.mw-body { | body.skin-vector-legacy #content.mw-body { | ||
margin-left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width)); | margin-left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width)) !important; | ||
width: var(--wiki-content-width); | width: var(--wiki-content-width) !important; | ||
max-width: var(--wiki-content-width); | max-width: var(--wiki-content-width) !important; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
background: #fff; | background: #fff; | ||
| Line 81: | Line 84: | ||
/* TOP | /* TOP HEAD LAYOUT */ | ||
/* | /* --------------- */ | ||
body.skin-vector-legacy #mw-head { | body.skin-vector-legacy #mw-head { | ||
left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width)); | position: absolute; | ||
right: auto; | top: 0; | ||
width: var(--wiki-content-width); | left: calc(var(--wiki-shell-gap) + var(--wiki-sidebar-width)) !important; | ||
right: auto !important; | |||
width: var(--wiki-content-width) !important; | |||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
/* TOP LEFT PAGE TABS */ | |||
/* ------------------ */ | |||
/* Vector normally adds its own left offset here. This removes that hidden push. */ | |||
body.skin-vector-legacy #left-navigation { | body.skin-vector-legacy #left-navigation { | ||
left: 0; | position: absolute; | ||
left: 0 !important; | |||
margin-left: 0 !important; | |||
} | } | ||
/* TOP RIGHT PAGE TABS AND SEARCH */ | |||
/* ------------------------------ */ | |||
body.skin-vector-legacy #right-navigation { | body.skin-vector-legacy #right-navigation { | ||
right: 0; | position: absolute; | ||
right: 0 !important; | |||
margin-right: 0 !important; | |||
max-width: 620px; | |||
box-sizing: border-box; | |||
} | } | ||
/* PERSONAL LINKS | /* PERSONAL LINKS */ | ||
/* | /* -------------- */ | ||
body.skin-vector-legacy #p-personal { | body.skin-vector-legacy #p-personal { | ||
right: var(--wiki-shell-gap); | position: absolute; | ||
top: 0; | |||
right: var(--wiki-shell-gap) !important; | |||
width: var(--wiki-content-width); | |||
box-sizing: border-box; | |||
} | |||
/* SEARCH BOX */ | |||
/* ---------- */ | |||
body.skin-vector-legacy #p-search { | |||
max-width: 330px; | |||
} | |||
body.skin-vector-legacy #p-search input { | |||
box-sizing: border-box; | |||
} | } | ||