Source

django-jquery / jquery / static / jquery.jqui / css / _datepicker.sass

Full commit
$color: #111111

input[type=date], input.datepicker.date
  width: 90px
  &::-webkit-outer-spin-button
    display: none

button.datepicker
  +icon-date

.jqui.datepicker.widget
  position: absolute
  z-index: 100
  +box-shadow(0 5px 10px rgba(0,0,0,0.8))
  +rounded-border-top(8px)
  +rounded-border-bottom(4px)
  background-color: white
  font-family: Helvetica
  font-size: 10px
  header, .header
    +rounded-border-top(8px)
    background: url(../images/bg-header.gif) repeat-x
    padding: 9px
    height: 21px
    position: relative
    font-size: 12px
    h1, span
      text-align: center
      font-weight: bold
      display: inline-block
      position: relative
      width: 100%
      text-shadow: 1px 1px 0 white
      color: $color
      font-size: 12px
      line-height: 12px
      select
        position: relative
        margin-top: -6px
        font: -webkit-small-control
    button
      position: absolute
      z-index: 100
      top: 6px
      &.prev-month
        +icon-left-circle
      &.next-month
        right: 8px
        +icon-right-circle
  table
    width: 100%
    display: block
    padding: 4px
    margin: 0
    th
      padding: 4px
    td
      text-align: center
      padding: 6px 10px
      color: $color
      cursor: pointer
    td.prev-month, td.next-month
      color: $color * 10
    td:hover
      +rounded-border(32px)
      background-color: #eee
    td.selected
      +rounded-border(6px)
      background-color: #ccc
      color: $color * 5
    td.today
      color: red
  footer, .footer
    background: url(../images/bg-footer.png) repeat-x
    +rounded-border-bottom(4px)
    min-height: 24px
    button
      display: inline-block
      +rounded-border(12px)
      +inset-button
      margin: 3px
      font-size: 10px
      padding: 2px 8px
      &.done
        float: right