From: Ian Weller Date: Tue, 2 Feb 2016 21:57:35 +0000 (-0500) Subject: finally got my thick skull around the task X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=cc03c1067446aa0c904aaf199d082b7ae5e87f78;p=WP-Themes%2Fglmthemes%2Fsaultstemarie-theme.git finally got my thick skull around the task --- diff --git a/css/app.css b/css/app.css index 5ea69ac..a8088e5 100644 --- a/css/app.css +++ b/css/app.css @@ -6686,13 +6686,8 @@ header { @media screen and (max-width: 1024px) { main.page-front { padding: 0; } } -main.page-front #content-wrapper { - background: -webkit-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%); - filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=#d7e8f0, EndColorStr=rgba(255, 255, 255, 0); } - main.page-front #content-wrapper #main-content { - margin: 37px auto; } +main.page-front #content-wrapper #main-content { + margin: 37px auto; } main.page-inside { padding-top: 2px; } @@ -6700,9 +6695,9 @@ main.page-inside { main.page-inside { padding: 0; } } main.page-inside #content-wrapper { - background: -webkit-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%); + background: -webkit-linear-gradient(top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=#d7e8f0, EndColorStr=rgba(255, 255, 255, 0); min-height: 250px; } main.page-inside #content-wrapper #main-content { @@ -6777,9 +6772,9 @@ main.page-inside { margin-top: 25px; padding-top: 0; } .blocks #block-1.blocks:before, .blocks #block-2.blocks:before, .blocks #block-3.blocks:before { - background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 51%, #000000 100%); - background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 51%, #000000 100%); - background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 51%, #000000 100%); + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, #000000 100%); + background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 5%, #000000 100%); + background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 5%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=rgba(255, 255, 255, 0), EndColorStr=#000000; position: absolute; content: ''; @@ -7410,9 +7405,9 @@ header .searchform input[type="submit"]:hover, header .searchformHeader input[ty padding: 10px; } } #back_grad { - background: -webkit-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%); - background: -moz-linear-gradient(center top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(top, #d7e8f0 51%, rgba(255, 255, 255, 0) 100%); + background: -webkit-linear-gradient(top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%); + background: -moz-linear-gradient(center top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%); + background: -ms-linear-gradient(top, #d7e8f0 5%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient StartColorStr=#d7e8f0, EndColorStr=rgba(255, 255, 255, 0); height: 1000px; } @@ -7550,6 +7545,9 @@ footer { #example.element { background-color: transparent; } +body { + background-color: #d7e8f0; } + .bg-container { position: absolute; background: url(../assets/1060+Winter+Beach.jpg) no-repeat bottom; diff --git a/scss/_main.scss b/scss/_main.scss index aefbdbd..5ada3ec 100644 --- a/scss/_main.scss +++ b/scss/_main.scss @@ -4,7 +4,7 @@ main.page-front { padding: 0; } #content-wrapper { - @include gradient(#d7e8f0, rgba($white, 0)); +// @include gradient(#d7e8f0, rgba($white, 0)); #main-content { margin: 37px auto; } diff --git a/scss/_structure.scss b/scss/_structure.scss index e7f05a3..37b5572 100644 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -14,6 +14,9 @@ #example.element { background-color: transparent; } +body { + background-color: #d7e8f0; +} .bg-container { position: absolute; background: url(../assets/1060+Winter+Beach.jpg) no-repeat bottom; diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss index f9058fb..ad4653f 100644 --- a/scss/mixins/_gradient.scss +++ b/scss/mixins/_gradient.scss @@ -4,8 +4,8 @@ */ @mixin gradient($from, $to) { - background: -webkit-linear-gradient(top, $from 51%, $to 100%); - background: -moz-linear-gradient(center top, $from 51%, $to 100%); - background: -ms-linear-gradient(top, $from 51%, $to 100%); + background: -webkit-linear-gradient(top, $from 5%, $to 100%); + background: -moz-linear-gradient(center top, $from 5%, $to 100%); + background: -ms-linear-gradient(top, $from 5%, $to 100%); filter: progid:DXImageTransform.Microsoft.gradient((StartColorStr=$from, EndColorStr=$to)); }