sdcc-web/styles/datePicker.css

   1
   2
   3 table.jCalendar {
   4         border: 1px solid #000;
   5         background: #aaa;
   6     border-collapse: separate;
   7     border-spacing: 2px;
   8 }
   9 table.jCalendar th {
  10         background: #333;
  11         color: #fff;
  12         font-weight: bold;
  13         padding: 3px 5px;
  14 }
  15
  16 table.jCalendar td {
  17         background: #ccc;
  18         color: #000;
  19         padding: 3px 5px;
  20         text-align: center;
  21 }
  22 table.jCalendar td.other-month {
  23         background: #ddd;
  24         color: #aaa;
  25 }
  26 table.jCalendar td.today {
  27         background: #666;
  28         color: #fff;
  29 }
  30 table.jCalendar td.selected {
  31         background: #f66;
  32         color: #fff;
  33 }
  34 table.jCalendar td.selected.dp-hover {
  35         background: #f33;
  36         color: #fff;
  37 }
  38 table.jCalendar td.dp-hover,
  39 table.jCalendar tr.activeWeekHover td {
  40         background: #fff;
  41         color: #000;
  42 }
  43 table.jCalendar tr.selectedWeek td {
  44         background: #f66;
  45         color: #fff;
  46 }
  47 table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
  48         background: #bbb;
  49         color: #888;
  50 }
  51 table.jCalendar td.unselectable,
  52 table.jCalendar td.unselectable:hover,
  53 table.jCalendar td.unselectable.dp-hover {
  54         background: #bbb;
  55         color: #888;
  56 }
  57
  58 /* For the popup */
  59
  60 /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
  61
  62 div.dp-popup {
  63         position: relative;
  64         background: #ccc;
  65         font-size: 10px;
  66         font-family: arial, sans-serif;
  67         padding: 2px;
  68         width: 171px;
  69         line-height: 1.2em;
  70 }
  71 div#dp-popup {
  72         position: absolute;
  73         z-index: 199;
  74 }
  75 div.dp-popup h2 {
  76         font-size: 12px;
  77         text-align: center;
  78         margin: 2px 0;
  79         padding: 0;
  80 }
  81 a#dp-close {
  82         font-size: 11px;
  83         padding: 4px 0;
  84         text-align: center;
  85         display: block;
  86 }
  87 a#dp-close:hover {
  88         text-decoration: underline;
  89 }
  90 div.dp-popup a {
  91         color: #000;
  92         text-decoration: none;
  93         padding: 3px 2px 0;
  94 }
  95 div.dp-popup div.dp-nav-prev {
  96         position: absolute;
  97         top: 2px;
  98         left: 4px;
  99         width: 100px;
 100 }
 101 div.dp-popup div.dp-nav-prev a {
 102         float: left;
 103 }
 104 /* 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 */
 105 div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
 106         cursor: pointer;
 107 }
 108 div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
 109         cursor: default;
 110 }
 111 div.dp-popup div.dp-nav-next {
 112         position: absolute;
 113         top: 2px;
 114         right: 4px;
 115         width: 100px;
 116 }
 117 div.dp-popup div.dp-nav-next a {
 118         float: right;
 119 }
 120 div.dp-popup a.disabled {
 121         cursor: default;
 122         color: #aaa;
 123 }
 124 div.dp-popup td {
 125         cursor: pointer;
 126 }
 127 div.dp-popup td.disabled {
 128         cursor: default;
 129 }