MediaWiki:Citizen.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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,
code,
pre,
.mw-code,
.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)
}