Push content down from under graphic

2026-04-27 23:24:10 +02:00
parent c96a761dc7
commit 8b51756ac7
1 changed files with 7 additions and 0 deletions
@@ -24,12 +24,19 @@ body {

 /* Add Milky Way graphic to header */
@media (max-width: 100em) {
+    /* Set static graphic width on smaller screens */
    .skinHeader {
        --background-width: 100rem;
    }
+    /* Push content down from under graphic */
+    div.skinBody > div.page {
+        padding-top: 15rem !important;
+    }
 }
 .skinHeader {
+    /* Set graphic to width of screen */
    --background-width: 100%;
+    /* Position graphic behind header */
    margin-top: calc(-1 * (0.2202 * var(--background-width)));
    height: 100%;
    padding-top: calc(0.2202 * var(--background-width));