From bd178284251c281a8c5c5aeed5e1bef117b38aed Mon Sep 17 00:00:00 2001 From: Ian Weller Date: Fri, 19 Feb 2016 15:49:58 -0500 Subject: [PATCH] more precise work on gradients --- css/app.css | 20 ++++++++++---------- scss/_slideshow.scss | 2 +- scss/mixins/_gradient.scss | 2 +- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/css/app.css b/css/app.css index b48c1c3..ae25beb 100644 --- a/css/app.css +++ b/css/app.css @@ -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%); diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss index 8f4fca6..f20d256 100644 --- a/scss/_slideshow.scss +++ b/scss/_slideshow.scss @@ -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; diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss index 860c6f8..200f9a1 100644 --- a/scss/mixins/_gradient.scss +++ b/scss/mixins/_gradient.scss @@ -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%); -- 2.17.1