bootstrap-fullcalendar.css.sass

//*
//* FullCalendar v1.5.3 Stylesheet
//*
//* Copyright (c) 2011 Adam Shaw
//* Date: Mon Feb 6 22:40:40 2012 -0800
//*
//* Modified for Twitter Bootstrap by Brenno Costa
//* Date: Wed May 2 22:40:40 2012 -0300

.fc
  direction: ltr
  text-align: left
  table
    border-collapse: collapse
    border-spacing: 0
  .btn
    line-height: 1.2em

html .fc
  font-size: 1em

.fc
  table
    font-size: 1em
  td, th
    padding: 1px
    vertical-align: top

//* Header

.fc-header td
  white-space: nowrap

.fc-header-left
  width: 25%
  text-align: left

.fc-header-center
  text-align: center

.fc-header-right
  width: 25%
  text-align: right

.fc-header-title
  display: inline-block
  vertical-align: top
  h2
    margin-top: 0
    white-space: nowrap

.fc .fc-header-space
  padding-left: 10px

.fc-header
  .fc-button
    margin-bottom: 1em
    vertical-align: top
    margin-right: -1px
  .fc-corner-right
    margin-right: 1px
  .ui-corner-right
    margin-right: 0
  .fc-state-hover, .ui-state-hover
    z-index: 2
  .fc-state-down
    z-index: 3
  .fc-state-active, .ui-state-active, .ui-state-down
    z-index: 4
    background-color: #e6e6e6
    background-color: #d9d9d9
    background-image: none
    outline: 0
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)

//* Content

.fc-content
  clear: both

.fc-view
  width: 100%
  overflow: hidden

//* Cell Styles

.fc .ui-widget-header
  border-color: #dddddd
  padding: 4px 0

thead th.fc-first
  border-top-left-radius: 5px
  -moz-border-top-left-radius: 5px
  -webkit-border-top-left-radius: 5px

thead th.fc-last
  border-top-right-radius: 5px
  -moz-border-top-right-radius: 5px
  -webkit-border-top-right-radius: 5px

.fc-state-highlight
  background: #ffc

.ui-state-highlight.fc-today
  background: #f4f4f4
  margin: 2px !important
  border: 0
  border-left: 1px solid #dddddd
  border-radius: 0
  -moz-border-radius: 0
  -webkit-border-radius: 0

.fc-cell-overlay
  background: #9cf
  opacity: .2
  filter: alpha(opacity = 20)

//* Buttons

.fc-button
  position: relative
  display: inline-block
  cursor: pointer

.fc-state-default
  border-style: solid
  border-width: 1px 0

.fc-button-inner
  position: relative
  float: left
  overflow: hidden

.fc-state-default .fc-button-inner
  border-style: solid
  border-width: 0 1px

.fc-button-content
  position: relative
  float: left
  height: 1.9em
  line-height: 1.9em
  padding: 0 .6em
  white-space: nowrap
  .fc-icon-wrap
    position: relative
    float: left
    top: 50%
  .ui-icon
    position: relative
    float: left
    margin-top: -50%
    *margin-top: 0
    *top: -50%

.fc-state-default
  .fc-button-effect
    position: absolute
    top: 50%
    left: 0
    span
      position: absolute
      top: -100px
      left: 0
      width: 500px
      height: 100px
      border-width: 100px 0 0 1px
      border-style: solid
      border-color: #fff
      background: #444
      opacity: .09
      filter: alpha(opacity = 9)
  border-style: solid
  border-color: #ccc #bbb #aaa
  background: #F3F3F3
  color: #000
  .fc-button-inner
    border-style: solid
    border-color: #ccc #bbb #aaa
    background: #F3F3F3
    color: #000

.fc-state-hover
  border-color: #999
  .fc-button-inner
    border-color: #999

.fc-state-down
  border-color: #555
  background: #777
  .fc-button-inner
    border-color: #555
    background: #777

.fc-state-active
  border-color: #555
  background: #777
  color: #fff
  .fc-button-inner
    border-color: #555
    background: #777
    color: #fff

