Events css updates
authorSteve Sutton <steve@gaslightmedia.com>
Fri, 15 Aug 2014 17:47:26 +0000 (13:47 -0400)
committerSteve Sutton <steve@gaslightmedia.com>
Fri, 15 Aug 2014 17:47:26 +0000 (13:47 -0400)
Updating the style for the events output
make the shortcut go full width of its section

Toolkit/Events/css/event.css

index cf91b4a..f21ad07 100755 (executable)
 #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