application/views/reports/css/datePicker.css

   1 table.jCalendar {
   2         border: 1px solid #000;
   3         background: #aaa;
   4     border-collapse: separate;
   5     border-spacing: 2px;
   6 }
   7 table.jCalendar th {
   8         background: #333;
   9         color: #fff;
  10         font-weight: bold;
  11         padding: 3px 5px;
  12 }
  13
  14 table.jCalendar td {
  15         background: #ccc;
  16         color: #000;
  17         padding: 3px 5px;
  18         text-align: center;
  19 }
  20 table.jCalendar td.other-month {
  21         background: #ddd;
  22         color: #aaa;
  23 }
  24 table.jCalendar td.today {
  25         background: #666;
  26         color: #fff;
  27 }
  28 table.jCalendar td.selected {
  29         background: #f66;
  30         color: #fff;
  31 }
  32 table.jCalendar td.selected.dp-hover {
  33         background: #f33;
  34         color: #fff;
  35 }
  36 table.jCalendar td.dp-hover,
  37 table.jCalendar tr.activeWeekHover td {
  38         background: #fff;
  39         color: #000;
  40 }
  41 table.jCalendar tr.selectedWeek td {
  42         background: #f66;
  43         color: #fff;
  44 }
  45 table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
  46         background: #bbb;
  47         color: #888;
  48 }
  49 table.jCalendar td.unselectable,
  50 table.jCalendar td.unselectable:hover,
  51 table.jCalendar td.unselectable.dp-hover {
  52         background: #bbb;
  53         color: #888;
  54 }
  55
  56 /* For the popup */
  57
  58 a.dp-choose-date {
  59         float: left;
  60         width: 16px;
  61         height: 16px;
  62         padding: 0;
  63         margin: 5px 3px 0;
  64         display: block;
  65         text-indent: -2000px;
  66         overflow: hidden;
  67         background: url(../../../media/images/calendar.png) no-repeat;
  68 }
  69 a.dp-choose-date.dp-disabled {
  70         background-position: 0 -20px;
  71         cursor: default;
  72 }
  73 /* makes the input field shorter once the date picker code
  74  * has run (to allow space for the calendar icon
  75  */
  76 input.dp-applied {
  77         width: 60px;
  78         float: left;
  79 }
  80
  81 div.dp-popup {
  82         position: relative;
  83         background: #ccc;
  84         font-size: 10px;
  85         font-family: arial, sans-serif;
  86         padding: 2px;
  87         width: 171px;
  88         line-height: 1.2em;
  89 }
  90 div#dp-popup {
  91         position: absolute;
  92         z-index: 1102;
  93 }
  94 div.dp-popup h2 {
  95         font-size: 12px;
  96         text-align: center;
  97         margin: 2px 0;
  98         padding: 0;
  99 }
 100 a#dp-close {
 101         font-size: 11px;
 102         padding: 4px 0;
 103         text-align: center;
 104         display: block;
 105 }
 106 a#dp-close:hover {
 107         text-decoration: underline;
 108 }
 109 div.dp-popup a {
 110         color: #000;
 111         text-decoration: none;
 112         padding: 3px 2px 0;
 113 }
 114 div.dp-popup div.dp-nav-prev {
 115         position: absolute;
 116         top: 2px;
 117         left: 4px;
 118         width: 100px;
 119 }
 120 div.dp-popup div.dp-nav-prev a {
 121         float: left;
 122 }
 123 /* 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 */
 124 div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
 125         cursor: pointer;
 126 }
 127 div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
 128         cursor: default;
 129 }
 130 div.dp-popup div.dp-nav-next {
 131         position: absolute;
 132         top: 2px;
 133         right: 4px;
 134         width: 100px;
 135 }
 136 div.dp-popup div.dp-nav-next a {
 137         float: right;
 138 }
 139 div.dp-popup a.disabled {
 140         cursor: default;
 141         color: #aaa;
 142 }
 143 div.dp-popup td {
 144         cursor: pointer;
 145 }
 146 div.dp-popup td.disabled {
 147         cursor: default;
 148 }