applied gradient to bg-container area

diff --git a/css/app.css b/css/app.css
index de796bc..5ea69ac 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6683,27 +6683,27 @@ header {
 #headerLinks {
   top: -1px; }
 
-main.page-front {
-  background: -webkit-linear-gradient(top, #d7e8f0 92%, rgba(255, 255, 255, 0) 100%);
-  background: -moz-linear-gradient(center top, #d7e8f0 92%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(top, #d7e8f0 92%, rgba(255, 255, 255, 0) 100%);
+@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); }
-  @media screen and (max-width: 1024px) {
-    main.page-front {
-      padding: 0; } }
   main.page-front #content-wrapper #main-content {
     margin: 37px auto; }
 
 main.page-inside {
-  padding-top: 2px;
-  background: -webkit-linear-gradient(top, #d7e8f0 92%, rgba(255, 255, 255, 0) 100%);
-  background: -moz-linear-gradient(center top, #d7e8f0 92%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(top, #d7e8f0 92%, rgba(255, 255, 255, 0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=#d7e8f0, EndColorStr=rgba(255, 255, 255, 0); }
+  padding-top: 2px; }
   @media screen and (max-width: 1024px) {
     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%);
+    filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=#d7e8f0, EndColorStr=rgba(255, 255, 255, 0);
     min-height: 250px; }
     main.page-inside #content-wrapper #main-content {
       background: #FFFFFF;
@@ -6777,9 +6777,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) 92%, #000000 100%);
-        background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 92%, #000000 100%);
-        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 92%, #000000 100%);
+        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%);
         filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=rgba(255, 255, 255, 0), EndColorStr=#000000;
         position: absolute;
         content: '';
@@ -7409,6 +7409,13 @@ header .searchform input[type="submit"]:hover, header .searchformHeader input[ty
     #action-items a img {
       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%);
+  filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=#d7e8f0, EndColorStr=rgba(255, 255, 255, 0);
+  height: 1000px; }
+
 footer {
   background: #3a8bb6;
   padding: 20px 0 10px; }

diff --git a/footer.php b/footer.php
index 28d2d5d..8f55f79 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -11,6 +11,8 @@
                             </div>
                         </div>
 <div class="bg-container">
+    <div id="back_grad">
+    </div>    
 </div>
                         <footer>
                             <?php if (is_active_sidebar('sidebar-f')) :?>

diff --git a/scss/_main.scss b/scss/_main.scss
index f615b47..aefbdbd 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -3,9 +3,8 @@ main.page-front {
     @media screen and (max-width: 1024px) {
         padding: 0;
     }
-    @include gradient(#d7e8f0, rgba($white, 0));
     #content-wrapper {
-//        @include gradient(#d7e8f0, rgba($white, 0));
+        @include gradient(#d7e8f0, rgba($white, 0));
         #main-content {
             margin: 37px auto;
         }
@@ -16,9 +15,9 @@ main.page-inside {
     @media screen and (max-width: 1024px) {
         padding: 0;
     }
-    @include gradient(#d7e8f0, rgba($white, 0));
+//    @include gradient(#d7e8f0, rgba($white, 0));
     #content-wrapper {
-//        @include gradient(#d7e8f0, rgba($white, 0));
+        @include gradient(#d7e8f0, rgba($white, 0));
         min-height: 250px;
         #main-content {
             background: $white;

diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss
index a5c7355..36c0578 100644 (file)
--- a/scss/_page.footer.scss
+++ b/scss/_page.footer.scss
@@ -10,6 +10,10 @@
         } 
     }
 }
+#back_grad {
+    @include gradient(#d7e8f0, rgba($white, 0));
+    height: 1000px;
+}
 footer {
 //    margin-top: 151px;
     background: $l-blue;

diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss
index 44f134e..f9058fb 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 92%, $to 100%);
-    background: -moz-linear-gradient(center top, $from 92%, $to 100%);
-    background: -ms-linear-gradient(top, $from 92%, $to 100%);
+    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%);
     filter: progid:DXImageTransform.Microsoft.gradient((StartColorStr=$from, EndColorStr=$to));
 }