adding full width no sidebar template and default event stylesheet

adding the events sass sheet and the no sidebar template for the events and
members only pages

diff --git a/no-sidebar.php b/no-sidebar.php
new file mode 100644 (file)
index 0000000..e97fd03
--- /dev/null
+++ b/no-sidebar.php
@@ -0,0 +1,6 @@
+<?php
+/*
+Template Name: No Sidebar Template
+*/
+get_template_part('index');
+?>
\ 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..6001ae1
--- /dev/null
+++ b/scss/plugins/_glm-member-db-events.scss
@@ -0,0 +1,313 @@
+// Setting for the colors
+$nameSearchButtonColor   : $d-brown;
+$shortcutsButtonColor    : $d-brown;
+$backToSearchButtonColor : #043867;
+$eventGradientColor      : #f2f2f2;
+$eventMonthColor         : $blue;
+$readMoreColor           : $blue;
+
+#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;
+            background: $red-orange;
+            text-decoration: none;
+        }
+    }
+    
+//    #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;
+        border-radius: 4px;
+//        background: rgba($white, 0.6);
+        @include gradient($eventGradientColor, $white);
+    }
+
+    .glm-event-day-event {
+        border: 1px solid $eventMonthColor;
+        margin-right: 5px;
+//        margin-left: 5px;
+        @include breakpoint(small only){
+            margin-left: 5px;
+        }
+        &: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: $eventMonthColor;
+        font-weight: bold;
+    }
+    #glm-event-detail-cost:before{
+        top: 0px;
+    }
+    .stButton .sharethis{
+       display: none;
+   }
+    #eventShare{
+        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;
+    }
+    #glm-event-detail-dates{
+        div{
+            padding-top: 7px;
+        }
+    }
+    #glm-event-detail-contact{
+        strong{
+            padding-top: 7px;
+            display: block;
+        }
+    }
+    
+}
+.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%
+}
+.event-detail-image{
+    @include breakpoint(small only){
+        img{
+            margin: 0 !important;
+        }
+    }
+}
+div.eventTitle{
+    @include breakpoint(small only){
+        h1{
+            padding: 0 !important;
+            margin-top: 5px;
+        }
+    }
+}
+#glm-event-detail-takeback-mini{
+    background: $blue;
+    span{
+        opacity: 0;
+    }
+    &:hover{
+        span{
+            opacity: 1;
+        }
+    }
+}
+.glm-add-event-form-title{
+    color: $blue;
+}
+.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; 
+}

diff --git a/sections/interior-page.php b/sections/interior-page.php
index 72d0a1f..dd8b475 100644 (file)
--- a/sections/interior-page.php
+++ b/sections/interior-page.php
@@ -4,32 +4,40 @@
         <div class="row">
             <div class="small-12 medium-12 columns">
                 <div class="row">
-                    <?php if(!is_front_page()) {
-                        echo "<div class='small-12 large-9 columns'>";
-                        echo "<a><img src='".get_template_directory_uri()."/assets/ad-placement.png'></a>";
-                        echo "<ul>";
-                        if ( is_active_sidebar( 'ad-area' ) ) : dynamic_sidebar( 'ad-area' );
-                        endif;
-                        echo"</ul>";
-                        if(function_exists('bcn_display') && !is_front_page())
-                        {
-                            echo "<div class='breadcrumbs small-12 columns'>";
-                            bcn_display();
+                    <?php if(!is_front_page()) { ?>
+                        <!-- main content section -->
+                        <?php if (get_page_template_slug( $post->ID ) !== "no-sidebar.php") {
+                            echo "<div class='small-12 large-9 columns'>";
+                        } else { 
+                            echo "<div class='small-12 columns'>"; 
+                        }
+                                echo "<a><img src='".get_template_directory_uri()."/assets/ad-placement.png'></a>";
+                                echo "<ul>";
+                                    if ( is_active_sidebar( 'ad-area' ) ) : dynamic_sidebar( 'ad-area' );
+                                    endif;
+                                echo"</ul>";
+                                if(function_exists('bcn_display') && !is_front_page())
+                                {
+                                    echo "<div class='breadcrumbs small-12 columns'>";
+                                    bcn_display();
+                                    echo "</div>";
+                                }
+                                get_template_part('parts/main-content');
+                            echo "</div>"; ?>
+                        <!-- sidebar -->
+                        <?php if (get_page_template_slug( $post->ID ) !== "no-sidebar.php") {
+                            echo "<div class='text-center small-12 large-3 large-text-left columns sidebar'>";
+                                echo "<a><img src='".get_template_directory_uri()."/assets/vertical-add.jpg'></a>";
+                                echo "<ul>";
+                                    if ( is_active_sidebar( 'side-ad' ) ) : dynamic_sidebar( 'side-ad' );
+                                    endif;
+                                echo "</ul>";
+                                echo "<h1>Industry Partners</h1>";
+                                echo "<a><img src='".get_template_directory_uri()."/assets/industry-partners-fpo.jpg'></a>";
                             echo "</div>";
                         }
-                        get_template_part('parts/main-content');
-                        echo "</div>";
-                        echo "<div class='text-center small-12 large-3 large-text-left columns sidebar'>";
-                        echo "<a><img src='".get_template_directory_uri()."/assets/vertical-add.jpg'></a>";
-                        echo "<ul>";
-                        if ( is_active_sidebar( 'side-ad' ) ) : dynamic_sidebar( 'side-ad' );
-                        endif;
-                        echo "</ul>";
-                        echo "<h1>Industry Partners</h1>";
-                        echo "<a><img src='".get_template_directory_uri()."/assets/industry-partners-fpo.jpg'></a>";
-                        echo "</div>";
-                    }
-                    ?>
+                               
+                    } ?>
                 </div>
                     
             </div>