From 21d1f8d8a5a96a2f072a5e0b18b5c382218c54c1 Mon Sep 17 00:00:00 2001
From: Ian Weller <ian@gaslightmedia.com>
Date: Fri, 19 Feb 2016 14:14:30 -0500
Subject: [PATCH] gradient fixed and works on all browsers

---
 css/app.css                | 14 +++++++++-----
 scss/_main.scss            |  2 +-
 scss/_page.footer.scss     |  2 +-
 scss/mixins/_gradient.scss |  2 +-
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/css/app.css b/css/app.css
index f58e3d1..13d6d50 100644
--- a/css/app.css
+++ b/css/app.css
@@ -6716,10 +6716,10 @@ main.page-inside {
     main.page-inside {
       padding: 0; } }
   main.page-inside #content-wrapper {
-    background: -webkit-linear-gradient(top, #d7e8f0 5%, #FFFFFF 100%);
-    background: -moz-linear-gradient(center top, #d7e8f0 5%, #FFFFFF 100%);
-    background: -ms-linear-gradient(top, #d7e8f0 5%, #FFFFFF 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d7e8f0', endColorStr='#FFFFFF', GradientType=0)  progid:alpha(opacity = 80);
+    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='#00ffffff', GradientType=0);
     min-height: 250px; }
     main.page-inside #content-wrapper #main-content {
       background: #FFFFFF;
@@ -6796,7 +6796,7 @@ main.page-inside {
         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', GradientType=0)  progid:alpha(opacity = 80);
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0)', endColorStr='#00ffffff', GradientType=0);
         position: absolute;
         content: '';
         top: 0;
@@ -7434,6 +7434,10 @@ header .searchform input[type="submit"]:hover, header .searchformHeader input[ty
       padding: 10px; } }
 
 #back_grad {
+  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='#00ffffff', GradientType=0);
   height: 1000px; }
 
 footer {
diff --git a/scss/_main.scss b/scss/_main.scss
index 1b6b026..5ada3ec 100644
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -17,7 +17,7 @@ main.page-inside {
     }
 //    @include gradient(#d7e8f0, rgba($white, 0));
     #content-wrapper {
-        @include gradient(#d7e8f0, $white);
+        @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 d9d52f1..36c0578 100644
--- a/scss/_page.footer.scss
+++ b/scss/_page.footer.scss
@@ -11,7 +11,7 @@
     }
 }
 #back_grad {
-//    @include gradient(#d7e8f0, $white);
+    @include gradient(#d7e8f0, rgba($white, 0));
     height: 1000px;
 }
 footer {
diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss
index 6ab0594..ed59ba4 100644
--- a/scss/mixins/_gradient.scss
+++ b/scss/mixins/_gradient.scss
@@ -7,5 +7,5 @@
     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}', GradientType=0) progid:alpha(opacity = 80); 
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#{$from}', endColorStr='#00ffffff', GradientType=0); 
 }
-- 
2.17.1