From 8f5bccba65d39d54e0fd1f4a2643380843e75f01 Mon Sep 17 00:00:00 2001 From: Ian Weller Date: Thu, 14 Jan 2016 15:49:04 -0500 Subject: [PATCH] gradient change for large view --- css/app.css | 54 +++++++++++++++++++------------------- scss/mixins/_gradient.scss | 6 ++--- 2 files changed, 30 insertions(+), 30 deletions(-) diff --git a/css/app.css b/css/app.css index e31aab7..fc12bc5 100644 --- a/css/app.css +++ b/css/app.css @@ -6365,9 +6365,9 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im max-width: 100%; text-align: center; } #searchform div input.blogbutton { - background: -webkit-linear-gradient(top, #1999ce 75%, #107098 100%); - background: -moz-linear-gradient(center top, #1999ce 75%, #107098 100%); - background: -ms-linear-gradient(top, #1999ce 75%, #107098 100%); + background: -webkit-linear-gradient(top, #1999ce 78%, #107098 100%); + background: -moz-linear-gradient(center top, #1999ce 78%, #107098 100%); + background: -ms-linear-gradient(top, #1999ce 78%, #107098 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1999ce', endColorstr='#00ffffff',GradientType=0 ); } @media screen and (max-width: 1450px) { #searchform div input.blogbutton { @@ -6763,9 +6763,9 @@ header.main { position: absolute; } main.page-front #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); + background: -webkit-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); } @media screen and (max-width: 1450px) { main.page-front #content-wrapper { @@ -6837,9 +6837,9 @@ main.page-front #content-wrapper { main.page-front #content-wrapper a.action-block img { margin: 35px 0 30px; } } main.page-inside { - background: -webkit-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); + background: -webkit-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); } @media screen and (max-width: 1450px) { main.page-inside { @@ -6875,9 +6875,9 @@ main.page-inside { main.page-inside { background: none; } } main.page-inside #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); + background: -webkit-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); } @media screen and (max-width: 1450px) { main.page-inside #content-wrapper { @@ -6944,9 +6944,9 @@ main.page-inside { main.page-inside #content-wrapper .headline { margin-top: -110px; } } main.page-inside #content-wrapper #main-content { - background: -webkit-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%); + background: -webkit-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); margin-top: -8px; } @media screen and (max-width: 1450px) { @@ -7944,9 +7944,9 @@ input[type="submit"].blogbutton { color: white; } .blog-single { - background: -webkit-linear-gradient(top, #2f4d4f 75%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 75%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 75%, transparent 100%); + background: -webkit-linear-gradient(top, #2f4d4f 78%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 78%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 78%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); } @media screen and (max-width: 1450px) { .blog-single { @@ -7983,9 +7983,9 @@ input[type="submit"].blogbutton { background: none; } } .blog-home { - background: -webkit-linear-gradient(top, #2f4d4f 75%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 75%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 75%, transparent 100%); + background: -webkit-linear-gradient(top, #2f4d4f 78%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 78%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 78%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); } @media screen and (max-width: 1450px) { .blog-home { @@ -8022,9 +8022,9 @@ input[type="submit"].blogbutton { background: none; } } .blog-archive { - background: -webkit-linear-gradient(top, #2f4d4f 75%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 75%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 75%, transparent 100%); + background: -webkit-linear-gradient(top, #2f4d4f 78%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 78%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 78%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); } @media screen and (max-width: 1450px) { .blog-archive { @@ -8259,9 +8259,9 @@ input[type="submit"].blogbutton { right: 0; } .search-results { - background: -webkit-linear-gradient(top, #2f4d4f 75%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 75%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 75%, transparent 100%); + background: -webkit-linear-gradient(top, #2f4d4f 78%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 78%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 78%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); } @media screen and (max-width: 1450px) { .search-results { diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss index e67fa47..5f4d135 100644 --- a/scss/mixins/_gradient.scss +++ b/scss/mixins/_gradient.scss @@ -4,9 +4,9 @@ */ @mixin gradient($from, $to) { - background: -webkit-linear-gradient(top, $from 75%, $to 100%); - background: -moz-linear-gradient(center top, $from 75%, $to 100%); - background: -ms-linear-gradient(top, $from 75%, $to 100%); + background: -webkit-linear-gradient(top, $from 78%, $to 100%); + background: -moz-linear-gradient(center top, $from 78%, $to 100%); + background: -ms-linear-gradient(top, $from 78%, $to 100%); // filter: progid:DXIm-ageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr'#{$to}'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$from}', endColorstr='#00ffffff',GradientType=0 ); // filter: none; -- 2.17.1