From: Laury GvR Date: Thu, 16 Feb 2017 22:01:37 +0000 (-0500) Subject: Adding the member db event stylesheet X-Git-Tag: v1.0.0^2~21 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=8dce8cd9e2047f25fce1421aa64fa7f6d0ccfaf5;p=WP-Themes%2Fbeaverislandboatcompany.git Adding the member db event stylesheet --- diff --git a/index.php b/index.php index 3f0fbc4..d5e7de9 100644 --- a/index.php +++ b/index.php @@ -31,7 +31,7 @@ include "sections/footer.php"; include "sections/copyright.php"; ?> - + diff --git a/scss/plugins/_glm-member-db-events.scss b/scss/plugins/_glm-member-db-events.scss new file mode 100644 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; +}