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 (file)
--- 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 (file)
--- 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 (file)
--- 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;
 }