From: Ian Weller Date: Fri, 15 Jan 2016 13:49:36 +0000 (-0500) Subject: a bit more gradient adjustments X-Git-Tag: v1.0.0^2~34 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=72d6944b6a0fe5ed22f2271f16b76fac2cdb2e6e;p=WP-Themes%2Fshipwreckmuseum.git a bit more gradient adjustments --- diff --git a/css/app.css b/css/app.css index ea04063..81f5085 100644 --- a/css/app.css +++ b/css/app.css @@ -6401,9 +6401,9 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im background: -ms-linear-gradient(top, #1999ce 93%, #107098 100%); } } @media screen and (max-width: 950px) { #searchform div input.blogbutton { - background: -webkit-linear-gradient(top, #1999ce 95%, #107098 100%); - background: -moz-linear-gradient(center top, #1999ce 95%, #107098 100%); - background: -ms-linear-gradient(top, #1999ce 95%, #107098 100%); } } + background: -webkit-linear-gradient(top, #1999ce 96%, #107098 100%); + background: -moz-linear-gradient(center top, #1999ce 96%, #107098 100%); + background: -ms-linear-gradient(top, #1999ce 96%, #107098 100%); } } @media screen and (max-width: 850px) { #searchform div input.blogbutton { background: -webkit-linear-gradient(top, #1999ce 97%, #107098 100%); @@ -6824,9 +6824,9 @@ main.page-front #content-wrapper { background: -ms-linear-gradient(top, #2f4d4f 93%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 950px) { main.page-front #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 850px) { main.page-front #content-wrapper { background: -webkit-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); @@ -6923,9 +6923,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 93%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 950px) { main.page-inside { - background: -webkit-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 850px) { main.page-inside { background: -webkit-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); @@ -6986,9 +6986,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 93%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 950px) { main.page-inside #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 850px) { main.page-inside #content-wrapper { background: -webkit-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); @@ -7081,9 +7081,9 @@ main.page-inside { background: -ms-linear-gradient(top, #2f4d4f 93%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 950px) { main.page-inside #content-wrapper #main-content { - background: -webkit-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, rgba(255, 255, 255, 0) 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, rgba(255, 255, 255, 0) 100%); } } @media screen and (max-width: 850px) { main.page-inside #content-wrapper #main-content { background: -webkit-linear-gradient(top, #2f4d4f 97%, rgba(255, 255, 255, 0) 100%); @@ -8105,9 +8105,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 93%, transparent 100%); } } @media screen and (max-width: 950px) { .blog-single { - background: -webkit-linear-gradient(top, #2f4d4f 95%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, transparent 100%); } } @media screen and (max-width: 850px) { .blog-single { background: -webkit-linear-gradient(top, #2f4d4f 97%, transparent 100%); @@ -8169,9 +8169,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 93%, transparent 100%); } } @media screen and (max-width: 950px) { .blog-home { - background: -webkit-linear-gradient(top, #2f4d4f 95%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, transparent 100%); } } @media screen and (max-width: 850px) { .blog-home { background: -webkit-linear-gradient(top, #2f4d4f 97%, transparent 100%); @@ -8233,9 +8233,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 93%, transparent 100%); } } @media screen and (max-width: 950px) { .blog-archive { - background: -webkit-linear-gradient(top, #2f4d4f 95%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, transparent 100%); } } @media screen and (max-width: 850px) { .blog-archive { background: -webkit-linear-gradient(top, #2f4d4f 97%, transparent 100%); @@ -8495,9 +8495,9 @@ input[type="submit"].blogbutton { background: -ms-linear-gradient(top, #2f4d4f 93%, transparent 100%); } } @media screen and (max-width: 950px) { .search-results { - background: -webkit-linear-gradient(top, #2f4d4f 95%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 95%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 95%, transparent 100%); } } + background: -webkit-linear-gradient(top, #2f4d4f 96%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 96%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 96%, transparent 100%); } } @media screen and (max-width: 850px) { .search-results { background: -webkit-linear-gradient(top, #2f4d4f 97%, transparent 100%); diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss index 02c09c3..ee3ea8a 100644 --- a/scss/mixins/_gradient.scss +++ b/scss/mixins/_gradient.scss @@ -41,9 +41,9 @@ background: -ms-linear-gradient(top, $from 93%, $to 100%); } @media screen and (max-width: 950px) { - background: -webkit-linear-gradient(top, $from 95%, $to 100%); - background: -moz-linear-gradient(center top, $from 95%, $to 100%); - background: -ms-linear-gradient(top, $from 95%, $to 100%); + background: -webkit-linear-gradient(top, $from 96%, $to 100%); + background: -moz-linear-gradient(center top, $from 96%, $to 100%); + background: -ms-linear-gradient(top, $from 96%, $to 100%); } @media screen and (max-width: 850px) { background: -webkit-linear-gradient(top, $from 97%, $to 100%);