Fixed milky way sizing on non-1080p screens
Deploy to Unraid Share / copy-file (push) Successful in 9s
Deploy to Unraid Share / copy-file (push) Successful in 9s
This commit is contained in:
+16
-3
@@ -15,16 +15,29 @@
|
||||
/* ============================== */
|
||||
/* Global
|
||||
/* ============================== */
|
||||
html {
|
||||
font-size: unset !important;
|
||||
}
|
||||
body {
|
||||
font-size: 93% !important;
|
||||
}
|
||||
|
||||
/* Add Milky Way graphic to header */
|
||||
@media (max-width: 100em) {
|
||||
.skinHeader {
|
||||
--background-width: 100rem;
|
||||
}
|
||||
}
|
||||
.skinHeader {
|
||||
margin-top: -22.02vw;
|
||||
--background-width: 100%;
|
||||
margin-top: calc(-1 * (0.2202 * var(--background-width)));
|
||||
height: 100%;
|
||||
padding-top: 22.02vw;
|
||||
padding-top: calc(-1 * (0.2202 * var(--background-width)));
|
||||
backdrop-filter: none !important;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
background-image: url("https://static.zomerkoningin.nl/andromeda/images/milkyway_header.webp");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
background-size: var(--background-width) auto;
|
||||
background-position-x: center;
|
||||
background-position-y: top;
|
||||
pointer-events: none;
|
||||
|
||||
Reference in New Issue
Block a user