[Summary view] [Print] [Text view]

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

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