From: Ian Weller Date: Wed, 9 Sep 2015 20:56:12 +0000 (-0400) Subject: gradient tweaks X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=67bbeadcbd98492d5f74ba89627b4d05afbee887;p=WP-Themes%2Fglmthemes%2Fshipwreck-theme.git gradient tweaks --- diff --git a/css/app.css b/css/app.css index b13bc79..ac440e1 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 87%, #107098 100%); - background: -moz-linear-gradient(center top, #1999ce 87%, #107098 100%); - background: -ms-linear-gradient(top, #1999ce 87%, #107098 100%); } + background: -webkit-linear-gradient(top, #1999ce 70%, #107098 100%); + background: -moz-linear-gradient(center top, #1999ce 70%, #107098 100%); + background: -ms-linear-gradient(top, #1999ce 70%, #107098 100%); } #blog-side-info { border-left: 1px solid grey; @@ -6721,9 +6721,9 @@ header.main { position: absolute; } main.page-front #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 87%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 87%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 87%, transparent 100%); } + background: -webkit-linear-gradient(top, #2f4d4f 70%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 70%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 70%, transparent 100%); } main.page-front #content-wrapper #main-content { background: #FFFFFF; border-bottom: 3px solid #c5aa6d; } @@ -6756,9 +6756,9 @@ main.page-front #content-wrapper { main.page-front #content-wrapper a.action-block img { margin: 35px 0 30px; } } main.page-inside #content-wrapper { - background: -webkit-linear-gradient(top, #2f4d4f 87%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 87%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 87%, transparent 100%); } + background: -webkit-linear-gradient(top, #2f4d4f 70%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 70%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 70%, transparent 100%); } main.page-inside #content-wrapper .featured-image { min-height: 525px; z-index: -5; @@ -7042,19 +7042,19 @@ input[type="submit"].blogbutton { color: white; } .blog-single { - background: -webkit-linear-gradient(top, #2f4d4f 87%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 87%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 87%, transparent 100%); } + background: -webkit-linear-gradient(top, #2f4d4f 70%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 70%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 70%, transparent 100%); } .blog-home { - background: -webkit-linear-gradient(top, #2f4d4f 87%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 87%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 87%, transparent 100%); } + background: -webkit-linear-gradient(top, #2f4d4f 70%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 70%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 70%, transparent 100%); } .blog-archive { - background: -webkit-linear-gradient(top, #2f4d4f 87%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 87%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 87%, transparent 100%); } + background: -webkit-linear-gradient(top, #2f4d4f 70%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 70%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 70%, transparent 100%); } #blog-posts-over { background: #FFFFFF; } @@ -7250,17 +7250,17 @@ input[type="submit"].blogbutton { right: 0; } .search-results { - background: -webkit-linear-gradient(top, #2f4d4f 87%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 87%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 87%, transparent 100%); } + background: -webkit-linear-gradient(top, #2f4d4f 70%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 70%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 70%, transparent 100%); } footer.main { margin-top: 10px; } @media (max-width: 430px) { footer.main { - background: -webkit-linear-gradient(top, #2f4d4f 87%, transparent 100%); - background: -moz-linear-gradient(center top, #2f4d4f 87%, transparent 100%); - background: -ms-linear-gradient(top, #2f4d4f 87%, transparent 100%); + background: -webkit-linear-gradient(top, #2f4d4f 70%, transparent 100%); + background: -moz-linear-gradient(center top, #2f4d4f 70%, transparent 100%); + background: -ms-linear-gradient(top, #2f4d4f 70%, transparent 100%); margin: 0; } } .info { diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss index 7bac38d..28d58e9 100644 --- a/scss/mixins/_gradient.scss +++ b/scss/mixins/_gradient.scss @@ -4,7 +4,7 @@ */ @mixin gradient($from, $to) { - background: -webkit-linear-gradient(top, $from 87%, $to 100%); - background: -moz-linear-gradient(center top, $from 87%, $to 100%); - background: -ms-linear-gradient(top, $from 87%, $to 100%); + background: -webkit-linear-gradient(top, $from 70%, $to 100%); + background: -moz-linear-gradient(center top, $from 70%, $to 100%); + background: -ms-linear-gradient(top, $from 70%, $to 100%); }