added events plugin scss file and added styles for the events list output

diff --git a/css/app.css b/css/app.css
index 8982425..0e77390 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6708,6 +6708,218 @@ main {
 #blog-posts-over article.ai1ec_event {
   padding: 10px; }
 
+#glm-event-wrapper h1 {
+  font-size: 1.5rem;
+  padding: 0 15px; }
+#glm-event-wrapper #glm-events-search-form #glm-event-add-event {
+  color: #FFFFFF; }
+#glm-event-wrapper #glm-events-search-form .button {
+  color: #FFFFFF;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  border-radius: 0;
+  border-style: solid;
+  border-width: 0;
+  cursor: pointer;
+  font-family: "Lato";
+  font-weight: normal;
+  line-height: normal;
+  margin: 0 0 1.25rem;
+  position: relative;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  padding: 0.75rem 1.5rem 0.8125rem 1.5rem;
+  background-color: #D97456;
+  border-color: #c6502c;
+  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: #c6502c; }
+  #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 {
+  list-style: none;
+  margin: 0;
+  left: 0; }
+  #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group:before, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group:after {
+    content: " ";
+    display: table; }
+  #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group:after {
+    clear: both; }
+  #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    border-radius: 0;
+    border-style: solid;
+    border-width: 0;
+    cursor: pointer;
+    font-family: "Lato";
+    font-weight: normal;
+    line-height: normal;
+    margin: 0 0 1.25rem;
+    position: relative;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    padding: 0.75rem 1.5rem 0.8125rem 1.5rem;
+    padding-bottom: 0.8125rem;
+    padding-top: 0.75rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    width: 100%;
+    background-color: #043867;
+    border-color: #032d52;
+    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: #032d52; }
+    #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 {
+    float: none;
+    display: list-item;
+    margin: 0; }
+    #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li > button, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child button, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child .button {
+      border-left: 0; }
+    #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child {
+      margin-left: 0; }
+    #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li > a, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li > button, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li > .button {
+      border-radius: 0; }
+    #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child > a, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child > button, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child > .button {
+      -webkit-border-bottom-left-radius: 3px;
+      -webkit-border-top-left-radius: 3px;
+      border-bottom-left-radius: 3px;
+      border-top-left-radius: 3px; }
+    #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:last-child, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:last-child > a, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:last-child > button, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:last-child > .button {
+      -webkit-border-bottom-right-radius: 3px;
+      -webkit-border-top-right-radius: 3px;
+      border-bottom-right-radius: 3px;
+      border-top-right-radius: 3px; }
+#glm-event-wrapper button {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  border-radius: 0;
+  border-style: solid;
+  border-width: 0;
+  cursor: pointer;
+  font-family: "Lato";
+  font-weight: normal;
+  line-height: normal;
+  margin: 0 0 1.25rem;
+  position: relative;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  padding: 0.75rem 1.5rem 0.8125rem 1.5rem;
+  background-color: #90c7db;
+  border-color: #59abc9;
+  color: #333333;
+  border-radius: 3px;
+  transition: background-color 300ms ease-out;
+  width: 220px; }
+  #glm-event-wrapper button:hover, #glm-event-wrapper button:focus {
+    background-color: #59abc9; }
+  #glm-event-wrapper button:hover, #glm-event-wrapper button:focus {
+    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 h2 {
+    color: #90C7DB; }
+  #glm-event-wrapper .glm-event-day-event:hover {
+    border: 1px solid #374343; }
+  #glm-event-wrapper .glm-event-day-event::before {
+    color: #374343; }
+#glm-event-wrapper .glm-event-day-event a.glm-read-more {
+  border: 1px solid #374343;
+  background-color: #FFFFFF;
+  color: #000000; }
+#glm-event-wrapper .glm-event-day-event a.glm-read-more:hover {
+  color: #FFFFFF;
+  background-color: #D97456;
+  border: 1px solid #FFFFFF; }
+#glm-event-wrapper .glm-event-cal {
+  border: 1px solid #D97456; }
+#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-day-container .glm-event-cal-day {
+    color: #374343; }
+#glm-event-wrapper .glm-event-cal-month {
+  background-color: #D97456;
+  color: #fff; }
+#glm-event-wrapper h1 {
+  color: #D97456; }
+#glm-event-wrapper h2 {
+  color: #D97456;
+  font-weight: bold; }
+#glm-event-wrapper #glm-event-detail-cost:before {
+  top: 0px; }
+#glm-event-wrapper .stButton .sharethis {
+  display: none; }
+#glm-event-wrapper span#eventShare.st_sharethis, #glm-event-wrapper #shareThisOrange {
+  background-color: #D97456 !important;
+  padding: 2px 0 5px 10px;
+  font-size: 0.875rem;
+  font-weight: bold;
+  color: white;
+  width: auto;
+  height: 30px;
+  border-radius: 3px; }
+#glm-event-wrapper #EventDrivingDirectionSubmit {
+  margin-left: 0px;
+  font-weight: bold; }
+
+.hasDatepicker {
+  width: 100%;
+  height: 34px; }
+
+#glm-events-frontpage-wrapper .glm-events-frontpage-day {
+  padding: 3px;
+  background-color: #D97456;
+  color: #e4c491; }
+#glm-events-frontpage-wrapper .glm-events-frontpage-event-container {
+  margin: 10px 0;
+  overflow: hidden; }
+#glm-events-frontpage-wrapper .glm-events-frontpage-event-image {
+  width: 90px;
+  height: 90px; }
+#glm-events-frontpage-wrapper .glm-events-frontpage-event-title, #glm-events-frontpage-wrapper .glm-events-frontpage-event-dates, #glm-events-frontpage-wrapper .glm-events-frontpage-event-content {
+  float: left;
+  width: 170px;
+  padding: 0px 12px 0px 8px;
+  margin-top: 4px; }
+#glm-events-frontpage-wrapper .glm-events-frontpage-event-title {
+  /*    font-size: 15px;*/
+  color: #D97456;
+  font-weight: bold;
+  max-height: 37.2px;
+  overflow: hidden;
+  line-height: 1.4; }
+#glm-events-frontpage-wrapper .glm-events-frontpage-event-dates {
+  color: grey;
+  max-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+#glm-events-frontpage-wrapper .glm-events-frontpage-event-content {
+  max-height: 37.2px;
+  overflow: hidden; }
+
 .home-feed-post {
   padding-bottom: 25px; }
 

