[Summary view] [Print] [Text view]

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

   2  .datepick {
   3      background-color: #fff;
   4      color: #222;
   5      border: 1px solid #aaa;
   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: #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: #fff;
  47      font-size: 90%;
  48      font-weight: bold;
  49  }
  50  .datepick-ctrl {
  51      background-color: #fee6e3;
  52  }
  53  .datepick-cmd {
  54      width: 30%;
  55  }
  56  .datepick-cmd:hover {
  57      background-color: #e0e0e0;
  58  }
  59  .datepick-ctrl .datepick-cmd:hover {
  60      background-color: #f08080;
  61  }
  62  .datepick-cmd-prevJump, .datepick-cmd-nextJump {
  63      width: 8%;
  64  }
  65  a.datepick-cmd {
  66      height: 1.5em;
  67  }
  68  button.datepick-cmd {
  69      text-align: center;
  70  }
  71  .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
  72      float: left;
  73      padding-left: 2%;
  74  }
  75  .datepick-cmd-current, .datepick-cmd-today {
  76      float: left;
  77      width: 35%;
  78      text-align: center;
  79  }
  80  .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
  81      float: right;
  82      padding-right: 2%;
  83      text-align: right;
  84  }
  85  .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
  86  .datepick-rtl .datepick-cmd-clear {
  87      float: right;
  88      padding-left: 0%;
  89      padding-right: 2%;
  90      text-align: right;
  91  }
  92  .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
  93      float: right;
  94  }
  95  .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
  96  .datepick-rtl .datepick-cmd-close {
  97      float: left;
  98      padding-left: 2%;
  99      padding-right: 0%;
 100      text-align: left;
 101  }
 102  .datepick-month-nav {
 103      float: left;
 104      text-align: center;
 105  }
 106  .datepick-month-nav div {
 107      float: left;
 108      width: 12.5%;
 109      margin: 1%;
 110      padding: 1%;
 111  }
 112  .datepick-month-nav span {
 113      color: #888;
 114  }
 115  .datepick-month-row {
 116      clear: left;
 117  }
 118  .datepick-month {
 119      float: left;
 120      width: 15em;
 121      border: 1px solid #aaa;
 122      text-align: center;
 123  }
 124  .datepick-month-header, .datepick-month-header select, .datepick-month-header input {
 125      height: 1.5em;
 126      background-color: #e0e0e0;
 127      color: #222;
 128      font-weight: bold;
 129  }
 130  .datepick-month-header select, .datepick-month-header input {
 131      height: 1.4em;
 132      border: none;
 133  }
 134  .datepick-month-header input {
 135      position: absolute;
 136      display: none;
 137  }
 138  .datepick-month table {
 139      width: 100%;
 140      border-collapse: collapse;
 141  }
 142  .datepick-month thead {
 143      border-bottom: 1px solid #aaa;
 144  }
 145  .datepick-month th, .datepick-month td {
 146      margin: 0em;
 147      padding: 0em;
 148      font-weight: normal;
 149      text-align: center;
 150  }
 151  .datepick-month thead tr {
 152      border: 1px solid #aaa;
 153  }
 154  .datepick-month td {
 155      background-color: #eee;
 156      border: 1px solid #aaa;
 157  }
 158  .datepick-month td.datepick-week * {
 159      background-color: #e0e0e0;
 160      color: #222;
 161      border: none;
 162  }
 163  .datepick-month a {
 164      display: block;
 165      width: 100%;
 166      padding: 0.125em 0em;
 167      background-color: #eee;
 168      color: #000;
 169      text-decoration: none;
 170  }
 171  .datepick-month span {
 172      display: block;
 173      width: 100%;
 174      padding: 0.125em 0em;
 175  }
 176  .datepick-month td span {
 177      color: #888;
 178  }
 179  .datepick-month td .datepick-other-month {
 180      background-color: #fff;
 181  }
 182  .datepick-month td .datepick-weekend {
 183      background-color: #ddd;
 184  }
 185  .datepick-month td .datepick-today {
 186      background-color: #fbf9ee;
 187  }
 188  .datepick-month td .datepick-highlight {
 189      background-color: #dadada;
 190  }
 191  .datepick-month td .datepick-selected {
 192      background-color: #fcc;
 193  }
 194  .datepick-status {
 195      clear: both;
 196      text-align: center;
 197  }
 198  .datepick-clear-fix {
 199      clear: both;
 200  }