finally got my thick skull around the task

diff --git a/css/app.css b/css/app.css
index 5ea69ac..a8088e5 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6686,13 +6686,8 @@ header {
 @media screen and (max-width: 1024px) {
   main.page-front {
     padding: 0; } }
-main.page-front #content-wrapper {
-  background: -webkit-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%);
-  background: -moz-linear-gradient(center top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=#d7e8f0, EndColorStr=rgba(255, 255, 255, 0); }
-  main.page-front #content-wrapper #main-content {
-    margin: 37px auto; }
+main.page-front #content-wrapper #main-content {
+  margin: 37px auto; }
 
 main.page-inside {
   padding-top: 2px; }
@@ -6700,9 +6695,9 @@ main.page-inside {
     main.page-inside {
       padding: 0; } }
   main.page-inside #content-wrapper {
-    background: -webkit-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%);
-    background: -moz-linear-gradient(center top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%);
-    background: -ms-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%);
+    background: -moz-linear-gradient(center top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=#d7e8f0, EndColorStr=rgba(255, 255, 255, 0);
     min-height: 250px; }
     main.page-inside #content-wrapper #main-content {
@@ -6777,9 +6772,9 @@ main.page-inside {
       margin-top: 25px;
       padding-top: 0; }
       .blocks #block-1.blocks:before, .blocks #block-2.blocks:before, .blocks #block-3.blocks:before {
-        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 51%, #000000 100%);
-        background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 51%, #000000 100%);
-        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 51%, #000000 100%);
+        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, #000000 100%);
+        background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 5%, #000000 100%);
+        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 5%, #000000 100%);
         filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=rgba(255, 255, 255, 0), EndColorStr=#000000;
         position: absolute;
         content: '';
@@ -7410,9 +7405,9 @@ header .searchform input[type="submit"]:hover, header .searchformHeader input[ty
       padding: 10px; } }
 
 #back_grad {
-  background: -webkit-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%);
-  background: -moz-linear-gradient(center top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%);
+  background: -webkit-linear-gradient(top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%);
+  background: -moz-linear-gradient(center top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%);
+  background: -ms-linear-gradient(top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=#d7e8f0, EndColorStr=rgba(255, 255, 255, 0);
   height: 1000px; }
 
@@ -7550,6 +7545,9 @@ footer {
 #example.element {
   background-color: transparent; }
 
+body {
+  background-color: #d7e8f0; }
+
 .bg-container {
   position: absolute;
   background: url(../assets/1060+Winter+Beach.jpg) no-repeat bottom;

diff --git a/scss/_main.scss b/scss/_main.scss
index aefbdbd..5ada3ec 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -4,7 +4,7 @@ main.page-front {
         padding: 0;
     }
     #content-wrapper {
-        @include gradient(#d7e8f0, rgba($white, 0));
+//        @include gradient(#d7e8f0, rgba($white, 0));
         #main-content {
             margin: 37px auto;
         }

diff --git a/scss/_structure.scss b/scss/_structure.scss
index e7f05a3..37b5572 100644 (file)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -14,6 +14,9 @@
 #example.element {
     background-color: transparent;
 }
+body {
+    background-color: #d7e8f0;
+}
 .bg-container {
     position: absolute;
     background: url(../assets/1060+Winter+Beach.jpg) no-repeat bottom;

diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss
index f9058fb..ad4653f 100644 (file)
--- a/scss/mixins/_gradient.scss
+++ b/scss/mixins/_gradient.scss
@@ -4,8 +4,8 @@
 */
 
 @mixin gradient($from, $to) {
-    background: -webkit-linear-gradient(top, $from 51%, $to 100%);
-    background: -moz-linear-gradient(center top, $from 51%, $to 100%);
-    background: -ms-linear-gradient(top, $from 51%, $to 100%);
+    background: -webkit-linear-gradient(top, $from 5%, $to 100%);
+    background: -moz-linear-gradient(center top, $from 5%, $to 100%);
+    background: -ms-linear-gradient(top, $from 5%, $to 100%);
     filter: progid:DXImageTransform.Microsoft.gradient((StartColorStr=$from, EndColorStr=$to));
 }