From: Ian Weller Date: Fri, 15 Jan 2016 14:16:58 +0000 (-0500) Subject: another round of gradient tweaks X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=e1e9b32ee3414fc539be78cdd37467c4a49599a6;p=WP-Themes%2Fglmthemes%2Fshipwreck-theme.git another round of gradient tweaks --- diff --git a/css/app.css b/css/app.css index ab49a5f..7a73c91 100644 --- a/css/app.css +++ b/css/app.css @@ -6421,9 +6421,9 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im background: -ms-linear-gradient(top, #1999ce 99%, #107098 100%); } } @media screen and (max-width: 685px) { #searchform div input.blogbutton { - background: -webkit-linear-gradient(top, #1999ce 99.5%, #107098 100%); - background: -moz-linear-gradient(center top, #1999ce 99.5%, #107098 100%); - background: -ms-linear-gradient(top, #1999ce 99.5%, #107098 100%); } } + background: -webkit-linear-gradient(top, #1999ce 99.8%, #107098 100%); + background: -moz-linear-gradient(center top, #1999ce 99.8%, #107098 100%); + background: -ms-linear-gradient(top, #1999ce 99.8%, #107098 100%); } } @media only screen and (max-width: 40em) { #searchform div input.blogbutton { background: none; } } @@ -6844,9 +6844,9 @@ main.page-front #content-wrapper { background: -ms-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 685px) { main.page-front #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 40em) { main.page-front #content-wrapper { background: none; } } @@ -6943,9 +6943,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 685px) { main.page-inside { - background: -webkit-linear-gradient(top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 40em) { main.page-inside { background: none; } } @@ -7006,9 +7006,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 685px) { main.page-inside #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 40em) { main.page-inside #content-wrapper { background: none; } } @@ -7101,9 +7101,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 685px) { main.page-inside #content-wrapper #main-content { - background: -webkit-linear-gradient(top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 99.5%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 99.8%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 40em) { main.page-inside #content-wrapper #main-content { background: none; } } @@ -8125,9 +8125,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 99%, transparent 100%); } } @media screen and (max-width: 685px) { .blog-single { - background: -webkit-linear-gradient(top, #2f4d4f 99.5%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99.5%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 99.5%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 99.8%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 99.8%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 99.8%, transparent 100%); } } @media only screen and (max-width: 40em) { .blog-single { background: none; } } @@ -8189,9 +8189,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 99%, transparent 100%); } } @media screen and (max-width: 685px) { .blog-home { - background: -webkit-linear-gradient(top, #2f4d4f 99.5%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99.5%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 99.5%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 99.8%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 99.8%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 99.8%, transparent 100%); } } @media only screen and (max-width: 40em) { .blog-home { background: none; } } @@ -8253,9 +8253,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 99%, transparent 100%); } } @media screen and (max-width: 685px) { .blog-archive { - background: -webkit-linear-gradient(top, #2f4d4f 99.5%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99.5%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 99.5%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 99.8%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 99.8%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 99.8%, transparent 100%); } } @media only screen and (max-width: 40em) { .blog-archive { background: none; } } @@ -8515,9 +8515,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 99%, transparent 100%); } } @media screen and (max-width: 685px) { .search-results { - background: -webkit-linear-gradient(top, #2f4d4f 99.5%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99.5%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 99.5%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 99.8%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 99.8%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 99.8%, transparent 100%); } } @media only screen and (max-width: 40em) { .search-results { background: none; } } diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss index 2a07699..9ef3011 100644 --- a/scss/mixins/_gradient.scss +++ b/scss/mixins/_gradient.scss @@ -61,9 +61,9 @@ background: -ms-linear-gradient(top, $from 99%, $to 100%); } @media screen and (max-width: 685px) { - background: -webkit-linear-gradient(top, $from 99.5%, $to 100%); - background: -moz-linear-gradient(center top, $from 99.5%, $to 100%); - background: -ms-linear-gradient(top, $from 99.5%, $to 100%); + background: -webkit-linear-gradient(top, $from 99.8%, $to 100%); + background: -moz-linear-gradient(center top, $from 99.8%, $to 100%); + background: -ms-linear-gradient(top, $from 99.8%, $to 100%); } @media #{$small-only} { background: none;