From: Steve Sutton Date: Wed, 4 Mar 2015 19:20:36 +0000 (-0500) Subject: Event output styles X-Git-Tag: v1.0.0^2~35 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=3ec9af83a470f17c8f32d065904dead9300c1644;p=web%2FGaylordGolfMecca.git Event output styles Update event styles. Bringing over some stuff from petoskeyarea. --- diff --git a/Toolkit/Common.php b/Toolkit/Common.php index 2ff5197..f860db7 100644 --- a/Toolkit/Common.php +++ b/Toolkit/Common.php @@ -703,6 +703,19 @@ class Toolkit_Common // }}} + static public function formatPhone($phone) + { + $pattern = "%[[:alnum:]]%"; + if (preg_match_all($pattern, $phone, $matches)) { + if (count($matches[0]) == 10) { + $phone = "{$matches[0][0]}{$matches[0][1]}{$matches[0][2]}." + . "{$matches[0][3]}{$matches[0][4]}{$matches[0][5]}." + . "{$matches[0][6]}{$matches[0][7]}{$matches[0][8]}{$matches[0][9]}"; + } + } + return $phone; + } + // {{{ getCities() /** diff --git a/Toolkit/Events/css/event.css b/Toolkit/Events/css/event.css index b9a894c..69721a4 100755 --- a/Toolkit/Events/css/event.css +++ b/Toolkit/Events/css/event.css @@ -1,414 +1,695 @@ /* Main Columns on all even pages */ #event-main-column { - width: 520px; - float: left; - margin: 0 0 20px 0; - } + /*width: 520px;*/ + /*float: left;*/ + margin: 0 0 20px 0; +} #event-second-column { - float: right; - /*border: 1px solid #c4d2da;*/ - margin: 0 0 20px 0; - } + /*float: right;*/ + /*border: 1px solid #c4d2da;*/ + margin: 0 0 20px 0; +} /* Search Column */ #event-second-column h3 { - margin: 0; - /*padding: 15px 5px 5px;*/ - padding: 0 5px 5px 5px; - color: #0578B2; - /*border-top: 1px solid #999;*/ - } + margin: 0; + /*padding: 15px 5px 5px;*/ + padding: 0 5px 5px 5px; + color: #0578B2; + /*border-top: 1px solid #999;*/ +} /* Event Shortcuts */ #event-shortcuts ul { - /*background: #c4d2da;*/ - padding-bottom: 20px; - background: #114C75; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); - -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); - } + /*width: 180px;*/ + /*background: #c4d2da;*/ + padding-bottom: 20px; + background: #bcd0d0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + border-color: #a5c0c0; + border-width: 1px; + border-style: solid; + -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); + -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); +} +#eventImgWrapperNew img { + display: block; + margin: 0 auto; +} #event-shortcuts li { - padding: 5px 5px 0; - } + padding: 5px 5px 0; +} #event-shortcuts a { - display: block; - padding: 5px; - text-align: center; - border: 1px solid; - border-top-color: #ccc; - border-right-color: #aaa; - border-bottom-color: #aaa; - border-left-color: #ccc; - background: #fff; - text-decoration: none; - color: black; - } + display: block; + padding: 5px; + text-align: center; + border: 1px solid; + border-top-color: #ccc; + border-right-color: #aaa; + border-bottom-color: #aaa; + border-left-color: #ccc; + background: #fff; + text-decoration: none; + color: black; +} #event-shortcuts a:hover { - border-top-color: #aaa; - border-right-color: #ccc; - border-bottom-color: #ccc; - border-left-color: #aaa; - background: #eee; - } + border-top-color: #aaa; + border-right-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #aaa; + background: #eee; +} #event-shortcuts h3 { - margin-top: 20px; - } + margin-top: 20px; +} +#event-shortcuts { + display: block; + padding: 5px auto 5px; + width: 100%; +} /* Event Search Form Side */ #event-search form { - /*background: #c4d2da; - background: #eee;*/ - padding: 5px 5px 15px 5px; - background: #114C75; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); - -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); - width: 180px; - } + display: block; + padding: 10px 25px; + width: 100%; + margin: 0 0 10px; + background: #bcd0d0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + border-color: #a5c0c0; + border-width: 1px; + border-style: solid; + -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); + -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); + /*width: 180px;*/ +} +.searchEvents { + padding: 5px auto 5px; +} +#event-search input, #event-search select#eventCategorySearch { + font-size: .8765rem !important; + line-height: 130%; + height: 20px; +} +#event-search select#eventCategorySearch { + width: 100%; + padding: 0; +} #event-search #startMonth, #event-search #endMonth { - border: 1px solid #aaa; - padding: 2px 4px; - display: block; - width: 168px; - /*background: #fff url(http://app.gaslightmedia.com/assets/icons/calendar.png) no-repeat 156px center;*/ - background: #fff; - margin: 6px 0; - } + border: 1px solid #aaa; + padding: 2px 4px; + display: block; + width: 100%; + /*background: #fff url(http://app.gaslightmedia.com/assets/icons/calendar.png) no-repeat 156px center;*/ + background: #fff; + margin: 6px 0; +} #startMonthWrapper, #endMonthWrapper { - position: relative; - z-index: 5; - } + position: relative; + z-index: 5; +} .ui-datepicker-trigger { - position: absolute; - z-index: 6; - right: 5px; - top: 3px; - cursor: pointer; - } + position: absolute; + z-index: 6; + right: 5px; + top: 3px; + cursor: pointer; +} #event-search select { - border: 1px solid #aaa; - padding: 2px 4px; - margin: 2px 0; - width: 140px; - display: block; - } + border: 1px solid #aaa; + padding: 2px 4px; + margin: 2px 0; + width: 140px; + display: block; +} #event-search input[type="image"] { - margin-left: 44px; - margin-top: 12px; - } + margin-left: 44px; + margin-top: 12px; +} #event-search span { - font-weight: bold; - } + font-weight: normal; + font-size: .876rem; +} /* Featured Events Side */ #event-featured div { - background-repeat: no-repeat; - padding-bottom: 20px; - height: 80px; - position: relative; - border-top: 1px solid #c4d2da; - border-bottom: 1px solid #c4d2da; - margin: 0 0 10px 0px; - } + background-repeat: no-repeat; + padding-bottom: 20px; + height: 80px; + position: relative; + border-top: 1px solid #c4d2da; + border-bottom: 1px solid #c4d2da; + margin: 0 0 10px 0px; +} #event-featured h3 { - margin-top: 20px; - } + margin-top: 20px; +} #event-featured p { - position: absolute; - right: 0; - bottom: 5px; - display: inline-block; - /*background: #ddd; - background: rgba(255, 255, 255, .8);*/ - margin: 0; - padding: 3px 6px; - font-size: 11px; - font-size: 1.1rem; - background: #114C75; - color: #FFF; - } + position: absolute; + right: 0; + bottom: 5px; + display: inline-block; + /*background: #ddd; + background: rgba(255, 255, 255, .8);*/ + margin: 0; + padding: 3px 6px; + font-size: .675rem; + background: #114C75; + color: #FFF; +} #event-featured a { - position: absolute; - left: 0; - top: 0; - width: 140px; - background: #ddd; - background: rgba(255, 255, 255, .9); - padding: 3px 5px; - font-size: 12px; - font-size: 1.2rem; - font-weight: bold; - background: #114C75; - color: #FFF; - } + position: absolute; + left: 0; + top: 0; + width: 140px; + background: #ddd; + background: rgba(255, 255, 255, .9); + padding: 3px 5px; + font-size: .756rem; + font-weight: bold; + background: #114C75; + color: #FFF; +} /* MAIN EVENT PAGE */ .eventrow { - overflow: hidden; - height: 1%; - clear: left; - } + overflow: hidden; + height: 1%; + clear: left; +} .event-category-block { - /*background: #eee;*/ - border: 1px solid #114C75; - margin: 20px 20px 0 0; - float: left; - width: 240px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); - -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); - } + /*background: #eee;*/ + border: 1px solid #114C75; + margin: 20px 20px 0 0; + float: left; + width: 240px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); + -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); +} .event-category-2 { - margin-right: 0; - } + margin-right: 0; +} #event-main-column .event-category-block h2 { - font-size: 15px; - font-size: 1.5rem; - border-bottom: 1px solid #999; - margin: 0; - padding: 5px 10px; - background: #ddd; - -webkit-border-top-left-radius: 6px; - -webkit-border-top-right-radius: 6px; - -moz-border-radius-topleft: 6px; - -moz-border-radius-topright: 6px; - border-top-left-radius: 6px; - border-top-right-radius: 6px; - } + font-size: 1rem; + border-bottom: 1px solid #999; + margin: 0; + padding: 5px 10px; + background: #ddd; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} .event-category-block div { - /*border-bottom: 1px solid #ccc;*/ - padding: 5px 10px; - font-weight: bold; - } + /*border-bottom: 1px solid #ccc;*/ + padding: 5px 10px; + font-weight: bold; +} .event-category-block b { - margin-right: 10px; - font-weight: bold; - display: block; - } + margin-right: 10px; + font-weight: bold; + display: block; +} .event-category-block a, .event-list a, .eventDetail a, #eventDetailContact a { - color: #114C75; - } + color: #114C75; +} .event-more { - display: block; - text-align: right; - padding: 5px; - font-size: 12px; - font-size: 1.2rem; - display: none; - } + display: block; + text-align: right; + padding: 5px; + font-size: 1.2rem; + display: none; +} .event-more:hover { - background: #fefefe; - } + background: #fefefe; +} /* Event Detail page */ .gmnoprint { /* removes map ui */ - display: none !important; - } + display: none !important; +} #eventDetail { - margin-top: 1em; - } + margin-top: 1em; +} #eventDetail h2 { - position: relative; - margin: 0; - padding: 0; - border: 1px solid #ccc; - } + position: relative; + margin: 0; + padding: 0; + border: 1px solid #ccc; +} #eventDetail h2 p { - display: inline-block; - background: white; - background: rgba(255, 255, 255, .9); - padding: 10px; - margin: 0; - position: absolute; - bottom: 20px; - left: 20px; - font-size: 18px; - font-size: 1.8rem; - } + display: inline-block; + background: white; + background: rgba(255, 255, 255, .9); + padding: 10px; + margin: 0; + position: absolute; + bottom: 20px; + left: 20px; + font-size: 1.8rem; +} #eventDetailTop { - background: #eee; - height: 1%; - overflow: hidden; - border: 1px solid #ccc; - border-top: 1px solid #eee; - } + background: #eee; + height: 1%; + overflow: hidden; + border: 1px solid #ccc; + border-top: 1px solid #eee; +} #eventDetailMap { - float: right; - width: 160px; - border: 1px solid; - border-top-color: #ccc; - border-right-color: #aaa; - border-bottom-color: #aaa; - border-left-color: #ccc; - margin: 10px; - } + float: right; + width: 160px; + border: 1px solid; + border-top-color: #ccc; + border-right-color: #aaa; + border-bottom-color: #aaa; + border-left-color: #ccc; + margin: 10px; +} #eventDetailMap:hover { - border-top-color: #aaa; - border-right-color: #ccc; - border-bottom-color: #ccc; - border-left-color: #aaa; - } + border-top-color: #aaa; + border-right-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #aaa; +} #eventDetail-map { - cursor: pointer; - height:160px; - } + cursor: pointer; + height:160px; +} #EventDrivingDirectionsContainer { - float: right; - clear: right; - margin: 0 10px 10px 10px; - } + float: right; + clear: right; + margin: 0 10px 10px 10px; +} #EventDrivingDirectionSubmit { - width: 162px; - height: 28px; - padding: 5px; - border: 1px solid; - border-top-color: #ccc; - border-right-color: #aaa; - border-bottom-color: #aaa; - border-left-color: #ccc; - background: white; - font-size: 13px; - font-size: 1.3rem; - color: #000; - cursor: pointer; - } + width: 162px; + height: 28px; + padding: 5px; + border: 1px solid; + border-top-color: #ccc; + border-right-color: #aaa; + border-bottom-color: #aaa; + border-left-color: #ccc; + background: white; + font-size: .875rem; + color: #000; + cursor: pointer; +} #EventDrivingDirectionSubmit:hover { - border-top-color: #aaa; - border-right-color: #ccc; - border-bottom-color: #ccc; - border-left-color: #aaa; - background: #eee; - } + border-top-color: #aaa; + border-right-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #aaa; + background: #eee; +} #EventDrivingDirectionSubmit:hover { - background-position: 0px -28px; - } + background-position: 0px -28px; +} #eventDetailInfo { - padding: 10px; - font-size: 12px; - font-size: 1.2rem; - height: 1%; - overflow: hidden; - } + padding: 10px; + font-size: 1.2rem; + height: 1%; + overflow: hidden; +} #eventDetailInfo > div { - height: 1%; - overflow: hidden; - padding: 5px 5px 5px 30px; - margin: 0 5px 5px 0; - border-top: 1px solid #ededed; - border-left: 1px solid #ededed; - border-right: 1px solid #ddd; - border-bottom: 1px solid #ddd; - background-color: #fefefe; - background-repeat: no-repeat; - background-position: 6px 6px; - } + height: 1%; + overflow: hidden; + padding: 5px 5px 5px 30px; + margin: 0 5px 5px 0; + border-top: 1px solid #ededed; + border-left: 1px solid #ededed; + border-right: 1px solid #ddd; + border-bottom: 1px solid #ddd; + background-color: #fefefe; + background-repeat: no-repeat; + background-position: 6px 6px; +} #eventDetailTime { - background-image: url(http://app.gaslightmedia.com/assets/icons/clock.png); - } + background-image: url(http://app.gaslightmedia.com/assets/icons/clock.png); +} #eventDetailDate { - font-weight: bold; - float: left; - margin-right: 20px; - } + font-weight: bold; + float: left; + margin-right: 20px; +} #eventDetailHour { - float: left; - } + float: left; +} #eventDetailPlace { - background-image: url(http://app.gaslightmedia.com/assets/icons/map.png); - background-position: 7px 7px; - } + background-image: url(http://app.gaslightmedia.com/assets/icons/map.png); + background-position: 7px 7px; +} #eventDetailLocation { - font-weight: bold; - } + font-weight: bold; +} #eventCost { - background-image: url(http://app.gaslightmedia.com/assets/icons/coins.png); - } + background-image: url(http://app.gaslightmedia.com/assets/icons/coins.png); +} #eventDetailContact { - background-image: url(http://app.gaslightmedia.com/assets/icons/vcard.png); - } + background-image: url(http://app.gaslightmedia.com/assets/icons/vcard.png); +} #eventDetailContact h3 { - margin: 0; - font-size: 12px; - font-size: 1.2rem; - } + margin: 0; + font-size: .875rem; +} #eventDetailContact p { - margin: 0; - } + margin: 0; +} #eventDetailAddress, #eventDetailCity { - display: block; - } + display: block; +} #eventDetailDesc { - margin: 0; - padding: 20px; - border: 1px solid #ccc; - border-top: 0; - } + margin: 0; + padding: 20px; + border: 1px solid #ccc; + border-top: 0; +} #eventDetailDesc p { - margin-top: 0; - } + margin-top: 0; +} /* Event Search Result */ .event-search { - font-size: 12px; - font-size: 1.2rem; - background: #eee; - border: 1px dashed #ccc; - padding: 3px 6px; - } + font-size: .875rem; + background: #eee; + border: 1px dashed #ccc; + padding: 3px 6px; +} .event-list { - border-bottom: 1px solid #ccc; - height: 1%; - overflow: hidden; - padding: 6px 0; - } + border-bottom: 1px solid #ccc; + height: 1%; + overflow: hidden; + padding: 6px 0; +} .event-list-date { - width: 130px; - float: left; - padding: 3px 6px; - display: block; - margin: 0; - font-size: 12px; - font-size: 1.2rem; - font-weight: bold; - } + width: 130px; + float: left; + padding: 3px 6px; + display: block; + margin: 0; + font-size: 1rem; + font-weight: bold; +} .event-list h3 { - font-size: 12px; - font-size: 1.2rem; - float: left; - padding: 3px; - width: 280px; - background-image: none !important; - margin: 0; - line-height: 1.5em; - } + font-size: .875rem; + float: left; + padding: 3px; + width: 280px; + background-image: none !important; + margin: 0; + line-height: 1.5em; +} .event-list h3 a { - font-size: 13px; - font-size: 1.3rem; - } + font-size: .875rem; +} .event-list-Frequency { + float: right; + text-align: right; + width: 80px; + font-size: .60rem; + margin: 0; +} +.ulCr, .ulCr li, .ulCr ul { + list-style-type: none; + margin: 0; + padding: 0; + display: block; +} +.nivo-caption { + background: #114C75 !important; +} +.nivoSlider, .sliderWrapper { + width: 504px; +} +/* from petoskey area */ +#event-main-column .event-right { + position: relative; + float: right; + clear: none; + font-size: 12px; + margin: 4px 0 14px 14px; + background: #F5F5F5; + border-top: 1px solid #CCC; + border-left: 1px solid #CCC; + border-bottom: 1px solid #CCC; + padding: 5px; + color: #999; +} +#event-main-column .event-right .event-list-Times, #event-main-column .event-right .event-list-Frequency { + padding: 0; +} +#eventDetail { + width: 98%; +} +#eventDetail > div > img { + width: 100%; + border: 1px solid #2C3E50; +} +#eventDetailContact h3 { + font-size: 14px; + font-weight: bold; + color: #4F4F4F; + padding-bottom: 4px; +} +#eventImgWrapperNew { + width: auto; + padding-top: 10px; +} + +#eventDetailNew > div > img { + width: 100%; + border: 1px solid #2C3E50; +} +#eventDetailNew h2#eventHeaderTitle { + display: block; + font-weight: normal; + margin: 0; + padding: 10px; + width: 100%; +} +#eventDetailContactNew h3 { + font-size: 14px; + font-weight: bold; + color: #4F4F4F; + padding-bottom: 4px; +} +#eventDetailNew { + margin-top: 1em; +} +#eventDetailNew h2 { + position: relative; + margin: 0; + padding: 0; + border: 1px solid #ccc; +} +#eventDetailMapNew { + width: 100%; +} + +#eventDetailMapDivNew { + padding-bottom: 15px; + float: right; +} +#eventDetailNew h2 p { + display: inline-block; + background: white; + background: rgba(255, 255, 255, .9); + padding: 10px; + margin: 0; + position: absolute; + bottom: 20px; + left: 20px; + font-size: 1em; +} +#eventDetailTopNew { + background: #eee; + height: 1%; + overflow: hidden; + border: 1px solid #ccc; + border-top: 1px solid #eee; + padding-left: 0px; + padding-right: 0px; +} +#eventDetailMapNew { + width: 100%; + border: 1px solid; + border-top-color: #ccc; + border-right-color: #aaa; + border-bottom-color: #aaa; + border-left-color: #ccc; + margin: 10px 0 0 0; + box-sizing:border-box; + -moz-box-sizing:border-box; + -webkit-box-sizing:border-box; +} +#eventDetailMapNew:hover { + border-top-color: #aaa; + border-right-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #aaa; +} +#eventDetail-mapNew { + cursor: pointer; + height: 150px; +} +#EventDrivingDirectionsContainerNew { + width: 100%; + float: right; + clear: right; + margin: 10px 0 0 0; + padding-bottom: 15px; +} +#EventDrivingDirectionSubmitNew { + width: 100%; + height: 28px; + padding: 5px; + border: 1px solid; + border-top-color: #ccc; + border-right-color: #aaa; + border-bottom-color: #aaa; + border-left-color: #ccc; + box-sizing:border-box; + -moz-box-sizing:border-box; + -webkit-box-sizing:border-box; + background: white; + color: #000; + cursor: pointer; +} +#EventDrivingDirectionSubmitNew:hover { + border-top-color: #aaa; + border-right-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #aaa; + background: #eee; +} +#EventDrivingDirectionSubmitNew:hover { + background-position: 0px -28px; +} +.eventurl a { + word-wrap: break-word; +} +#eventDetailInfoNew { + padding: 10px; + padding-left: 15px; + height: 1%; +} +#eventDetailInfoNew > div { + height: 1%; + overflow: hidden; + padding: 5px 5px 5px 30px; + border-top: 1px solid #ededed; + border-left: 1px solid #ededed; + border-right: 1px solid #ddd; + border-bottom: 1px solid #ddd; + background-color: #fefefe; + background-repeat: no-repeat; + background-position: 6px 6px; +} +#eventDetailTimeNew { + background-image: url(http://app.gaslightmedia.com/assets/icons/clock.png); + width: 100%; +} +#eventDetailDateNew { + font-weight: bold; + float: left; + margin-right: 20px; +} +#eventDetailHourNew { + float: left; +} +#eventDetailPlaceNew { + background-image: url(http://app.gaslightmedia.com/assets/icons/map.png); + background-position: 7px 7px; +} +#eventDetailLocationNew { + font-weight: bold; +} +#eventCost { + background-image: url(http://app.gaslightmedia.com/assets/icons/coins.png); +} +#eventDetailContactNew { + background-image: url(http://app.gaslightmedia.com/assets/icons/vcard.png); +} +#eventDetailContactNew h3 { + margin: 0; + font-size: 1em; + color: #4F4F4F; + padding-top: 0px; +} +#eventDetailContactNew p { + margin: 0; +} +#eventDetailAddressNew, +#eventDetailCityNew { + display: block; +} +#eventDetailDescNew { + margin: 0; + padding: 20px; + border: 1px solid #ccc; + border-top: 0; +} +#eventDetailDescNew p { + margin-top: 0; + font-size: 1em; + line-height: 1.5rem; +} +@media screen and (max-width: 1024px) and (min-width: 640px) { + #event-second-column { + min-width: 180px; + width: 80%; + float: none; + } +} +#EventSocialLinks { float: right; - text-align: right; - width: 80px; - font-size: 11px; - font-size: 1.1rem; - margin: 0; + clear: right; + /*width: 162px;*/ + width: 28%; + /*background: #0F0;*/ + margin: 0 2% 10px 0; } -.ulCr, .ulCr li, .ulCr ul { - list-style-type: none; +#EventSocialLinks ul { + display: block; margin: 0; padding: 0; - display: block; + list-style-type: none; } -.nivo-caption { - background: #114C75 !important; +#EventSocialLinks ul li { + display: block; + float: right; + height: 28px; + /*width: 81px;*/ + width: 100%; + margin: 8px 0 0 0; + padding: 0; } -.nivoSlider, .sliderWrapper { - width: 504px; +#EventSocialLinks ul li a { + display: block; + text-indent: -9999px; + width: 100%; + height: 28px; + margin: 0; + border-top: 1px solid #CCC; + border-right: 1px solid #CCC; + border-left: 1px solid #AAA; + border-bottom: 1px solid #AAA; + box-sizing: border-box; + -moz-box-sizing: border-box; + } +#EventSocialLinks ul li a#fb { + float: right; + background: #39588F url(http://app.gaslightmedia.com/Common/EventCalendar_V0/assets/fb.jpg) center center no-repeat; } +#EventSocialLinks ul li a#tw { + float: right; + background: #FFF url(http://app.gaslightmedia.com/Common/EventCalendar_V0/assets/tw.jpg) center center no-repeat; + } \ No newline at end of file diff --git a/Toolkit/Events/views/eventDetail.html b/Toolkit/Events/views/eventDetail.html new file mode 100644 index 0000000..98ff682 --- /dev/null +++ b/Toolkit/Events/views/eventDetail.html @@ -0,0 +1,104 @@ + + + +
+
+

