more precise work on gradients
authorIan Weller <ian@gaslightmedia.com>
Fri, 19 Feb 2016 20:49:58 +0000 (15:49 -0500)
committerIan Weller <ian@gaslightmedia.com>
Fri, 19 Feb 2016 20:49:58 +0000 (15:49 -0500)
css/app.css
scss/_slideshow.scss
scss/mixins/_gradient.scss

index b48c1c3..ae25beb 100644 (file)
@@ -6368,7 +6368,7 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im
     background: -webkit-linear-gradient(top, #1999ce 80%, #107098 100%);
     background: -moz-linear-gradient(center top, #1999ce 80%, #107098 100%);
     background: -ms-linear-gradient(top, #1999ce 80%, #107098 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1999ce', endColorstr='#00ffffff',GradientType=0 ); }
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1999ce', endColorstr='#002f4d4f',GradientType=0 ); }
     @media screen and (max-width: 1655px) {
       #searchform div input.blogbutton {
         background: -webkit-linear-gradient(top, #1999ce 82%, #107098 100%);
@@ -6786,7 +6786,7 @@ main.page-front #content-wrapper {
   background: -webkit-linear-gradient(top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
   background: -moz-linear-gradient(center top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
   background: -ms-linear-gradient(top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#002f4d4f',GradientType=0 ); }
   @media screen and (max-width: 1655px) {
     main.page-front #content-wrapper {
       background: -webkit-linear-gradient(top, #2f4d4f 82%, rgba(255, 255, 255, 0) 100%);
@@ -6881,7 +6881,7 @@ main.page-inside {
   background: -webkit-linear-gradient(top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
   background: -moz-linear-gradient(center top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
   background: -ms-linear-gradient(top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#002f4d4f',GradientType=0 ); }
   @media screen and (max-width: 1655px) {
     main.page-inside {
       background: -webkit-linear-gradient(top, #2f4d4f 82%, rgba(255, 255, 255, 0) 100%);
@@ -6939,7 +6939,7 @@ main.page-inside {
     background: -webkit-linear-gradient(top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
     background: -moz-linear-gradient(center top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
     background: -ms-linear-gradient(top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#002f4d4f',GradientType=0 ); }
     @media screen and (max-width: 1655px) {
       main.page-inside #content-wrapper {
         background: -webkit-linear-gradient(top, #2f4d4f 82%, rgba(255, 255, 255, 0) 100%);
@@ -7028,7 +7028,7 @@ main.page-inside {
       background: -webkit-linear-gradient(top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
       background: -moz-linear-gradient(center top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
       background: -ms-linear-gradient(top, #2f4d4f 80%, rgba(255, 255, 255, 0) 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 );
+      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#002f4d4f',GradientType=0 );
       margin-top: -8px;
       padding-bottom: 1px; }
       @media screen and (max-width: 1655px) {
@@ -7175,7 +7175,7 @@ main.page-inside {
   background: -webkit-linear-gradient(top, transparent 0%, #2f4d4f 0%);
   background: -moz-linear-gradient(center top, transparent 0%, #2f4d4f 57%);
   background: -ms-linear-gradient(top, transparent 0%, #2f4d4f 57%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#2f4d4f',GradientType=0 ) progid:alpha; }
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4d4f', endColorstr='#2f4d4f',GradientType=0 ) progid:alpha; }
   .slider-text h1 {
     font-family: "Josefin Sans";
     text-transform: uppercase;
@@ -8049,7 +8049,7 @@ input[type="submit"].blogbutton {
   background: -webkit-linear-gradient(top, #2f4d4f 80%, transparent 100%);
   background: -moz-linear-gradient(center top, #2f4d4f 80%, transparent 100%);
   background: -ms-linear-gradient(top, #2f4d4f 80%, transparent 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#002f4d4f',GradientType=0 ); }
   @media screen and (max-width: 1655px) {
     .blog-single {
       background: -webkit-linear-gradient(top, #2f4d4f 82%, transparent 100%);
@@ -8108,7 +8108,7 @@ input[type="submit"].blogbutton {
   background: -webkit-linear-gradient(top, #2f4d4f 80%, transparent 100%);
   background: -moz-linear-gradient(center top, #2f4d4f 80%, transparent 100%);
   background: -ms-linear-gradient(top, #2f4d4f 80%, transparent 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 );
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#002f4d4f',GradientType=0 );
   margin-bottom: 6px; }
   @media screen and (max-width: 1655px) {
     .blog-home {
@@ -8168,7 +8168,7 @@ input[type="submit"].blogbutton {
   background: -webkit-linear-gradient(top, #2f4d4f 80%, transparent 100%);
   background: -moz-linear-gradient(center top, #2f4d4f 80%, transparent 100%);
   background: -ms-linear-gradient(top, #2f4d4f 80%, transparent 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 );
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#002f4d4f',GradientType=0 );
   margin-bottom: 6px; }
   @media screen and (max-width: 1655px) {
     .blog-archive {
@@ -8428,7 +8428,7 @@ input[type="submit"].blogbutton {
   background: -webkit-linear-gradient(top, #2f4d4f 80%, transparent 100%);
   background: -moz-linear-gradient(center top, #2f4d4f 80%, transparent 100%);
   background: -ms-linear-gradient(top, #2f4d4f 80%, transparent 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#002f4d4f',GradientType=0 ); }
   @media screen and (max-width: 1655px) {
     .search-results {
       background: -webkit-linear-gradient(top, #2f4d4f 82%, transparent 100%);
index 8f4fca6..f20d256 100644 (file)
@@ -28,7 +28,7 @@
            background: -webkit-linear-gradient(top, transparent 0%, $green 0%);
     background: -moz-linear-gradient(center top, transparent 0%, $green 57%);
     background: -ms-linear-gradient(top, transparent 0%, $green 57%);
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#2f4d4f',GradientType=0 ) progid:alpha;
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4d4f', endColorstr='#2f4d4f',GradientType=0 ) progid:alpha;
 
 
  
index 860c6f8..200f9a1 100644 (file)
@@ -8,7 +8,7 @@
     background: -moz-linear-gradient(center top, $from 80%, $to 100%);
     background: -ms-linear-gradient(top, $from 80%, $to 100%);
 //    filter: progid:DXIm-ageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr'#{$to}');
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$from}', endColorstr='#00ffffff',GradientType=0 );
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$from}', endColorstr='#002f4d4f',GradientType=0 );
 //    filter: none;
     @media screen and (max-width: 1655px) {
         background: -webkit-linear-gradient(top, $from 82%, $to 100%);