[Summary view] [Print] [Text view]

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

   2  .datepick {
   3      background-color: #e0f4d7;
   4      color: #000;
   5      border: 1px solid #f90;
   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: #000;
  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: #fc8;
  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: #e0f4d7;
  47      color: #fff;
  48      font-size: 90%;
  49      font-weight: bold;
  50  }
  51  .datepick-ctrl {
  52      background-color: #f90;
  53  }
  54  .datepick-cmd {
  55      width: 30%;
  56  }
  57  .datepick-cmd:hover {
  58      background-color: #b1db87;
  59  }
  60  .datepick-ctrl .datepick-cmd:hover {
  61      background-color: #fa4;
  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: #b1db87;
 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 #83c948;
 124      text-align: center;
 125  }
 126  .datepick-month-header, .datepick-month-header select, .datepick-month-header input {
 127      height: 1.5em;
 128      background-color: #83c948;
 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  }
 136  .datepick-month-header input {
 137      position: absolute;
 138      display: none;
 139  }
 140  .datepick-month table {
 141      width: 100%;
 142      border-collapse: collapse;
 143  }
 144  .datepick-month thead {
 145      border-bottom: 1px solid #aaa;
 146  }
 147  .datepick-month th, .datepick-month td {
 148      margin: 0em;
 149      padding: 0em;
 150      font-weight: normal;
 151      text-align: center;
 152  }
 153  .datepick-month th {
 154      border: 1px solid #b1db87;
 155  }
 156  .datepick-month th, .datepick-month th a {
 157      background-color: #b1db87;
 158      color: #000;
 159      border: 1px solid #b1db87;
 160  }
 161  .datepick-month td {
 162      background-color: #fff;
 163      color: #666;
 164      border: 1px solid #b1db87;
 165  }
 166  .datepick-month td.datepick-week * {
 167      background-color: #b1db87;
 168      color: #666;
 169      border: none;
 170  }
 171  .datepick-month a {
 172      display: block;
 173      width: 100%;
 174      padding: 0.125em 0em;
 175      text-decoration: none;
 176  }
 177  .datepick-month span {
 178      display: block;
 179      width: 100%;
 180      padding: 0.125em 0em;
 181  }
 182  .datepick-month td span {
 183      color: #888;
 184  }
 185  .datepick-month td .datepick-other-month {
 186      background-color: #e0f4d7;
 187  }
 188  .datepick-month td .datepick-weekend {
 189      background-color: #e0f4d7;
 190  }
 191  .datepick-month td .datepick-today {
 192      background-color: #b1db87;
 193  }
 194  .datepick-month td .datepick-highlight {
 195      background-color: #fc8;
 196  }
 197  .datepick-month td .datepick-selected {
 198      background-color: #f90;
 199      color: #fff;
 200  }
 201  .datepick-status {
 202      clear: both;
 203      background-color: #b1db87;
 204      text-align: center;
 205  }
 206  .datepick-clear-fix {
 207      clear: both;
 208  }