No edit summary |
No edit summary |
||
| Line 31: | Line 31: | ||
} | } | ||
.colorem { | div.colorem { | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| Line 42: | Line 42: | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
} | |||
div.colorem video { | |||
object-fit: contain; | |||
overflow-clip-margin: content-box; | |||
overflow: clip; | |||
} | } | ||
Revision as of 12:05, 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 {
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;
}