From: Ian Weller Date: Wed, 25 Jan 2017 20:56:11 +0000 (-0500) Subject: alot of style changes X-Git-Tag: v1.0.0^2~78 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=7f57724337a5b7232a053cbcce2bbb5c91d20900;p=WP-Themes%2Ftruenorthgolf.git alot of style changes I made several style changes to help with the appearance of the theme. Mostly dealt with the slideshow and position. --- diff --git a/css/app.css b/css/app.css index 66a0e9a..69da335 100644 --- a/css/app.css +++ b/css/app.css @@ -6699,9 +6699,9 @@ a[href^=tel] { header#page-header { height: 295px; - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0) 100%); - background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0) 100%); - background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0) 100%); + background: -webkit-linear-gradient(top, #000000 5%, rgba(0, 0, 0, 0) 100%); + background: -moz-linear-gradient(center top, #000000 5%, rgba(0, 0, 0, 0) 100%); + background: -ms-linear-gradient(top, #000000 5%, rgba(0, 0, 0, 0) 100%); position: relative; padding-top: 11px; z-index: 5; } @@ -6714,7 +6714,7 @@ header#page-header { @media (max-width: 1055px) { header#page-header { padding: 0; } } - header#page-header h1.site-title { + header#page-header h1.site-title a { color: #FFFFFF; } header#page-header h3.site-description { color: #FFFFFF; } @@ -7021,7 +7021,11 @@ ul#sec-nav { img.orb-shadow { position: relative; - text-align: center; } + text-align: center; + top: -185px; } + +#content-wrapper { + position: relative; } main .wp-caption p.wp-caption-text { text-align: left; } @@ -7059,8 +7063,6 @@ main.page-front .blocks .block { /*bottom: 0;*/ } main.page-front #main-content { margin-top: 25px; } -main.page-inside #content-wrapper { - position: relative; } main #mid { margin: 40px auto 0; max-width: 1000px; } @@ -7138,12 +7140,11 @@ main.search-results #head-img { #slideshow { position: relative; - margin-top: -295px; + margin-top: -80px; top: -185px; z-index: -1; } @media only screen and (max-width: 40em) { #slideshow { - margin-top: -140px; max-height: 230px; } } #slideshow .metaslider { max-height: 610px; diff --git a/scss/_main.scss b/scss/_main.scss index ff8f516..7ad99b2 100644 --- a/scss/_main.scss +++ b/scss/_main.scss @@ -113,6 +113,10 @@ img.orb-shadow { position: relative; text-align: center; + top: -185px; +} +#content-wrapper { + position: relative; } main { .wp-caption p.wp-caption-text { @@ -177,11 +181,6 @@ main { // } } } - &.page-inside { - #content-wrapper { - position: relative; - } - } #mid { margin: 40px auto 0; max-width: 1000px; diff --git a/scss/_page.header.scss b/scss/_page.header.scss index d5b9244..7647299 100644 --- a/scss/_page.header.scss +++ b/scss/_page.header.scss @@ -3,7 +3,7 @@ header#page-header { @media #{$small-only} { height: 185px; } - @include gradient (rgba($black, 0.95), rgba($black, 0)); + @include gradient (rgba($black, 1), rgba($black, 0)); position: relative; padding-top: 11px; z-index: 5; @@ -13,7 +13,7 @@ header#page-header { @media (max-width: 1055px) { padding: 0; } - h1.site-title { + h1.site-title a { color: $white; } h3.site-description { diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss index e5c946f..08991fe 100644 --- a/scss/_slideshow.scss +++ b/scss/_slideshow.scss @@ -1,10 +1,10 @@ #slideshow { position: relative; - margin-top: -295px; + margin-top: -80px; top: -185px; z-index: -1; @media #{$small-only} { - margin-top: -140px; +// margin-top: -140px; max-height: 230px; } .metaslider {