From: Anthony Talarico Date: Mon, 25 Mar 2019 20:27:41 +0000 (-0400) Subject: fixing blog archive page featured image position and changing events theme colors X-Git-Tag: v1.2.59^2~1 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=32450043dac6550e87026cadb1245e12e054e548;p=WP-Themes%2Fmountpleasantwow.git fixing blog archive page featured image position and changing events theme colors --- diff --git a/css/app.css b/css/app.css index 23db777..e709496 100644 --- a/css/app.css +++ b/css/app.css @@ -7598,13 +7598,13 @@ h2#slide-text { text-decoration: none; display: inline-block; padding: 0.75rem 1.5rem 0.8125rem 1.5rem; - background-color: #690433; - border-color: #540329; + background-color: #16345B; + border-color: #122a49; color: #FFFFFF; border-radius: 3px; transition: background-color 300ms ease-out; } #glm-event-wrapper #glm-events-search-form .button:hover, #glm-event-wrapper #glm-events-search-form .button:focus { - background-color: #540329; } + background-color: #122a49; } #glm-event-wrapper #glm-events-search-form .button:hover, #glm-event-wrapper #glm-events-search-form .button:focus { color: #FFFFFF; } #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group { @@ -7637,14 +7637,14 @@ h2#slide-text { padding-left: 1rem; padding-right: 1rem; width: 100%; - background-color: #690433; - border-color: #540329; + background-color: #16345B; + border-color: #122a49; color: #FFFFFF; border-radius: 3px; transition: background-color 300ms ease-out; margin-bottom: 1px; } #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:hover, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:focus { - background-color: #540329; } + background-color: #122a49; } #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:hover, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:focus { color: #FFFFFF; } #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li { @@ -7670,7 +7670,7 @@ h2#slide-text { -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } -#glm-event-wrapper button#glm-event-add-event { +#glm-event-wrapper a#glm-event-add-event { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; @@ -7686,15 +7686,18 @@ h2#slide-text { text-decoration: none; display: inline-block; padding: 0.75rem 1.5rem 0.8125rem 1.5rem; - background-color: #008752; - border-color: #006c42; + background-color: #54BB54; + border-color: #3e9b3e; color: #FFFFFF; border-radius: 3px; transition: background-color 300ms ease-out; - width: 220px; } - #glm-event-wrapper button#glm-event-add-event:hover, #glm-event-wrapper button#glm-event-add-event:focus { - background-color: #006c42; } - #glm-event-wrapper button#glm-event-add-event:hover, #glm-event-wrapper button#glm-event-add-event:focus { + background: #16345B !important; + color: #E6E125 !important; + font-size: 14px; + width: 140px; } + #glm-event-wrapper a#glm-event-add-event:hover, #glm-event-wrapper a#glm-event-add-event:focus { + background-color: #3e9b3e; } + #glm-event-wrapper a#glm-event-add-event:hover, #glm-event-wrapper a#glm-event-add-event:focus { color: #FFFFFF; } #glm-event-wrapper p { margin-left: 15px; } @@ -7708,29 +7711,32 @@ h2#slide-text { #glm-event-wrapper .glm-event-day-event:hover { border: 1px solid #000000; } #glm-event-wrapper .glm-event-day-event a.glm-read-more { - border: 1px solid #690433; + border: 1px solid #16345B; background-color: #FFFFFF; color: #000000; } #glm-event-wrapper .glm-event-day-event a.glm-read-more:hover { - color: #FFFFFF; - background-color: #690433; + color: #54BB54; + background-color: #16345B; border: 1px solid #FFFFFF; } #glm-event-wrapper .glm-event-cal { - border: 1px solid #690433; } + border: 1px solid #16345B; } #glm-event-wrapper .glm-event-cal-day-container { background: -webkit-linear-gradient(top, #FFFFFF 8%, #f2f2f2 100%); background: -moz-linear-gradient(center top, #FFFFFF 8%, #f2f2f2 100%); background: -ms-linear-gradient(top, #FFFFFF 8%, #f2f2f2 100%); } #glm-event-wrapper .glm-event-cal-month { - background-color: #690433; + background-color: #16345B; color: #fff; } #glm-event-wrapper h1 { - color: #690433; } + color: #16345B; } #glm-event-wrapper h2 { - color: #0093d1; + color: #54BB54; font-weight: bold; } #glm-event-wrapper #glm-event-detail-cost:before { top: 0px; } +#glm-event-wrapper #glm-event-detail-takeback-mini { + background: #16345B; + color: #54BB54; } #glm-event-wrapper .stButton .sharethis { display: none; } #glm-event-wrapper span#eventShare.st_sharethis, #glm-event-wrapper #shareThisOrange { @@ -8104,11 +8110,6 @@ body #glm-member-front-header .glm-button.button { margin: 0 auto; padding-bottom: 10px; } -.blog-archive #head-img { - margin: -280px auto 0; } - @media only screen and (max-width: 40em) { - .blog-archive #head-img { - margin-top: -250px; } } .blog-archive a { font-family: "Open Sans"; font-style: normal; diff --git a/scss/_blog.scss b/scss/_blog.scss index d9754c9..4aeca6d 100644 --- a/scss/_blog.scss +++ b/scss/_blog.scss @@ -270,9 +270,9 @@ } .blog-archive { #head-img { - margin: -280px auto 0; + // margin: -280px auto 0; @media #{$small-only} { - margin-top: -250px; + // margin-top: -250px; } } a { diff --git a/scss/plugins/_glm-member-db-events.scss b/scss/plugins/_glm-member-db-events.scss index 56b86cf..4eb47ea 100644 --- a/scss/plugins/_glm-member-db-events.scss +++ b/scss/plugins/_glm-member-db-events.scss @@ -1,11 +1,11 @@ // Setting for the colors -$nameSearchButtonColor : $maroon; -$shortcutsButtonColor : $maroon; -$backToSearchButtonColor : $green; +$nameSearchButtonColor : $revamp-blue; +$shortcutsButtonColor : $revamp-blue; +$backToSearchButtonColor : $revamp-green; $eventGradientColor : #f2f2f2; -$eventMonthColor : $maroon; -$readMoreColor : $l-blue; +$eventMonthColor : $revamp-blue; +$readMoreColor : $revamp-green; #glm-event-wrapper { h1 { @@ -54,24 +54,27 @@ $readMoreColor : $l-blue; } } // for the back to search button - button#glm-event-add-event { - @include button( - // $padding - rem-calc(12), - // Background color. - $backToSearchButtonColor, - // If true, set to button radius which is $global-radius - // or explicitly set radius amount in px (ex. $radius:10px). - // Default:false. - 3px, - // We can set $full-width:true to remove side - // padding extend width. Default:false - false, - // We can set $disabled:true to create a - // disabled transparent button. Default:false - false - ); - width: 220px; + a#glm-event-add-event { + @include button( + // $padding + rem-calc(12), + // Background color. + $backToSearchButtonColor, + // If true, set to button radius which is $global-radius + // or explicitly set radius amount in px (ex. $radius:10px). + // Default:false. + 3px, + // We can set $full-width:true to remove side + // padding extend width. Default:false + false, + // We can set $disabled:true to create a + // disabled transparent button. Default:false + false + ); + background: $revamp-blue !important; + color: $revamp-yellow !important; + font-size: 14px; + width: 140px; } p { margin-left: 15px; @@ -89,12 +92,12 @@ $readMoreColor : $l-blue; } } .glm-event-day-event a.glm-read-more { - border: 1px solid $maroon; + border: 1px solid $revamp-blue; background-color: $white; color: $black; } .glm-event-day-event a.glm-read-more:hover { - color: $white; + color: $revamp-green; background-color: $nameSearchButtonColor; border: 1px solid $white; } @@ -112,12 +115,16 @@ $readMoreColor : $l-blue; color: $eventMonthColor; } h2 { - color: $l-blue; + color: $revamp-green; font-weight: bold; } #glm-event-detail-cost:before{ top: 0px; } + #glm-event-detail-takeback-mini{ + background: $revamp-blue; + color: $revamp-green; + } .stButton .sharethis{ display: none; }