Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
(Attempt to fix background image issue (as seen in Firefox and https://archive.today/) with assistance from the crew @ Libera.chat/CSS / https://hashcss.com/) |
(css background image fix for page requests with little or no content) |
||
| Line 6: | Line 6: | ||
html,body { | html,body { | ||
height: unset; | height: unset; | ||
min-height: 100%; | |||
} | } | ||
} | } | ||
Revision as of 20:14, 4 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 {
background-color: 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;
}