Difference between revisions of "MediaWiki:Citizen.css"
Jump to navigation
Jump to search
(Dark mode updates) |
(Dark mode updates) |
||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Citizen skin */ | /* All CSS here will be loaded for users of the Citizen skin */ | ||
html::before { | |||
background-attachment: fixed, fixed; | |||
background-image: linear-gradient(rgba(9, 9, 9, 0.75) 0%, rgba(9, 9, 9, 0.75) 100%), url(/w/resources/assets/bg/Crayon_eating_ape_Boltflower.jpg); | |||
background-repeat: no-repeat, no-repeat; | |||
background-position: center center, center center; | |||
-moz-background-size: cover, cover; | |||
-o-background-size: cover, cover; | |||
-webkit-background-size: cover, cover; | |||
background-size: cover, cover; | |||
content: ""; | |||
height: 100%; | |||
left: 0; | |||
position: absolute; | |||
top: 0; | |||
width: 100%; | |||
z-index: -9999; | |||
} | |||
html { | |||
position: relative; | |||
} | |||
html.skin-citizen-dark .mw-parser-output .navbox { | html.skin-citizen-dark .mw-parser-output .navbox { | ||
filter: invert( | filter: invert(100%); | ||
} | |||
html.skin-citizen-light::before { | |||
background-image: linear-gradient(rgba(246, 246, 246, 0.75) 0%, rgba(246, 246, 246, 0.75) 100%), url(/w/resources/assets/bg/Crayon_eating_ape_Boltflower.inverted.jpg); | |||
} | } | ||
html.skin-citizen- | html.skin-citizen-light .mw-footer { | ||
filter: invert(100%); | |||
} | |||
body, | |||
.mw-footer:before, | |||
#footer-bottom, | |||
#mw-data-after-content, | |||
#mw-data-after-content:before { | |||
background: unset; | background: unset; | ||
} | |||
.last-modified-bar { | |||
/*background: rgba(229, 218, 210, 0.25);*/ | |||
background: rgba(26, 37, 45, 0.25); | |||
} | |||
.mw-footer { | |||
background: rgba(19, 26, 33, 0.25) | |||
} | } |
Revision as of 20:54, 4 May 2022
/* All CSS here will be loaded for users of the Citizen skin */
html::before {
background-attachment: fixed, fixed;
background-image: linear-gradient(rgba(9, 9, 9, 0.75) 0%, rgba(9, 9, 9, 0.75) 100%), url(/w/resources/assets/bg/Crayon_eating_ape_Boltflower.jpg);
background-repeat: no-repeat, no-repeat;
background-position: center center, center center;
-moz-background-size: cover, cover;
-o-background-size: cover, cover;
-webkit-background-size: cover, cover;
background-size: cover, cover;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -9999;
}
html {
position: relative;
}
html.skin-citizen-dark .mw-parser-output .navbox {
filter: invert(100%);
}
html.skin-citizen-light::before {
background-image: linear-gradient(rgba(246, 246, 246, 0.75) 0%, rgba(246, 246, 246, 0.75) 100%), url(/w/resources/assets/bg/Crayon_eating_ape_Boltflower.inverted.jpg);
}
html.skin-citizen-light .mw-footer {
filter: invert(100%);
}
body,
.mw-footer:before,
#footer-bottom,
#mw-data-after-content,
#mw-data-after-content:before {
background: unset;
}
.last-modified-bar {
/*background: rgba(229, 218, 210, 0.25);*/
background: rgba(26, 37, 45, 0.25);
}
.mw-footer {
background: rgba(19, 26, 33, 0.25)
}