Difference between revisions of "MediaWiki:Citizen.css"

From MOASSpedia
Jump to navigation Jump to search
(Dark mode updates)
 
(Dark mode updates)
 
(2 intermediate revisions by the same user not shown)
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(1);
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%);
}
}


html.skin-citizen-dark .mw-footer:before,
body,
html.skin-citizen-dark #mw-data-after-content:before {
code,
pre,
.mw-code,
.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)
}
}

Latest revision as of 03:08, 5 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,
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)
}