From: Steve Sutton <steve@gaslightmedia.com>
Date: Fri, 15 Aug 2014 17:47:26 +0000 (-0400)
Subject: Events css updates
X-Git-Tag: V1.0^2~63
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=cce2309a6c690564a0d5c1857b2f05db666c7186;p=web%2FKeweenaw.git

Events css updates

Updating the style for the events output
make the shortcut go full width of its section
---

diff --git a/Toolkit/Events/css/event.css b/Toolkit/Events/css/event.css
index cf91b4a..f21ad07 100755
--- a/Toolkit/Events/css/event.css
+++ b/Toolkit/Events/css/event.css
@@ -2,482 +2,476 @@
 #event-main-column,
 #event-second-column {
     position: relative;
-    }
+}
 #event-main-column #slider-wrapper {
     position: relative;
-    }
+}
 #event-main-column #slider-wrapper .nivo-controlNav {
     position: absolute;
     bottom: 10px;
     width: 100%;
     z-index: 100;
-    }
+}
 .eventrow {
     font-size: 13px;
-    }
+}
 /* Main Columns on all even pages  */
 #event-main-column {
-	float: left;
-	margin: 0 0 20px 0;
-	}
+    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;*/
-	font-size: 18px;
-    }
+    margin: 0;
+    /*padding: 15px 5px 5px;*/
+    padding: 0 5px 5px 5px;
+    color: #0578B2;
+    /*border-top: 1px solid #999;*/
+    font-size: 18px;
+}
 /* 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);
-    */
-	background: no-repeat url(../../../assets/navBg.png);
+    padding-bottom: 20px;
+    background: no-repeat url(../../../assets/navBg.png);
     background-size: cover;
-	}
+}
 #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;
-	font-size: 14px;
-    }
+    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;
+    font-size: 14px;
+}
 #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 Search Form Side */
 #event-search form {
-	background: #c4d2da;
-	background: #eee;
+    background: #c4d2da;
+    background: #eee;
     background: #0578B2;
-	background: no-repeat url(../../../assets/navBg.png);
+    background: no-repeat url(../../../assets/navBg.png);
     background-size: cover;
-        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);
-	*/
-    }
+    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);
+    */
+}
 #event-search form span {
     color: white;
     font-size: 14px;
     display: block;
     padding: 5px 0;
-    }
+}
 #eventNameSearchWrapper form span  {
     text-align: center;
     width: 100%;
-    }
+}
 #eventNameSearch {
     width:100%;
     padding: 0;
 }
 #event-search #startMonth,
 #event-search #endMonth {
-	border: 1px solid #aaa;
-	padding: 2px 4px;
-	display: block;
-	/*background: #fff url(http://app.gaslightmedia.com/assets/icons/calendar.png) no-repeat 156px center;*/
-	background: #fff;
-	margin: 6px 0;
-	width: 100%;
-    }
+    border: 1px solid #aaa;
+    padding: 2px 4px;
+    display: block;
+    /*background: #fff url(http://app.gaslightmedia.com/assets/icons/calendar.png) no-repeat 156px center;*/
+    background: #fff;
+    margin: 6px 0;
+    width: 100%;
+}
 #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;
-	width: 100%;
-	display: block;
-	}
+    border: 1px solid #aaa;
+    padding: 2px 4px;
+    width: 100%;
+    display: block;
+}
 #submitWrapper, #submitNameWrapper, #event-search input[type="image"] {
-	text-align: center;
-	}
+    text-align: center;
+}
 #event-search span {
-	font-weight: bold;
-	}
+    font-weight: bold;
+}
 /* Featured Events Side */
 #event-featured div {
-	background-repeat: no-repeat;
-	padding-bottom: 20px;
-	height: 100px;
-	position: relative;
-	/* border: 1px solid #c4d2da;
-	border-bottom: 1px solid #c4d2da; */
-	margin: 0 0 10px 0px;
-	}
+    background-repeat: no-repeat;
+    padding-bottom: 20px;
+    height: 100px;
+    position: relative;
+    /* border: 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: 1rem; */
-	}
+    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: 1rem; */
+}
 #event-featured a {
