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
|
/* Global
|
||||||
/* ============================== */
|
/* ============================== */
|
||||||
|
html {
|
||||||
|
font-size: unset !important;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-size: 93% !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Add Milky Way graphic to header */
|
/* Add Milky Way graphic to header */
|
||||||
|
@media (max-width: 100em) {
|
||||||
|
.skinHeader {
|
||||||
|
--background-width: 100rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
.skinHeader {
|
.skinHeader {
|
||||||
margin-top: -22.02vw;
|
--background-width: 100%;
|
||||||
|
margin-top: calc(-1 * (0.2202 * var(--background-width)));
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding-top: 22.02vw;
|
padding-top: calc(-1 * (0.2202 * var(--background-width)));
|
||||||
backdrop-filter: none !important;
|
backdrop-filter: none !important;
|
||||||
background-color: rgba(0, 0, 0, 0) !important;
|
background-color: rgba(0, 0, 0, 0) !important;
|
||||||
background-image: url("https://static.zomerkoningin.nl/andromeda/images/milkyway_header.webp");
|
background-image: url("https://static.zomerkoningin.nl/andromeda/images/milkyway_header.webp");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100%;
|
background-size: var(--background-width) auto;
|
||||||
background-position-x: center;
|
background-position-x: center;
|
||||||
background-position-y: top;
|
background-position-y: top;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|||||||
Reference in New Issue
Block a user