Adding the member db event stylesheet

diff --git a/index.php b/index.php
index 3f0fbc4..d5e7de9 100644 (file)
--- a/index.php
+++ b/index.php
@@ -31,7 +31,7 @@
                     include "sections/footer.php";  
                     include "sections/copyright.php";  
                     ?>
-                    </div><!--/#page-wrapper-->
+                </div><!--/#page-wrapper-->
             <a class="exit-off-canvas"></a>
             </div><!--End of inner-wrap-->
         </div><!--End of off-canvas-->

diff --git a/scss/plugins/_glm-member-db-events.scss b/scss/plugins/_glm-member-db-events.scss
new file mode 100644 (file)
index 0000000..c65dd23
--- /dev/null
+++ b/scss/plugins/_glm-member-db-events.scss
@@ -0,0 +1,260 @@
+// Setting for the colors
+$nameSearchButtonColor   : #043867;
+$shortcutsButtonColor    : #043867;
+$backToSearchButtonColor : #043867;
+$eventGradientColor      : #f2f2f2;
+$eventMonthColor         : #043867;
+$readMoreColor           : #043867;
+
+#glm-event-wrapper {
+    h1 {
+        font-size: 1.5rem;
+        padding: 0 15px;
+    }
+    #glm-events-search-form {
+        .button {
+              @include button(
+                // $padding
+                rem-calc(12),
+                // 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.
+                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
+              );
+            }
+        #glm-event-add-event{
+            width: 126px;
+            float: right;
+        }
+    }
+    
+//    #glm-events-shortcuts .shortcuts-button-group {
+//       @include button-group();
+//        .shortcuts-button {
+//            @include button(
+//                rem-calc(12),
+//                $shortcutsButtonColor,
+//                true,
+//                true,
+//                false
+//            );
+//            margin-bottom: 1px;
+//        }
+//        & > li {
+//            @include button-group-style(
+//                $radius:true,
+//                $even:false,
+//                $float:none
+//            );
+//        }
+//    }
+    // for the back to search button
+    button:not(.fc-button)  {
+              @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;
+    }
+    p {
+        margin-left: 15px;
+    }
+
+    .glm-event-day-row {
+        border: 1px solid $white;
+        @include gradient($eventGradientColor, $white);
+    }
+
+    .glm-event-day-event {
+        border: 1px solid $eventMonthColor;
+        &:hover {
+            border: 1px solid $black;
+        }
+    }
+    .glm-event-day-event a.glm-read-more {
+        border: 1px solid $eventMonthColor;
+        background-color: $white;
+        color: $black;
+    }
+    .glm-event-day-event a.glm-read-more:hover {
+        color: $white;
+        background-color: $eventMonthColor;
+        border: 1px solid $white;
+    }
+    .glm-event-cal {
+        border: 1px solid $eventMonthColor;
+    }
+    .glm-event-cal-day-container {
+        @include gradient($white, $eventGradientColor);
+    }
+    .glm-event-cal-month {
+        background-color: $eventMonthColor;
+        color: #fff;
+    }
+    h1 {
+        color: $eventMonthColor;
+    }
+    h2 {
+        color:  #1E3D67;
+        font-weight: bold;
+    }
+    #glm-event-detail-cost:before{
+        top: 0px;
+    }
+    .stButton .sharethis{
+       display: none;
+   }
+    span#eventShare.st_sharethis,
+    #shareThisOrange{
+        background-color: $eventMonthColor !important;
+        font-size: rem-calc(14);
+        font-weight: bold;
+        color: white;
+        width: auto;
+        height: 30px;
+        border-radius: 3px;
+        max-height: 30px;
+        padding: 3px 0 0 15px;
+    }
+    #EventDrivingDirectionSubmit {
+        margin-left: 0px;
+        font-weight: bold;
+    }
+}
+.hasDatepicker {
+    width: 100%;
+    height: 34px;
+}
+// Front page display
+#glm-events-frontpage-wrapper {
+    .glm-events-frontpage-day {
+        padding: 3px;
+        background-color: $eventMonthColor;
+        color: #779156;
+    }
+    .glm-events-frontpage-event-container {
+        margin: 10px 0;
+        overflow: hidden;
+    }
+    .glm-events-frontpage-event-image {
+        width: 90px;
+        height: 90px;
+    }
+    .glm-events-frontpage-event-title,
+    .glm-events-frontpage-event-dates,
+    .glm-events-frontpage-event-content {
+        float: left;
+        width: 170px;
+        padding: 0px 12px 0px 8px;
+        margin-top: 4px;
+    }
+    .glm-events-frontpage-event-title {
+    /*    font-size: 15px;*/
+        color: $eventMonthColor;
+        font-weight: bold;
+        max-height: 37.2px;
+        overflow: hidden;
+        line-height: 1.4;
+    }
+    .glm-events-frontpage-event-dates {
+        color: grey;
+        max-height: 20px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .glm-events-frontpage-event-content {
+        max-height: 37.2px;
+        overflow: hidden;
+    }
+}
+@media#{$medium-up} {
+    #glm-event-wrapper {
+//        width: 80%;
+        margin: 0 auto;
+    }
+    #glm-event-wrapper.event-detail {
+        width: 100%;
+    }
+}
+form#glm-member-event-search #glm-event-category{
+    width: 83%
+}
+.prefix,
+.postfix {
+  border-style: solid;
+  border-width: 1px;
+  display: block;
+  font-size: 0.875rem;
+  height: 2.3125rem;
+  line-height: 2.3125rem;
+  overflow: visible;
+  padding-bottom: 0;
+  padding-top: 0;
+  position: relative;
+  text-align: center;
+  width: 100%;
+  z-index: 2; 
+}
+span.prefix, label.prefix {
+  background: #f2f2f2;
+  border-right: none;
+  color: #333333;
+  border-color: #cccccc; 
+}
+
+span.postfix, label.postfix {
+  background: #f2f2f2;
+  border-left: none;
+  color: #333333;
+  border-color: #cccccc; 
+}
+input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  border-radius: 0;
+  background-color: #FFFFFF;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #cccccc;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  color: rgba(0, 0, 0, 0.75);
+  display: block;
+  font-family: inherit;
+  font-size: 0.875rem;
+  height: 2.3125rem;
+  margin: 0 0 1rem 0;
+  padding: 0.5rem;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
+  -moz-transition: border-color 0.15s linear, background 0.15s linear;
+  -ms-transition: border-color 0.15s linear, background 0.15s linear;
+  -o-transition: border-color 0.15s linear, background 0.15s linear;
+  transition: border-color 0.15s linear, background 0.15s linear; 
+}
+.right {
+  float: right !important; 
+}