diff --git a/js/app.js b/js/app.js
index 71088c8..1eb0250 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -58,9 +58,6 @@ $(document).ready(function () {
     var page_front = $(".page-front");
     var scrollTop;
 
-        
-
-    
     $(window).resize( function () {
         width = $(window).width();
         scrollTop = $(window).scrollTop();
@@ -77,7 +74,7 @@ $(document).ready(function () {
     $(window).on("scroll", function () {
         width = $(window).width();
         scrollTop = $(window).scrollTop();
-        console.log("scr" + scrollTop + " : " + width);
+//        console.log("scr" + scrollTop + " : " + width);
         if(scrollTop > 0){
             $(sticky).addClass("fixed");
         }

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 9ccbe91..46f6e22 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -49,9 +49,6 @@ $(document).ready(function () {
     var page_front = $(".page-front");
     var scrollTop;
 
-        
-
-    
     $(window).resize( function () {
         width = $(window).width();
         scrollTop = $(window).scrollTop();
@@ -68,7 +65,7 @@ $(document).ready(function () {
     $(window).on("scroll", function () {
         width = $(window).width();
         scrollTop = $(window).scrollTop();
-        console.log("scr" + scrollTop + " : " + width);
+//        console.log("scr" + scrollTop + " : " + width);
         if(scrollTop > 0){
             $(sticky).addClass("fixed");
         }

diff --git a/scss/_plugins.scss b/scss/_plugins.scss
index 05709de..f2b4cb3 100644 (file)
--- a/scss/_plugins.scss
+++ b/scss/_plugins.scss
@@ -1,3 +1,4 @@
   @import "plugins/nextgen";
   @import "plugins/gravityForms";
-  @import "plugins/events";
\ No newline at end of file
+  @import "plugins/events";
+ @import "plugins/glm-member-db-events";
\ No newline at end of file

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..3c49c9a
--- /dev/null
+++ b/scss/plugins/_glm-member-db-events.scss
@@ -0,0 +1,197 @@
+// Setting for the colors
+$nameSearchButtonColor   : #043867;
+$shortcutsButtonColor    : #043867;
+$backToSearchButtonColor : $blue;
+$eventGradientColor      : #f2f2f2;
+$eventMonthColor         : #D97456;
+$readMoreColor           : $l-blue;
+
+#glm-event-wrapper {
+    h1 {
+        font-size: 1.5rem;
+        padding: 0 15px;
+    }
+    #glm-events-search-form {
+        #glm-event-add-event{
+            color: $white;
+        }
+        .button {
+            color: $white;
+              @include button(
+                // $padding
+                rem-calc(12),
+                // Background color.
+                $eventMonthColor,
+                // 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-events-shortcuts .shortcuts-button-group { 
+        @include button-group-container();
+        .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 {
+              @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 {
+        h2 {
+            color: #90C7DB;
+        }
+        border: 1px solid #CCCCCC;
+        &:hover {
+            border: 1px solid #374343;
+        } &::before{
+            color: #374343;
+        }
+    }
+    .glm-event-day-event a.glm-read-more {
+        border: 1px solid #374343;
+        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 {
+        .glm-event-cal-day {
+            color: #374343;
+        }
+        @include gradient($white, $eventGradientColor);
+    }
+    .glm-event-cal-month {
+        background-color: $eventMonthColor;
+        color: #fff;
+    }
+    h1 {
+        color: $eventMonthColor;
+    }
+    h2 {
+        color:  $eventMonthColor;
+        font-weight: bold;
+    }
+    #glm-event-detail-cost:before{
+        top: 0px;
+    }
+    .stButton .sharethis{
+       display: none;
+   }
+    span#eventShare.st_sharethis,
+    #shareThisOrange{
+        background-color: $eventMonthColor !important;
+        padding: 2px 0 5px 10px;
+        font-size: rem-calc(14);
+        font-weight: bold;
+        color: white;
+        width: auto;
+        height: 30px;
+        border-radius: 3px;
+    }
+    #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: $gold;
+    }
+    .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;
+    }
+}
\ No newline at end of file