root/static/ui/ui.datepicker.css

   1 /* Main Style Sheet for jQuery UI date picker */\r
   2 #ui-datepicker-div, .ui-datepicker-inline {\r
   3         font-family: Arial, Helvetica, sans-serif;\r
   4         font-size: 14px;\r
   5         padding: 0;\r
   6         margin: 0;\r
   7         background: #ddd;\r
   8         width: 185px;\r
   9 }\r
  10 #ui-datepicker-div {\r
  11         display: none;\r
  12         border: 1px solid #777;\r
  13         z-index: 100; /*must have*/\r
  14 }\r
  15 .ui-datepicker-inline {\r
  16         float: left;\r
  17         display: block;\r
  18         border: 0;\r
  19 }\r
  20 .ui-datepicker-rtl {\r
  21         direction: rtl;\r
  22 }\r
  23 .ui-datepicker-dialog {\r
  24         padding: 5px !important;\r
  25         border: 4px ridge #ddd !important;\r
  26 }\r
  27 .ui-datepicker-disabled {\r
  28         position: absolute;\r
  29         z-index: 100;\r
  30         background-color: white;\r
  31         opacity: 0.5;\r
  32 }\r
  33 button.ui-datepicker-trigger {\r
  34         width: 25px;\r
  35 }\r
  36 img.ui-datepicker-trigger {\r
  37         margin: 2px;\r
  38         vertical-align: middle;\r
  39 }\r
  40 .ui-datepicker-prompt {\r
  41         float: left;\r
  42         padding: 2px;\r
  43         background: #ddd;\r
  44         color: #000;\r
  45 }\r
  46 * html .ui-datepicker-prompt {\r
  47         width: 185px;\r
  48 }\r
  49 .ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {\r
  50         clear: both;\r
  51         float: left;\r
  52         width: 100%;\r
  53         color: #fff;\r
  54 }\r
  55 .ui-datepicker-control {\r
  56         background: #400;\r
  57         padding: 2px 0px;\r
  58 }\r
  59 .ui-datepicker-links {\r
  60         background: #000;\r
  61         padding: 2px 0px;\r
  62 }\r
  63 .ui-datepicker-control, .ui-datepicker-links {\r
  64         font-weight: bold;\r
  65         font-size: 80%;\r
  66 }\r
  67 .ui-datepicker-links label { /* disabled links */\r
  68         padding: 2px 5px;\r
  69         color: #888;\r
  70 }\r
  71 .ui-datepicker-clear, .ui-datepicker-prev {\r
  72         float: left;\r
  73         width: 34%;\r
  74 }\r
  75 .ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {\r
  76         float: right;\r
  77         text-align: right;\r
  78 }\r
  79 .ui-datepicker-current {\r
  80         float: left;\r
  81         width: 30%;\r
  82         text-align: center;\r
  83 }\r
  84 .ui-datepicker-close, .ui-datepicker-next {\r
  85         float: right;\r
  86         width: 34%;\r
  87         text-align: right;\r
  88 }\r
  89 .ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {\r
  90         float: left;\r
  91         text-align: left;\r
  92 }\r
  93 .ui-datepicker-header {\r
  94         padding: 1px 0 3px;\r
  95         background: #333;\r
  96         text-align: center;\r
  97         font-weight: bold;\r
  98         height: 1.3em;\r
  99 }\r
 100 .ui-datepicker-header select {\r
 101         background: #333;\r
 102         color: #fff;\r
 103         border: 0px;\r
 104         font-weight: bold;\r
 105 }\r
 106 .ui-datepicker {\r
 107         background: #ccc;\r
 108         text-align: center;\r
 109         font-size: 100%;\r
 110 }\r
 111 .ui-datepicker a {\r
 112         display: block;\r
 113         width: 100%;\r
 114 }\r
 115 .ui-datepicker-title-row {\r
 116         background: #777;\r
 117 }\r
 118 .ui-datepicker-days-row {\r
 119         background: #eee;\r
 120         color: #666;\r
 121 }\r
 122 .ui-datepicker-week-col {\r
 123         background: #777;\r
 124         color: #fff;\r
 125 }\r
 126 .ui-datepicker-days-cell {\r
 127         color: #000;\r
 128         border: 1px solid #ddd;\r
 129 }\r
 130 .ui-datepicker-days-cell a{\r
 131         display: block;\r
 132 }\r
 133 .ui-datepicker-week-end-cell {\r
 134         background: #ddd;\r
 135 }\r
 136 .ui-datepicker-title-row .ui-datepicker-week-end-cell {\r
 137         background: #777;\r
 138 }\r
 139 .ui-datepicker-days-cell-over {\r
 140         background: #fff;\r
 141         border: 1px solid #777;\r
 142 }\r
 143 .ui-datepicker-unselectable {\r
 144         color: #888;\r
 145 }\r
 146 .ui-datepicker-today {\r
 147         background: #fcc !important;\r
 148 }\r
 149 .ui-datepicker-current-day {\r
 150         background: #999 !important;\r
 151 }\r
 152 .ui-datepicker-status {\r
 153         background: #ddd;\r
 154         width: 100%;\r
 155         font-size: 80%;\r
 156         text-align: center;\r
 157 }\r
 158 \r
 159 /* ________ Datepicker Links _______\r
 160 \r
 161 ** Reset link properties and then override them with !important */\r
 162 #ui-datepicker-div a, .ui-datepicker-inline a {\r
 163         cursor: pointer;\r
 164         margin: 0;\r
 165         padding: 0;\r
 166         background: none;\r
 167         color: #000;\r
 168 }\r
 169 .ui-datepicker-inline .ui-datepicker-links a {\r
 170         padding: 0 5px !important;\r
 171 }\r
 172 .ui-datepicker-control a, .ui-datepicker-links a {\r
 173         padding: 2px 5px !important;\r
 174         color: #eee !important;\r
 175 }\r
 176 .ui-datepicker-title-row a {\r
 177         color: #eee !important;\r
 178 }\r
 179 .ui-datepicker-control a:hover {\r
 180         background: #fdd !important;\r
 181         color: #333 !important;\r
 182 }\r
 183 .ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {\r
 184         background: #ddd !important;\r
 185         color: #333 !important;\r
 186 }\r
 187 \r
 188 /* ___________ MULTIPLE MONTHS _________*/\r
 189 \r
 190 .ui-datepicker-multi .ui-datepicker {\r
 191         border: 1px solid #777;\r
 192 }\r
 193 .ui-datepicker-one-month {\r
 194         float: left;\r
 195         width: 185px;\r
 196 }\r
 197 .ui-datepicker-new-row {\r
 198         clear: left;\r
 199 }\r
 200 \r
 201 /* ___________ IE6 IFRAME FIX ________ */\r
 202 \r
 203 .ui-datepicker-cover {\r
 204     display: none; /*sorry for IE5*/\r
 205     display/**/: block; /*sorry for IE5*/\r
 206     position: absolute; /*must have*/\r
 207     z-index: -1; /*must have*/\r
 208     filter: mask(); /*must have*/\r
 209     top: -4px; /*must have*/\r
 210     left: -4px; /*must have*/\r
 211     width: 200px; /*must have*/\r
 212     height: 200px; /*must have*/\r
 213 }\r