datePicker.css

   1 table.jCalendar {
   2         background: #b4cdea;
   3         border-collapse: separate;
   4         border-spacing: 2px;
   5 }
   6 table.jCalendar th {
   7         background: #ffb267;
   8         color: #fff;
   9         font-weight: bold;
  10         padding: 3px 5px;
  11 }
  12 table.jCalendar td {
  13         background: #eee;
  14         color: #000;
  15         padding: 3px 5px;
  16         text-align: center;
  17 }
  18 table.jCalendar td.other-month {
  19         background: #ddd;
  20         color: #aaa;
  21 }
  22 table.jCalendar td.today {
  23         background: #666;
  24         color: #fff;
  25 }
  26 table.jCalendar td.selected {
  27         background: #f66;
  28         color: #fff;
  29 }
  30 table.jCalendar td.selected:hover {
  31         background: #f33;
  32         color: #fff;
  33 }
  34 table.jCalendar td:hover, table.jCalendar td.dp-hover {
  35         background: #fff;
  36         color: #000;
  37 }
  38 table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
  39         background: #bbb;
  40         color: #888;
  41 }
  42
  43 /* For the popup */
  44
  45 div.dp-popup {
  46         position: relative;
  47         background: #5183c2;
  48         font-size: 80%;
  49         padding: 2px;
  50         line-height: 1.2em;
  51 }
  52 div#dp-popup {
  53         position: absolute;
  54         z-index: 199;
  55 }
  56 div.dp-popup h2 {
  57         font-size: 12px;
  58         text-align: center;
  59         margin: 2px 0;
  60         padding: 0;
  61 }
  62 a#dp-close {
  63         font-size: 11px;
  64         padding: 4px 0;
  65         text-align: center;
  66         display: block;
  67 }
  68 a#dp-close:hover {
  69         text-decoration: underline;
  70 }
  71 div.dp-popup a {
  72         color: #000;
  73         text-decoration: none;
  74         padding: 3px 2px 0;
  75 }
  76 div.dp-popup div.dp-nav-prev {
  77         position: absolute;
  78         top: 2px;
  79         left: 4px;
  80         width: 100px;
  81 }
  82 div.dp-popup div.dp-nav-prev a {
  83         float: left;
  84 }
  85 /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
  86 div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
  87         cursor: pointer;
  88 }
  89 div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
  90         cursor: default;
  91 }
  92 div.dp-popup div.dp-nav-next {
  93         position: absolute;
  94         top: 2px;
  95         right: 4px;
  96         width: 100px;
  97 }
  98 div.dp-popup div.dp-nav-next a {
  99         float: right;
 100 }
 101 div.dp-popup a.disabled {
 102         cursor: default;
 103         color: #aaa;
 104 }
 105 div.dp-popup td {
 106         cursor: pointer;
 107 }
 108 div.dp-popup td.disabled {
 109         cursor: default;
 110 }
 111