compass-jquery-plugin 0.2.5.4 → 0.2.6.0

data/templates/calendar/jquery.ui/calendar.sass

@@ -1,288 +1,288 @@
-// Generated by compass-jquery-plugin/gem-tasks/calendar.rake
-
-.week-calendar
-  font-size: 14px
-  font-family: arial, helvetica
-
-  .calendar-nav
-    padding: 1em
-    text-align: right
-
-    button
-      margin: 0 0.5em
-
-  table
-    border-collapse: collapse
-    border-spacing: 0
-
-    td
-      margin: 0
-      padding: 0
-
-
-.week-calendar-header
-  background: #eee
-  border-top: 1px solid #aaa
-  border-bottom: 1px solid #aaa
-  width: 100%
-
-  .time-column-header
-    width: 5%
-
-  .scrollbar-shim
-    width: 16px
-
-  .day-column-header
-    text-align: center
-    padding: 0.4em
-
-  td
-    background-color: #eee
-
-
-.grid-timeslot-header
-  width: 6%
-  background: #eee
-
-
-.calendar-scrollable-grid
-  overflow: auto
-  overflow-x: hidden !important
-  overflow-y: auto !important
-  position: relative
-  background-color: #fff
-  width: 100%
-
-
-table.week-calendar-time-slots
-  width: 100%
-  table-layout: fixed
-  cursor: default
-
-
-.week-calendar-time-slots
-  .day-column
-    width: 13.5%
-    border-left: 1px solid #ddd
-    overflow: visible
-    vertical-align: top
-
-  .day-column-inner
-    width: 100%
-    position: relative
-
-
-.time-slot-wrapper
-  position: relative
-  height: 1px
-  top: 1px
-
-
-.time-slots
-  position: absolute
-  width: 100%
-
-
-.time-header-cell
-  padding: 5px
-  height: 80px
-
-
-.time-slot
-  border-bottom: 1px dotted #ddd
-
-
-.hour-header
-  text-align: right
-
-
-.hour-end, .hour-header
-  border-bottom: 1px solid #ccc
-  color: #555
-
-
-.business-hours
-  background-color: #E6EEF1
-  border-bottom: 1px solid #ccc
-  color: #333
-  font-size: 1.4em
-
-  .am-pm
-    font-size: 0.6em
-
-
-.day-header-cell
-  text-align: center
-  vertical-align: middle
-  padding: 5px
-
-
-.time-slot-header .header-cell
-  text-align: right
-  padding-right: 10px
-
-
-.week-calendar-header .today
-  font-weight: bold
-
-
-.week-calendar-time-slots .today
-  background-color: #ffffcc
-
-
-.cal-event
-  background-color: #68a1e5
-  filter: alpha(opacity=80)
-  -moz-opacity: 0.8
-  -khtml-opacity: 0.8
-  opacity: 0.8
-  position: absolute
-  text-align: center
-  overflow: hidden
-  cursor: pointer
-  color: #fff
-  width: 100%
-  display: none
-
-  div
-    padding: 0 5px
-
-  .time
-    background-color: #2b72d0
-    border: 1px solid #1b62c0
-    color: #fff
-    padding: 0
-    font-weight: bold
-
-
-.ui-draggable .time
-  cursor: move
-
-
-.cal-event .title
-  position: relative
-
-
-.ui-resizable-s
-  height: 10px
-  bottom: -8px
-
-
-body
-
-a
-  font-size: 11px
-  text-decoration: underline
-  cursor: pointer
-
-
-#jMonthCalendar
-  position: relative
-  height: 650px
-  width: 980px
-
-
-.MonthlyCalendar
-  height: 100%
-  width: 100%
-  border: solid 1px #ddd
-  border-collapse: collapse
-
-  .MonthNavigation
-    border-bottom: solid 1px #ddd
-    clear: both
-    height: 20px
-    padding: 5px 10px 0 10px
-
-  .MonthNavPrev, .MonthNavNext, .TodayLink
-    width: 7%
-    float: left
-
-  .YearNavNext, .YearNavPrev
-    width: 10%
-    float: left
-
-  .MonthName
-    width: 59%
-    text-align: center
-    font-weight: bold
-    float: left
-
-  #CalendarHead
-    width: 100%
-    background: #F7F7F7 none repeat scroll 0 0
-
-    .DateHeader
-      width: 14.285%
-      text-align: center
-
-  #CalendarBody
-
-.DateBox
-  vertical-align: top
-  border: solid 1px #ddd
-  width: 135px
-
-
-.DateLabel
-  height: 16px
-  width: 100%
-  background: #F7F7F7 none repeat scroll 0 0
-  text-align: right
-
-  a
-    cursor: pointer
-    padding: 0 5px 2px
-    text-decoration: none
-    line-height: 16px
-
-
-#CalendarBody
-  .Inactive, .Weekend
-    background: #fafafa none repeat scroll 0 0
-
-
-.Today, #CalendarBody .DateBoxOver
-  background: #A9DFFF none repeat scroll 0 0
-
-
-#jMonthCalendar
-  .MoreEvents
-    font-size: 12px
-    padding: 1px 1px 1px 4px
-    cursor: pointer
-    display: block
-    position: absolute
-    text-align: center
-    height: 14px
-
-  .Event
-    font-size: 12px
-    padding: 1px 1px 1px 4px
-    background-color: #C0D0FF
-    border: solid 1px #000
-    cursor: pointer
-    display: block
-    position: absolute
-    text-align: left
-    overflow: hidden
-    height: 14px
-
-
-.Event
-  a
-    text-decoration: none
-    color: #000
-    float: left
-    white-space: nowrap
-    padding-top: 1px
-
-    &:hover
-      text-decoration: underline
-
-  span
-    &.ui-icon-triangle-1-w
-      float: left
-
-    &.ui-icon-triangle-1-e
-      float: right
+// Generated by compass-jquery-plugin/gem-tasks/calendar.rake
+
+.week-calendar
+  font-size: 14px
+  font-family: arial, helvetica
+
+  .calendar-nav
+    padding: 1em
+    text-align: right
+
+    button
+      margin: 0 0.5em
+
+  table
+    border-collapse: collapse
+    border-spacing: 0
+
+    td
+      margin: 0
+      padding: 0
+
+
+.week-calendar-header
+  background: #eee
+  border-top: 1px solid #aaa
+  border-bottom: 1px solid #aaa
+  width: 100%
+
+  .time-column-header
+    width: 5%
+
+  .scrollbar-shim
+    width: 16px
+
+  .day-column-header
+    text-align: center
+    padding: 0.4em
+
+  td
+    background-color: #eee
+
+
+.grid-timeslot-header
+  width: 6%
+  background: #eee
+
+
+.calendar-scrollable-grid
+  overflow: auto
+  overflow-x: hidden !important
+  overflow-y: auto !important
+  position: relative
+  background-color: #fff
+  width: 100%
+
+
+table.week-calendar-time-slots
+  width: 100%
+  table-layout: fixed
+  cursor: default
+
+
+.week-calendar-time-slots
+  .day-column
+    width: 13.5%
+    border-left: 1px solid #ddd
+    overflow: visible
+    vertical-align: top
+
+  .day-column-inner
+    width: 100%
+    position: relative
+
+
+.time-slot-wrapper
+  position: relative
+  height: 1px
+  top: 1px
+
+
+.time-slots
+  position: absolute
+  width: 100%
+
+
+.time-header-cell
+  padding: 5px
+  height: 80px
+
+
+.time-slot
+  border-bottom: 1px dotted #ddd
+
+
+.hour-header
+  text-align: right
+
+
+.hour-end, .hour-header
+  border-bottom: 1px solid #ccc
+  color: #555
+
+
+.business-hours
+  background-color: #E6EEF1
+  border-bottom: 1px solid #ccc
+  color: #333
+  font-size: 1.4em
+
+  .am-pm
+    font-size: 0.6em
+
+
+.day-header-cell
+  text-align: center
+  vertical-align: middle
+  padding: 5px
+
+
+.time-slot-header .header-cell
+  text-align: right
+  padding-right: 10px
+
+
+.week-calendar-header .today
+  font-weight: bold
+
+
+.week-calendar-time-slots .today
+  background-color: #ffffcc
+
+
+.cal-event
+  background-color: #68a1e5
+  filter: alpha(opacity=80)
+  -moz-opacity: 0.8
+  -khtml-opacity: 0.8
+  opacity: 0.8
+  position: absolute
+  text-align: center
+  overflow: hidden
+  cursor: pointer
+  color: #fff
+  width: 100%
+  display: none
+
+  div
+    padding: 0 5px
+
+  .time
+    background-color: #2b72d0
+    border: 1px solid #1b62c0
+    color: #fff
+    padding: 0
+    font-weight: bold
+
+
+.ui-draggable .time
+  cursor: move
+
+
+.cal-event .title
+  position: relative
+
+
+.ui-resizable-s
+  height: 10px
+  bottom: -8px
+
+
+body
+
+a
+  font-size: 11px
+  text-decoration: underline
+  cursor: pointer
+
+
+#jMonthCalendar
+  position: relative
+  height: 650px
+  width: 980px
+
+
+.MonthlyCalendar
+  height: 100%
+  width: 100%
+  border: solid 1px #ddd
+  border-collapse: collapse
+
+  .MonthNavigation
+    border-bottom: solid 1px #ddd
+    clear: both
+    height: 20px
+    padding: 5px 10px 0 10px
+
+  .MonthNavPrev, .MonthNavNext, .TodayLink
+    width: 7%
+    float: left
+
+  .YearNavNext, .YearNavPrev
+    width: 10%
+    float: left
+
+  .MonthName
+    width: 59%
+    text-align: center
+    font-weight: bold
+    float: left
+
+  #CalendarHead
+    width: 100%
+    background: #F7F7F7 none repeat scroll 0 0
+
+    .DateHeader
+      width: 14.285%
+      text-align: center
+
+  #CalendarBody
+
+.DateBox
+  vertical-align: top
+  border: solid 1px #ddd
+  width: 135px
+
+
+.DateLabel
+  height: 16px
+  width: 100%
+  background: #F7F7F7 none repeat scroll 0 0
+  text-align: right
+
+  a
+    cursor: pointer
+    padding: 0 5px 2px
+    text-decoration: none
+    line-height: 16px
+
+
+#CalendarBody
+  .Inactive, .Weekend
+    background: #fafafa none repeat scroll 0 0
+
+
+.Today, #CalendarBody .DateBoxOver
+  background: #A9DFFF none repeat scroll 0 0
+
+
+#jMonthCalendar
+  .MoreEvents
+    font-size: 12px
+    padding: 1px 1px 1px 4px
+    cursor: pointer
+    display: block
+    position: absolute
+    text-align: center
+    height: 14px
+
+  .Event
+    font-size: 12px
+    padding: 1px 1px 1px 4px
+    background-color: #C0D0FF
+    border: solid 1px #000
+    cursor: pointer
+    display: block
+    position: absolute
+    text-align: left
+    overflow: hidden
+    height: 14px
+
+
+.Event
+  a
+    text-decoration: none
+    color: #000
+    float: left
+    white-space: nowrap
+    padding-top: 1px
+
+    &:hover
+      text-decoration: underline
+
+  span
+    &.ui-icon-triangle-1-w
+      float: left
+
+    &.ui-icon-triangle-1-e
+      float: right