/* 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
--- /dev/null
+<style type="text/css">
+<!--
+#category, .listing {
+ display: none;
+ }
+-->
+</style>
+<flexy:toJavascript
+ flexy:prefix=""
+ eventTitle="event.header"
+ >
+</flexy:toJavascript>
+<div id="eventDetailNew">
+ <div>
+ <h2 id="eventHeaderTitle">{event.header:h}</h2>
+ <div id="eventDetailTopNew" class="container">
+ <div id="eventImgWrapperNew">
+ {if:event.image}
+ <img src="{imgPathDetail:h}{event.image}" class="text-center">
+ {end:}
+ </div>
+ <div>
+ <div id="eventDetailMapDivNew" class="small-12 medium-6 columns" flexy:if="event.hasLatLon">
+ <div id="eventDetailMapNew" flexy:if="event.hasLatLon">
+ <div id="eventDetail-map" flexy:if="event.lat" title="Click to enlarge">map...</div>
+ <div id="map-dialog" flexy:if="event.lat"><div id="map_canvas" style="width:500px; height:400px">Loading...</div></div>
+ </div><!-- /#eventDetailMap -->
+ <div id="EventDrivingDirectionsContainerNew" flexy:if="event.lat">
+ <form id="EventDrivingDirectionsForm" name="EventDrivingDirectionsForm" flexy:ignore="yes" method="post" action="">
+ <input type="hidden" id="EventLocation" name="EventLocation" value="{event.place:h}">
+ <input type="hidden" id="EventLat" name="EventLat" value="{event.lat}">
+ <input type="hidden" id="EventLon" name="EventLon" value="{event.lon}">
+ <input type="submit" id="EventDrivingDirectionSubmitNew" name="EventDrivingDirectionSubmit" value="Get Directions">
+ </form>
+ </div>
+ <div id="EventSocialLinks" flexy:if="event.hasSocialMedia">
+ <!--<h2 >Social Media Links</h2>-->
+ <ul>
+ <li flexy:if="event.facebook" class="mFacebook">
+ <a id="fb" class="external" href="{event.facebook:h}">Facebook</a>
+ </li>
+ <li flexy:if="event.twitter" class="mTwitter">
+ <a id="tw" class="external" href="{event.twitter:h}">Twitter</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ {if:event.hasLatLon}
+ <div id="eventDetailInfoNew" class="small-12 medium-6 columns">
+ {else:}
+ <div id="eventDetailInfoNew" class="small-12 columns">
+ {end:}
+ <div id="eventDetailTimeNew" >
+ <div id="eventDetailDateNew">{event.dates}
+
+ </div>
+ <div id="eventDetailHourNew">
+ {if:event.getEventTimes}
+ {event.getEventTimes()} <?php
+ $eventDays = $t->event->getEventDays();
+ if ($eventDays) {
+ echo ' - ' . $eventDays;
+ }
+ ?>
+ {end:}
+ </div>
+ </div><!-- /#eventDetailTime -->
+ <div id="eventDetailPlaceNew" flexy:if="event.hasLocation">
+ <div id="eventDetailLocationNew" flexy:if="event.place">{event.place}</div>
+ {if:!event.hideAddress}
+ <span id="eventDetailAddressNew" flexy:if="event.address">{event.address}</span>
+ <span id="eventDetailCityNew" flexy:if="event.city">{event.city}, {event.state} {event.zip}</span>
+ {end:}
+ <div id="event-lat" rel="{event.lat}" flexy:if="event.lat"></div>
+ <div id="event-lon" rel="{event.lon}" flexy:if="event.lon"></div>
+ </div><!-- /#eventDetailPlace -->
+ <div id="eventCost" flexy:if="event.cost">{event.cost}</div>
+ <div class="eventurl" flexy:if="event.website">
+ <a class="external" href="{event.website}">{event.website}</a>
+ </div>
+ <div class="eventurl" flexy:if="event.file">
+ Files: <a href="{filePathDetail:h}{event.file.filename}">
+ {if:event.file.urltext}
+ {event.file.urltext:h}
+ {else:}
+ {event.file.filename:h}
+ {end:}
+ </a>
+ </div>
+ <div id="eventDetailContactNew" flexy:if="event.hasContactInfo">
+ <h3>Contact & More Info</h3>
+ <div class="eventcontact" flexy:if="event.contactName">Contact: {event.contactName}</div>
+ <div class="eventemail" flexy:if="event.contactEmail">Email: <a href="mailto:{event.contact_email}">{event.contactEmail}</a></div>
+ <div class="eventphone" flexy:if="event.contactPhone">
+ Phone:
+ <?php echo Toolkit_Common::formatPhone($t->event->contactPhone);?>
+ </div>
+ </div><!-- /#eventDetailContact -->
+ </div><!-- /#eventDetailInfo -->
+ </div>
+ </div><!-- /#eventDetailTop -->
+ <div id="eventDetailDescNew" flexy:if="event.description">{event.description:h}</div>
+ </div>
+</div>
\ No newline at end of file