No edit summary |
No edit summary |
||
| Line 45: | Line 45: | ||
div.colorem video { | div.colorem video { | ||
width: 100%; | |||
height: 100%; | |||
object-fit: contain; | object-fit: contain; | ||
overflow-clip-margin: content-box; | overflow-clip-margin: content-box; | ||
Revision as of 12:11, 25 January 2023
/* All CSS here will be loaded for users of the Citizen skin */
:root {
--color-base: black;
--color-base--emphasized: black;
--color-base--subtle: gray;
/*--color-primary__h: 153;
--color-primary__s: 78%;
--color-primary__l: 43%; light green colour */
--color-primary__h: 120;
--color-primary__s: 100%;
--color-primary__l: 21%;
--font-family-base: 'Helvetica Neue','Helvetica',system-ui,-apple-system,sans-serif;
}
/* no wordmark in the footer */
.mw-logo-wordmark { display: none; }
/* no header: we'll add page titles manually to be able to change the colour */
.firstHeading-container { visibility: hidden; }
#siteSub { visibility: hidden; }
/* Bring the text to 14px */
#bodyContent { font-size: 1.175em; }
/* Hide the ToC */
.toc { display: none; }
a.image img {
max-width:100%;
height:auto;
}
div.colorem {
width: 100%;
height: 100%;
position: absolute;
pointer-events: none;
max-width: 100%;
overflow: hidden;
background-size: cover;
background-position: top center;
top: 0;
left: 0;
}
div.colorem video {
width: 100%;
height: 100%;
object-fit: contain;
overflow-clip-margin: content-box;
overflow: clip;
}
.page-heading {
background: #fff url(/resources/assets/edgy-logo.svg) left center/contain no-repeat border-box;
}