[Summary view] [Print] [Text view]

   1  /* Redmond style sheet for jQuery Datepicker v4.1.0. */

   2  .datepick {
   3      background-color: #fff;
   4      color: #222;
   5      border: 1px solid #4297d7;
   6      border-radius: 0.25em;
   7      -moz-border-radius: 0.25em;
   8      -webkit-border-radius: 0.25em;
   9      font-family: Arial,Helvetica,Sans-serif;
  10      font-size: 90%;
  11  }
  12  .datepick-rtl {
  13      direction: rtl;
  14  }
  15  .datepick-popup {
  16      z-index: 1000;
  17  }
  18  .datepick-disable {
  19      position: absolute;
  20      z-index: 100;
  21      background-color: white;
  22      opacity: 0.5;
  23      filter: alpha(opacity=50);
  24  }
  25  .datepick a {
  26      color: #222;
  27      text-decoration: none;
  28  }
  29  .datepick a.datepick-disabled {
  30      color: #888;
  31      cursor: auto;
  32  }
  33  .datepick button {
  34      margin: 0.25em;
  35      padding: 0.125em 0em;
  36      background-color: #5c9ccc;
  37      color: #fff;
  38      border: none;
  39      border-radius: 0.25em;
  40      -moz-border-radius: 0.25em;
  41      -webkit-border-radius: 0.25em;
  42      font-weight: bold;
  43  }
  44  .datepick-nav, .datepick-ctrl {
  45      float: left;
  46      width: 100%;
  47      background-color: #fff;
  48      font-size: 90%;
  49      font-weight: bold;
  50  }
  51  .datepick-ctrl {
  52      background-color: #d0e5f5;
  53  }
  54  .datepick-cmd {
  55      width: 30%;
  56  }
  57  .datepick-cmd:hover {
  58      background-color: #dfeffc;
  59  }
  60  button.datepick-cmd:hover {
  61      background-color: #79b7e7;
  62  }
  63  .datepick-cmd-prevJump, .datepick-cmd-nextJump {
  64      width: 8%;
  65  }
  66  a.datepick-cmd {
  67      height: 1.5em;
  68  }
  69  button.datepick-cmd {
  70      text-align: center;
  71  }
  72  .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
  73      float: left;
  74      padding-left: 2%;
  75  }
  76  .datepick-cmd-current, .datepick-cmd-today {
  77      float: left;
  78      width: 35%;
  79      text-align: center;
  80  }
  81  .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
  82      float: right;
  83      padding-right: 2%;
  84      text-align: right;
  85  }
  86  .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
  87  .datepick-rtl .datepick-cmd-clear {
  88      float: right;
  89      padding-left: 0%;
  90      padding-right: 2%;
  91      text-align: right;
  92  }
  93  .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
  94      float: right;
  95  }
  96  .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
  97  .datepick-rtl .datepick-cmd-close {
  98      float: left;
  99      padding-left: 2%;
 100      padding-right: 0%;
 101      text-align: left;
 102  }
 103  .datepick-month-nav {
 104      float: left;
 105      text-align: center;
 106  }
 107  .datepick-month-nav div {
 108      float: left;
 109      width: 12.5%;
 110      margin: 1%;
 111      padding: 1%;
 112  }
 113  .datepick-month-nav span {
 114      color: #888;
 115  }
 116  .datepick-month-row {
 117      clear: left;
 118  }
 119  .datepick-month {
 120      float: left;
 121      width: 15em;
 122      border: 1px solid #5c9ccc;
 123      text-align: center;
 124  }
 125  .datepick-month-header, .datepick-month-header select, .datepick-month-header input {
 126      height: 1.5em;
 127      background-color: #5c9ccc;
 128      color: #fff;
 129      font-weight: bold;
 130  }
 131  .datepick-month-header select, .datepick-month-header input {
 132      height: 1.4em;
 133      border: none;
 134  }
 135  .datepick-month-header input {
 136      position: absolute;
 137      display: none;
 138  }
 139  .datepick-month table {
 140      width: 100%;
 141      border-collapse: collapse;
 142  }
 143  .datepick-month thead {
 144      border-bottom: 1px solid #aaa;
 145  }
 146  .datepick-month th, .datepick-month td {
 147      margin: 0em;
 148      padding: 0em;
 149      font-weight: normal;
 150      text-align: center;
 151  }
 152  .datepick-month th {
 153      border: 1px solid #fff;
 154      border-bottom: 1px solid #c5dbec;
 155  }
 156  .datepick-month td {
 157      border: 1px solid #c5dbec;
 158  }
 159  .datepick-month td.datepick-week * {
 160      background-color: #d0e5f5;
 161      color: #222;
 162      border: none;
 163  }
 164  .datepick-month a {
 165      display: block;
 166      width: 100%;
 167      padding: 0.125em 0em;
 168      background-color: #dfeffc;
 169      color: #000;
 170      text-decoration: none;
 171  }
 172  .datepick-month span {
 173      display: block;
 174      width: 100%;
 175      padding: 0.125em 0em;
 176  }
 177  .datepick-month td span {
 178      color: #888;
 179  }
 180  .datepick-month td .datepick-other-month {
 181      background-color: #fff;
 182  }
 183  .datepick-month td .datepick-today {
 184      background-color: #fad42e;
 185  }
 186  .datepick-month td .datepick-highlight {
 187      background-color: #79b7e7;
 188  }
 189  .datepick-month td .datepick-selected {
 190      background-color: #4297d7;
 191      color: #fff;
 192  }
 193  .datepick-status {
 194      clear: both;
 195      text-align: center;
 196  }
 197  .datepick-clear-fix {
 198      clear: both;
 199  }