From: Ian Weller Date: Thu, 14 Jan 2016 20:34:00 +0000 (-0500) Subject: gradient adjustment X-Git-Tag: v1.0.0^2~38 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=199e5e10dde2411f10f133f33a4aa43048f90d6f;p=WP-Themes%2Fshipwreckmuseum.git gradient adjustment --- diff --git a/css/app.css b/css/app.css index 1815301..e31aab7 100644 --- a/css/app.css +++ b/css/app.css @@ -6396,9 +6396,9 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im background: -ms-linear-gradient(top, #1999ce 97%, #107098 100%); } } @media screen and (max-width: 700px) { #searchform div input.blogbutton { - background: -webkit-linear-gradient(top, #1999ce 99%, #107098 100%); - background: -moz-linear-gradient(center top, #1999ce 99%, #107098 100%); - background: -ms-linear-gradient(top, #1999ce 99%, #107098 100%); } } + background: -webkit-linear-gradient(top, #1999ce 98%, #107098 100%); + background: -moz-linear-gradient(center top, #1999ce 98%, #107098 100%); + background: -ms-linear-gradient(top, #1999ce 98%, #107098 100%); } } @media only screen and (max-width: 40em) { #searchform div input.blogbutton { background: none; } } @@ -6794,9 +6794,9 @@ main.page-front #content-wrapper { background: -ms-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 700px) { main.page-front #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 40em) { main.page-front #content-wrapper { background: none; } } @@ -6868,9 +6868,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 700px) { main.page-inside { - background: -webkit-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 40em) { main.page-inside { background: none; } } @@ -6906,9 +6906,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 700px) { main.page-inside #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 40em) { main.page-inside #content-wrapper { background: none; } } @@ -6976,9 +6976,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 700px) { main.page-inside #content-wrapper #main-content { - background: -webkit-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 99%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 98%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 40em) { main.page-inside #content-wrapper #main-content { background: none; } } @@ -7975,9 +7975,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 97%, transparent 100%); } } @media screen and (max-width: 700px) { .blog-single { - background: -webkit-linear-gradient(top, #2f4d4f 99%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 99%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 98%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 98%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 98%, transparent 100%); } } @media only screen and (max-width: 40em) { .blog-single { background: none; } } @@ -8014,9 +8014,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 97%, transparent 100%); } } @media screen and (max-width: 700px) { .blog-home { - background: -webkit-linear-gradient(top, #2f4d4f 99%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 99%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 98%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 98%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 98%, transparent 100%); } } @media only screen and (max-width: 40em) { .blog-home { background: none; } } @@ -8053,9 +8053,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 97%, transparent 100%); } } @media screen and (max-width: 700px) { .blog-archive { - background: -webkit-linear-gradient(top, #2f4d4f 99%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 99%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 98%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 98%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 98%, transparent 100%); } } @media only screen and (max-width: 40em) { .blog-archive { background: none; } } @@ -8290,9 +8290,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 97%, transparent 100%); } } @media screen and (max-width: 700px) { .search-results { - background: -webkit-linear-gradient(top, #2f4d4f 99%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 99%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 99%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 98%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 98%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 98%, 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 399feb5..e67fa47 100644 --- a/scss/mixins/_gradient.scss +++ b/scss/mixins/_gradient.scss @@ -36,9 +36,9 @@ background: -ms-linear-gradient(top, $from 97%, $to 100%); } @media screen and (max-width: 700px) { - background: -webkit-linear-gradient(top, $from 99%, $to 100%); - background: -moz-linear-gradient(center top, $from 99%, $to 100%); - background: -ms-linear-gradient(top, $from 99%, $to 100%); + background: -webkit-linear-gradient(top, $from 98%, $to 100%); + background: -moz-linear-gradient(center top, $from 98%, $to 100%); + background: -ms-linear-gradient(top, $from 98%, $to 100%); } @media #{$small-only} { background: none;