update style for the events

now colors for the events are set in the theme scss files.

diff --git a/css/app.css b/css/app.css
index 677d63f..759541d 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7249,6 +7249,37 @@ header {
     color: #FFFFFF; }
 #glm-event-wrapper p {
   margin-left: 15px; }
+#glm-event-wrapper .glm-event-day-row {
+  border: 1px solid #FFFFFF;
+  background: -webkit-linear-gradient(left, #f2f2f2 5%, #FFFFFF 100%);
+  background: -moz-linear-gradient(center top, #f2f2f2 5%, #FFFFFF 100%);
+  background: -ms-linear-gradient(left, #f2f2f2 5%, #FFFFFF 100%); }
+#glm-event-wrapper .glm-event-day-event {
+  border: 1px solid #CCCCCC; }
+  #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 #131c5f;
+  background-color: #FFFFFF;
+  color: #000000; }
+#glm-event-wrapper .glm-event-day-event a.glm-read-more:hover {
+  color: #FFFFFF;
+  background-color: #131c5f;
+  border: 1px solid #FFFFFF;
+  background-color: #131c5f; }
+#glm-event-wrapper .glm-event-cal {
+  border: 1px solid #131c5f; }
+#glm-event-wrapper .glm-event-cal-day-container {
+  background: -webkit-linear-gradient(left, #FFFFFF 5%, #f2f2f2 100%);
+  background: -moz-linear-gradient(center top, #FFFFFF 5%, #f2f2f2 100%);
+  background: -ms-linear-gradient(left, #FFFFFF 5%, #f2f2f2 100%); }
+#glm-event-wrapper .glm-event-cal-month {
+  background-color: #131c5f;
+  color: #fff; }
+#glm-event-wrapper h1 {
+  color: #131c5f; }
+#glm-event-wrapper h2 {
+  color: #131c5f; }
 
 #blog-feed-front .blog-feed-img {
   margin-bottom: 17px; }

diff --git a/scss/plugins/_glm-member-db-events.scss b/scss/plugins/_glm-member-db-events.scss
index db52604..96dae5a 100644 (file)
--- a/scss/plugins/_glm-member-db-events.scss
+++ b/scss/plugins/_glm-member-db-events.scss
@@ -2,6 +2,8 @@
 $nameSearchButtonColor   : $pink;
 $shortcutsButtonColor    : $green;
 $backToSearchButtonColor : $pink;
+$eventGradientColor      : #f2f2f2;
+$eventMonthColor         : $d-blue;
 
 #glm-event-wrapper {
     h1 {
@@ -11,15 +13,19 @@ $backToSearchButtonColor : $pink;
     #glm-events-search-form {
         .button {
               @include button(
-                // $padding - Used to build padding for buttons Default: $button-med or rem-calc(12)
+                // $padding
                 rem-calc(12),
-                // Background color. We can set $bg:false for a transparent background. Default: $primary-color.
+                // Background color.
                 $nameSearchButtonColor,
-                // If true, set to button radius which is $global-radius or explicitly set radius amount in px (ex. $radius:10px). Default:false.
+                // 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
+                // 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
+                // We can set $disabled:true to create a
+                // disabled transparent button. Default:false
                 false
               );
             }
@@ -48,15 +54,19 @@ $backToSearchButtonColor : $pink;
     // for the back to search button
     button {
               @include button(
-                // $padding - Used to build padding for buttons Default: $button-med or rem-calc(12)
+                // $padding
                 rem-calc(12),
-                // Background color. We can set $bg:false for a transparent background. Default: $primary-color.
+                // 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.
+                // 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
+                // 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
+                // We can set $disabled:true to create a
+                // disabled transparent button. Default:false
                 false
               );
         width: 220px;
@@ -64,4 +74,43 @@ $backToSearchButtonColor : $pink;
     p {
         margin-left: 15px;
     }
+    
+    .glm-event-day-row {
+        border: 1px solid $white;
+        @include gradient($eventGradientColor, $white);
+    }
+
+    .glm-event-day-event {
+        border: 1px solid $iron;
+        &:hover {
+            border: 1px solid $black;
+        }
+    }
+    .glm-event-day-event a.glm-read-more {
+        border: 1px solid $d-blue;
+        background-color: $white;
+        color: $black;
+    }
+    .glm-event-day-event a.glm-read-more:hover {
+        color: $white;
+        background-color: $d-blue;
+        border: 1px solid $white;
+        background-color: $d-blue;
+    }
+    .glm-event-cal {
+        border: 1px solid $d-blue;
+    }
+    .glm-event-cal-day-container {
+        @include gradient($white, $eventGradientColor);
+    }
+    .glm-event-cal-month {
+        background-color: $d-blue;
+        color: #fff;
+    }
+    h1 {
+        color: $d-blue;
+    }
+    h2 {
+        color: $d-blue;
+    }
 }