MediaWiki:Vector.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 34: | Line 34: | ||
--wiz-sidebar-content-gap: 0px; | --wiz-sidebar-content-gap: 0px; | ||
--wiz-page-gutter: 24px; | --wiz-page-gutter: 24px; | ||
--wiz-content-width: calc(var(--wiz- | --wiz-content-width: calc(100% - var(--wiz-sidebar-width) - var(--wiz-sidebar-content-gap) - var(--wiz-page-gutter)); | ||
--wiz-content-padding: 20px; | --wiz-content-padding: 20px; | ||
--wiz-content-background: #222; | --wiz-content-background: #222; | ||
| Line 40: | Line 40: | ||
--wiz-panel-background: rgba(15, 15, 15, 0.82); | --wiz-panel-background: rgba(15, 15, 15, 0.82); | ||
--wiz-page-background: #111; | --wiz-page-background: #111; | ||
--wiz-background-image: url(" | --wiz-background-image: url("/index.php/Special:Redirect/file/background_circle.jpeg"); | ||
--wiz-content-border: #ff942d; | --wiz-content-border: #ff942d; | ||
--wiz-text: #d2d2d2; | --wiz-text: #d2d2d2; | ||
| Line 100: | Line 100: | ||
} | } | ||
/* ========================================================================== | /* Vector always uses the wide Main Page banner, including when its desktop | ||
shell is viewed through a narrow browser window. Citizen retains the | |||
responsive no-background banner swap defined in its own stylesheet. */ | |||
.skin-vector .page-banner { | |||
aspect-ratio: auto; | |||
margin-bottom: 24px; | |||
background-image: none; | |||
} | |||
.skin-vector .page-banner-desktop { | |||
display: block !important; | |||
} | |||
.skin-vector .page-banner-mobile { | |||
display: none !important; | |||
} | |||
/* ========================================================================== | |||
Vector Wrapper Cleanup | Vector Wrapper Cleanup | ||
-------------------------------------------------------------------------- | -------------------------------------------------------------------------- | ||
| Line 1,076: | Line 1,093: | ||
Narrow Vector Fallback | Narrow Vector Fallback | ||
-------------------------------------------------------------------------- | -------------------------------------------------------------------------- | ||
When Vector is manually used below the small-desktop range, | When Vector is manually used below the small-desktop range, remove its | ||
desktop sidebar | desktop sidebar, reclaim that space, and stack the homepage columns. | ||
========================================================================== */ | ========================================================================== */ | ||
@media (max-width: 899px) { | @media (max-width: 899px) { | ||
| Line 1,083: | Line 1,100: | ||
--wiz-sidebar-width: 0px; | --wiz-sidebar-width: 0px; | ||
--wiz-sidebar-content-gap: 0px; | --wiz-sidebar-content-gap: 0px; | ||
--wiz-content-width: 100%; | --wiz-content-width: calc(100% - var(--wiz-page-gutter) - var(--wiz-page-gutter)); | ||
--wiz-page-gutter: 12px; | --wiz-page-gutter: 12px; | ||
--wiz-content-padding: 14px; | --wiz-content-padding: 14px; | ||
} | |||
#mw-panel, | |||
#p-logo { | |||
display: none !important; | |||
} | |||
#content.mw-body, | |||
#footer { | |||
margin-inline: var(--wiz-page-gutter); | |||
box-shadow: | |||
calc(-1 * var(--wiz-page-gutter)) 0 0 0 var(--wiz-panel-background), | |||
var(--wiz-page-gutter) 0 0 0 var(--wiz-panel-background); | |||
} | |||
#left-navigation { | |||
margin-left: var(--wiz-page-gutter); | |||
} | } | ||