-	position: absolute;
-	left: 0;
-	top: 0;
-	width: 100%;
-	background: #ddd;
-	background: rgba(255, 255, 255, .9);
-	padding: 3px 5px;
-	font-size: 12px;
-	/* font-size: 1rem; */
-	}
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    background: #ddd;
+    background: rgba(255, 255, 255, .9);
+    padding: 3px 5px;
+    font-size: 12px;
+    /* font-size: 1rem; */
+}
 /* MAIN EVENT PAGE */
 .eventrow {
-	overflow: hidden;
-	height: 1%;
-	clear: left;
-	}
+    overflow: hidden;
+    height: 1%;
+    clear: left;
+}
 .event-category-block {
-	background: #eee;
-	border: 1px solid #ccc;
+    background: #eee;
+    border: 1px solid #ccc;
 
-	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);
-*/	}
+    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: 1.3rem; */
-	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: 1.3rem; */
+    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: 12px;
+    /* 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;
-	font-size: 12px;
-    }
+    margin-top: 1em;
+    font-size: 12px;
+}
 #eventDetail h2 {
-	position: relative;
-	margin: 0;
-	padding: 10px;
-	border: 1px solid #ccc;
-	}
+    position: relative;
+    margin: 0;
+    padding: 10px;
+    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: 18px;
+    /* 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 {
 
-	border: 1px solid;
-	border-top-color: #ccc;
-	border-right-color: #aaa;
-	border-bottom-color: #aaa;
-	border-left-color: #ccc;
+    border: 1px solid;
+    border-top-color: #ccc;
+    border-right-color: #aaa;
+    border-bottom-color: #aaa;
+    border-left-color: #ccc;
     margin-top: 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 {
-	margin: 10px 0 0 0;
-	}
+    margin: 10px 0 0 0;
+}
 #EventDrivingDirectionsForm {
     margin: 0;
-    }
+}
 #EventDrivingDirectionSubmit {
     display: block;
     width: 100%;
     line-height: 28px;
     height: 28px;
-	border: 1px solid;
-	border-top-color: #ccc;
-	border-right-color: #aaa;
-	border-bottom-color: #aaa;
-	border-left-color: #ccc;
-	background: white;
-	font-size: 12px;
-	/* font-size: 1.0rem; */
-	color: #000;
-	cursor: pointer;
-	}
+    border: 1px solid;
+    border-top-color: #ccc;
+    border-right-color: #aaa;
+    border-bottom-color: #aaa;
+    border-left-color: #ccc;
+    background: white;
+    font-size: 12px;
+    /* font-size: 1.0rem; */
+    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: .8rem; */
-	height: 1%;
-	overflow: hidden;
-	line-height: 1.5;
-    }
+    padding: 10px;
+    font-size: 12px;
+    /* font-size: .8rem; */
+    height: 1%;
+    overflow: hidden;
+    line-height: 1.5;
+}
 #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.0rem; */
-	}
+    margin: 0;
+    font-size: 12px;
+    /* font-size: 1.0rem; */
+}
 #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: 12px;
+    /* font-size: 1.2rem; */
+    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: 12px;
+    /* font-size: 1.2rem; */
+    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: 12px;
+    /* font-size: 1.2rem; */
+    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: 13px;
+    /* font-size: 1.3rem; */
+}
 .event-list-Frequency {
-	float: right;
-	text-align: right;
-	width: 80px;
-	font-size: 11px;
-	/* font-size: 1.1rem; */
-	margin: 0;
-	}
+    float: right;
+    text-align: right;
+    width: 80px;
+    font-size: 11px;
+    /* font-size: 1.1rem; */
+    margin: 0;
+}
 .ulCr, .ulCr li, .ulCr ul {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-	display: block;
-	}
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    display: block;
+}
 #EventSocialLinks {
-	clear: right;
-	/*width: 162px;*/
-	/*background: #0F0;*/
-	margin: 0 2% 10px 0;
-	}
+    clear: right;
+    /*width: 162px;*/
+    /*background: #0F0;*/
+    margin: 0 2% 10px 0;
+}
 #EventSocialLinks ul {
-	display: block;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	}
+    display: block;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
 #EventSocialLinks ul li {
-	display: block;
-	float: right;
-	height: 28px;
-	/*width: 81px;*/
-	width: 100%;
-	margin: 8px 0 0 0;
-	padding: 0;
-	}
+    display: block;
+    float: right;
+    height: 28px;
+    /*width: 81px;*/
+    width: 100%;
+    margin: 8px 0 0 0;
+    padding: 0;
+}
 #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;
-	}
+    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;
-	}
+    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
+    float: right;
+    background: #FFF url(http://app.gaslightmedia.com/Common/EventCalendar_V0/assets/tw.jpg) center center no-repeat;
+}
+#event-shortcuts ul.ulCr {
+    margin: 0;
+}
\ No newline at end of file