.fc-state-disabled
  color: #999
  border-color: #ddd
  .fc-button-inner
    color: #999
    border-color: #ddd
  cursor: default
  .fc-button-effect
    display: none

//* Global Event Styles

.fc-event
  border-style: solid
  border-width: 0
  font-size: .85em
  cursor: default

a.fc-event, .fc-event-draggable
  cursor: pointer

a.fc-event
  text-decoration: none

.fc-rtl .fc-event
  text-align: right

.fc-event-skin
  border: 0
  background-color: #36c
  color: #fff

.fc-event-inner
  position: relative
  width: 100%
  height: 100%
  border-style: solid
  border-width: 0
  overflow: hidden

.fc-event-time, .fc-event-title
  padding: 0 1px

.fc .ui-resizable-handle
  display: block
  position: absolute
  z-index: 99999
  overflow: hidden

//* Horizontal Events

.fc-event-hori
  border-width: 1px 0
  margin-bottom: 1px
  .ui-resizable-e
    top: 0           !important
  .ui-resizable-w
    top: 0           !important
    left: -3px !important
    width: 7px       !important
    height: 100%     !important
    cursor: w-resize
  .ui-resizable-handle
    _padding-bottom: 14px

//* Reusable Separate-border Table

table.fc-border-separate
  border-collapse: separate

.fc-border-separate
  th, td
    border-width: 1px 0 0 1px
  th.fc-last, td.fc-last
    border-right-width: 1px
  tr.fc-last
    th, td
      border-bottom-width: 1px
  tbody tr.fc-first
    td, th
      border-top-width: 0

//* Month View, Basic Week View, Basic Day View

.fc-grid
  th
    text-align: center
  .fc-day-number
    float: right
    padding: 0 2px
  .fc-other-month .fc-day-number
    opacity: 0.3
    filter: alpha(opacity = 30)

.fc-rtl .fc-grid
  .fc-day-number
    float: left
  .fc-event-time
    float: right

//* Agenda Week View, Agenda Day View

.fc-agenda table
  border-collapse: separate

.fc-agenda-days th
  text-align: center

.fc-agenda
  .fc-agenda-axis
    width: 50px
    padding: 0 4px
    vertical-align: middle
    text-align: right
    white-space: nowrap
    font-weight: normal
  .fc-day-content
    padding: 2px 2px 1px


.fc-agenda-days
  .fc-agenda-axis
    border-right-width: 1px
  .fc-col0
    border-left-width: 0


.fc-agenda-allday
  th
    border-width: 0 1px
  .fc-day-content
    min-height: 34px

.fc-agenda-divider-inner
  height: 2px
  overflow: hidden

.fc-widget-header .fc-agenda-divider-inner
  background: #eee

//* slot rows

.fc-agenda-slots
  th
    border-width: 1px 1px 0
  td
    border-width: 1px 0 0
    background: none
    div
      height: 20px
  tr
    &.fc-slot0
      th, td
        border-top-width: 0
    &.fc-minor
      th, td
        border-top-style: dotted
      th.ui-widget-header
        *border-top-style: solid
//* doesn't work with background in IE6/7

//* Vertical Events
//*--------------------------------------

.fc-event-vert
  border-width: 0 1px
  .fc-event-head, .fc-event-content
    position: relative
    z-index: 2
    width: 100%
    overflow: hidden
  .fc-event-time
    white-space: nowrap
    font-size: 10px
  .fc-event-bg
//* makes the event lighter w/ a semi-transparent overlay
    position: absolute
    z-index: 1
    top: 0
    left: 0
    width: 100%
    height: 100%
    background: #fff
    opacity: .3
    filter: alpha(opacity = 30)

.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg
  display: none\9
//* for IE6/7/8. nested opacity filters while dragging don't work

//* resizable

.fc-event-vert .ui-resizable-s
  bottom: 0        !important
//* importants override pre jquery ui 1.7 styles
  width: 100%      !important
  height: 8px      !important
  overflow: hidden !important
  line-height: 8px !important
  font-size: 11px  !important
  font-family: monospace
  text-align: center
  cursor: s-resize