Revert "Use background image for donation page, too"

[ipfire.org.git] / src / scss / style.scss

diff --git a/src/scss/style.scss b/src/scss/style.scss
index a2e88ffc2f10bf3741fe25f64cec168d2e321e1b..8f6476f7e20c75165fd6be4b74d90b4a7b6f95ad 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -43,13 +43,6 @@ body {
 
        min-height: 75rem;
        padding-top: 6rem;
-
-       &.background {
-               background-image: url("img/header-background.jpg");
-               background-position: center top;
-               background-repeat: no-repeat;
-               background-size: contain;
-       }
 }
 
 // Buttons
@@ -149,7 +142,15 @@ footer {
        }
 
        section.intro {
+               // Make it cover the navbar, too
+               margin-top: -6rem;
+               padding-top: 6rem;
+
                min-height: 100vh;
+               background-image: url('img/header-background.jpg');
+               background-size: cover;
+               background-attachment: fixed;
+               background-position: center top;
                position: relative;
 
                .branding {
@@ -301,7 +302,7 @@ footer {
        display: block;
        visibility: visible;
        position: absolute;
-       bottom: 164px;
+       bottom: 48px;
        left: 50%;
        transform: translateX(-50%);
        .btn {