Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
(Dark mode updates) |
(Dark mode updates) |
||
| (12 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
/* Use https://moasspedia.org/wiki/Special:MyPage/vector.css to add your own CSS before adding here */ | /* Use https://moasspedia.org/wiki/Special:MyPage/vector.css to add your own CSS before adding here */ | ||
/* See https://moasspedia.org/wiki/MediaWiki:Common.css to apply to all skins/themes */ | /* See https://moasspedia.org/wiki/MediaWiki:Common.css to apply to all skins/themes */ | ||
@media screen { | |||
html,body { | |||
height: unset; | |||
min-height: 100%; | |||
} | |||
} | |||
html { | html { | ||
filter: invert(100%); | filter: invert(100%); | ||
position: relative; | |||
} | |||
html::before { | |||
background-attachment: fixed, fixed; | |||
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); | |||
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; | |||
} | |||
body, | |||
code, | |||
pre, | |||
.mw-code { | |||
background: unset; | |||
} | |||
.mw-body, .parsoid-body{ | |||
background-color: rgba(255, 255, 255, 0.25); | |||
} | } | ||
.mw-wiki-logo { | .mw-wiki-logo { | ||
filter: invert(100%); | filter: invert(100%); | ||
} | |||
.pswp { | |||
filter: invert(100%); | |||
} | |||
.wikitable { | |||
background-color: rgba(249, 249, 249, 0.25); | |||
} | |||
#footer-copyrightico { | |||
filter: invert(100%); | |||
} | |||
#mw-page-base { | |||
background-color: rgba(251, 251, 251, 0.25); | |||
background-image: initial; | |||
} | |||
/* Credit logo artist */ | |||
#p-logo .mw-wiki-logo-credit { | |||
font-size: 0.6em; | |||
text-align: center; | |||
} | |||
#p-logo a.mw-wiki-logo-credit-artist { | |||
display: inline; | |||
} | } | ||
Latest revision as of 04:05, 5 May 2022
/* All CSS here will be loaded for users of the Vector skin */
/* Use https://moasspedia.org/wiki/Special:MyPage/vector.css to add your own CSS before adding here */
/* See https://moasspedia.org/wiki/MediaWiki:Common.css to apply to all skins/themes */
@media screen {
html,body {
height: unset;
min-height: 100%;
}
}
html {
filter: invert(100%);
position: relative;
}
html::before {
background-attachment: fixed, fixed;
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);
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;
}
body,
code,
pre,
.mw-code {
background: unset;
}
.mw-body, .parsoid-body{
background-color: rgba(255, 255, 255, 0.25);
}
.mw-wiki-logo {
filter: invert(100%);
}
.pswp {
filter: invert(100%);
}
.wikitable {
background-color: rgba(249, 249, 249, 0.25);
}
#footer-copyrightico {
filter: invert(100%);
}
#mw-page-base {
background-color: rgba(251, 251, 251, 0.25);
background-image: initial;
}
/* Credit logo artist */
#p-logo .mw-wiki-logo-credit {
font-size: 0.6em;
text-align: center;
}
#p-logo a.mw-wiki-logo-credit-artist {
display: inline;
}