/static/css/datepicker.css

  1/* Some resets for compatibility with existing CSS */
  2.date_selector, .date_selector * {
  3  width: auto;
  4  height: auto;
  5  border: none;
  6  background: none;
  7  margin: 0;
  8  padding: 0;
  9  text-align: left;
 10  text-decoration: none;
 11}
 12.date_selector {
 13  background: #fff;
 14  border: 1px solid #bbb;
 15  padding: 5px;
 16  margin: -1px 0 0 0;
 17  position: absolute;
 18  z-index: 100000;
 19  display: none;
 20}
 21.date_selector_ieframe {
 22  position: absolute;
 23  z-index: 99999;
 24  display: none;
 25}
 26  .date_selector .month_nav {
 27    margin: 0 0 5px 0;
 28    padding: 0;
 29    display: block;
 30  }
 31    .date_selector .month_name {
 32      font-weight: bold;
 33      line-height: 20px;
 34      display: block;
 35      text-align: center;
 36    }
 37    .date_selector .month_nav a {
 38      display: block;
 39      position: absolute;
 40      top: 5px;
 41      width: 20px;
 42      height: 20px;
 43      line-height: 17px;
 44      font-weight: bold;
 45      color: #003C78;
 46      text-align: center;
 47      font-size: 120%;
 48      overflow: hidden;
 49    }
 50      .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
 51        background: none;
 52        color: #003C78;
 53        text-decoration: none;
 54      }
 55    .date_selector .prev {
 56      left: 5px;
 57    }
 58    .date_selector .next {
 59      right: 5px;
 60    }
 61  .date_selector table {
 62    border-spacing: 0;
 63    border-collapse: collapse;
 64  }
 65    .date_selector table th, .date_selector table td {
 66      width: 2.5em;
 67      height: 2em;
 68      padding: 0;
 69      text-align: center;
 70    }
 71    .date_selector table td {
 72      border: 1px solid #ccc;
 73      line-height: 2em;
 74      text-align: center;
 75      white-space: nowrap;
 76      background: white;
 77    }
 78    .date_selector td.today {
 79      background: #FFFED9;
 80    }
 81    .date_selector td.unselected_month {
 82      color: #ccc;
 83    }
 84      .date_selector td a {
 85        display: block;
 86        text-decoration: none !important;
 87        width: 100%;
 88        height: 100%;
 89        line-height: 2em;
 90        text-align: center;
 91      }
 92      .date_selector td.today a {
 93        background: #FFFEB3;
 94      }
 95      .date_selector td.selected a {
 96        background: #D8DFE5;
 97        font-weight: bold;
 98      }
 99        .date_selector td a:hover {
100          background: #003C78;
101          color: white;
102        }