[Summary view] [Print] [Text view]

   1  /* Default styling for jQuery Datepicker v4.1.0. */

   2  .datepick {
   3      background-color: #fff;
   4      color: #000;
   5      border: 1px solid #444;
   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: #fff;
  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: #fcc;
  37      border: none;
  38      border-radius: 0.25em;
  39      -moz-border-radius: 0.25em;
  40      -webkit-border-radius: 0.25em;
  41      font-weight: bold;
  42  }
  43  .datepick-nav, .datepick-ctrl {
  44      float: left;
  45      width: 100%;
  46      background-color: #000;
  47      color: #fff;
  48      font-size: 90%;
  49      font-weight: bold;
  50  }
  51  .datepick-ctrl {
  52      background-color: #600;
  53  }
  54  .datepick-cmd {
  55      width: 30%;
  56  }
  57  .datepick-cmd:hover {
  58      background-color: #777;
  59  }
  60  .datepick-ctrl .datepick-cmd:hover {
  61      background-color: #f08080;
  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      background-color: #777;
 106      text-align: center;
 107  }
 108  .datepick-month-nav div {
 109      float: left;
 110      width: 12.5%;
 111      margin: 1%;
 112      padding: 1%;
 113  }
 114  .datepick-month-nav span {
 115      color: #888;
 116  }
 117  .datepick-month-row {
 118      clear: left;
 119  }
 120  .datepick-month {
 121      float: left;
 122      width: 15em;
 123      border: 1px solid #444;
 124      text-align: center;
 125  }
 126  .datepick-month-header, .datepick-month-header select, .datepick-month-header input {
 127      height: 1.5em;
 128      background-color: #444;
 129      color: #fff;
 130      font-weight: bold;
 131  }
 132  .datepick-month-header select, .datepick-month-header input {
 133      height: 1.4em;
 134      border: none;
 135      font-size: 100%;
 136      padding: 0 !important;
 137  }
 138  .datepick-month-header input {
 139      position: absolute;
 140      display: none;
 141  }
 142  .datepick-month table {
 143      width: 100%;
 144      border-collapse: collapse;
 145  }
 146  .datepick-month thead {
 147      border-bottom: 1px solid #aaa;
 148  }
 149  .datepick-month th, .datepick-month td {
 150      margin: 0em;
 151      padding: 0em;
 152      font-weight: normal;
 153      text-align: center;
 154  }
 155  .datepick-month th {
 156      border: 1px solid #777;
 157  }
 158  .datepick-month th, .datepick-month th a {
 159      background-color: #777;
 160      color: #fff;
 161  }
 162  .datepick-month td {
 163      background-color: #eee;
 164      border: 1px solid #aaa;
 165  }
 166  .datepick-month td.datepick-week {
 167      border: 1px solid #777;
 168  }
 169  .datepick-month td.datepick-week * {
 170      background-color: #777;
 171      color: #fff;
 172      border: none;
 173  }
 174  .datepick-month a {
 175      display: block;
 176      width: 100%;
 177      padding: 0.125em 0em;
 178      background-color: #eee;
 179      color: #000;
 180      text-decoration: none;
 181  }
 182  .datepick-month span {
 183      display: block;
 184      width: 100%;
 185      padding: 0.125em 0em;
 186  }
 187  .datepick-month td span {
 188      color: #888;
 189  }
 190  .datepick-month td .datepick-other-month {
 191      background-color: #fff;
 192  }
 193  .datepick-month td .datepick-weekend {
 194      background-color: #ddd;
 195  }
 196  .datepick-month td .datepick-today {
 197      background-color: #f0c0c0;
 198  }
 199  .datepick-month td .datepick-highlight {
 200      background-color: #f08080;
 201  }
 202  .datepick-month td .datepick-selected {
 203      background-color: #777;
 204      color: #fff;
 205  }
 206  .datepick-month th.datepick-week {
 207      background-color: #777;
 208      color: #fff;
 209  }
 210  .datepick-status {
 211      clear: both;
 212      background-color: #ddd;
 213      text-align: center;
 214  }
 215  .datepick-clear-fix {
 216      clear: both;
 217  }