{event.header:h}

+
+
+ {if:event.image} + + {end:} +
+
+
+
+
map...
+
Loading...
+
+
+
+ + + + +
+
+ +
+ {if:event.hasLatLon} +
+ {else:} +
+ {end:} +
+
{event.dates} + +
+
+ {if:event.getEventTimes} + {event.getEventTimes()} event->getEventDays(); + if ($eventDays) { + echo ' - ' . $eventDays; + } + ?> + {end:} +
+
+
+
{event.place}
+ {if:!event.hideAddress} + {event.address} + {event.city}, {event.state} {event.zip} + {end:} +
+
+
+
{event.cost}
+
+ {event.website} +
+
+ Files: + {if:event.file.urltext} + {event.file.urltext:h} + {else:} + {event.file.filename:h} + {end:} + +
+
+

Contact & More Info

+
Contact: {event.contactName}
+
Email: {event.contactEmail}
+
+ Phone: + event->contactPhone);?> +
+
+
+
+
+
{event.description:h}
+
+
\ No newline at end of file diff --git a/Toolkit/Events/views/eventHomePage.html b/Toolkit/Events/views/eventHomePage.html new file mode 100644 index 0000000..1e7b252 --- /dev/null +++ b/Toolkit/Events/views/eventHomePage.html @@ -0,0 +1,47 @@ +
+options['strict'] + || (is_array($t->blocks) + || is_object($t->blocks))) { + foreach($t->blocks as $category => $events) { + if ($index % 2 == 0) { echo '
'; } ?> +
+

+ +

+ options['strict'] + || (is_array($events['data']) + || is_object($events['data']))) { + foreach($events['data'] as $event) { + ?> +
+ getDates();?>getEventDays(); + if ($eventDays) { + echo ' - ' . $eventDays; + } + ?> + + getHeader();?> +
+ + All +
+ '; + } ?> + blocks)-1 && ($index + 1) % 2 != 0) { + echo '
'; + } ?> + + +
\ No newline at end of file diff --git a/Toolkit/Events/views/eventList.html b/Toolkit/Events/views/eventList.html new file mode 100644 index 0000000..d824a0d --- /dev/null +++ b/Toolkit/Events/views/eventList.html @@ -0,0 +1,39 @@ +
+{if:search} + + +{end:} +

+ {front.searchFor.showing} {search} + {if:events} + {front.searchFor.pdfLink} + {end:} +

+{if:events} +
+
+ +
+

{event.header}

+
{event.getDates()} {event.getEventTimes()} + getEventDays(); + if ($eventDays) { + echo ' - ' . $eventDays; + } + ?>
+ +

{event.intro:h}

+
+
+
+ +{else:} +

No events were found for your search.

+{end:} +
diff --git a/Toolkit/Events/views/eventSearchForm.html b/Toolkit/Events/views/eventSearchForm.html new file mode 100644 index 0000000..f2171a0 --- /dev/null +++ b/Toolkit/Events/views/eventSearchForm.html @@ -0,0 +1,144 @@ + + +{if:options.hasNameSearch} + +{end:} diff --git a/Toolkit/Events/views/mainEventWrapper.html b/Toolkit/Events/views/mainEventWrapper.html new file mode 100644 index 0000000..7dc2969 --- /dev/null +++ b/Toolkit/Events/views/mainEventWrapper.html @@ -0,0 +1,113 @@ +{if:styleSheets} + {foreach:styleSheets,style} + + {end:} +{end:} +{if:topScripts} + {foreach:topScripts,script} + + {end:} +{end:} + + +
+
+ {if:eventHomePage}{end:} + {if:eventListResults}{end:} + {if:eventDetailPage}{end:} +
+
+ + {if:hasSlideshowEvents} +
+
+
+ {foreach:slideShow,e} + {if:e.href} + + {end:} + {e.header} + {if:e.href} + + {end:} + {end:} +
+
+
+ {e.header} + {e.dates} +
+ + {end:} + +
+

{front.shortCuts.title}

+ +
+ +
+ +
+{if:bottomScripts} + {foreach:bottomScripts,script} + + {end:} +{end:} +{startScriptTag:h} + + \ No newline at end of file diff --git a/Toolkit/Page.php b/Toolkit/Page.php index b2b82cb..859a904 100755 --- a/Toolkit/Page.php +++ b/Toolkit/Page.php @@ -148,8 +148,12 @@ class Toolkit_Page // Resources needed for every page. $GLOBALS['topScripts'][] = MEDIA_BASE_URL . 'js/modernizr/modernizr.js'; $GLOBALS['bottomScripts'][] = JQUERY_CDN_JS; - //$GLOBALS['topScripts'][] = JQUERY_CDN_MIGRATE_JS; $GLOBALS['bottomScripts'][] = MEDIA_BASE_URL . 'js/app.js'; + $GLOBALS['bottomScripts'][] = MEDIA_APP_BASE_URL . 'libjs/external.js'; + if ($this->_catid == EVENT_PAGE) { + $GLOBALS['styleSheets'][] = JQUERY_UI_CDN_CSS; + $GLOBALS['bottomScripts'][] = JQUERY_UI_CDN_JS; + } } private function _video() diff --git a/config/eventCalendar.ini b/config/eventCalendar.ini index f9b75e7..38e45ad 100644 --- a/config/eventCalendar.ini +++ b/config/eventCalendar.ini @@ -25,6 +25,7 @@ flexyOptions.templateDirOrder = "reverse" css.ignore.regex[] = "Common/EventCalendar_V0/css/events.css" css.ignore.regex[] = "response/V0/css/1140.css" css.replace[] = MEDIA_BASE_URL "Toolkit/Events/css/event.css" +front.list.sortByCategory = Off ; development server configuration inherits from production and ; overrides values as needed [development : production] diff --git a/static/31.phtml b/static/31.phtml index 787519e..bba7447 100644 --- a/static/31.phtml +++ b/static/31.phtml @@ -1,5 +1,12 @@