Open-ILS/web/css/datepicker/bootstrap-datepicker.standalone.css

   1 /*!
   2  * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
   3  *
   4  * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
   5  */
   6
   7 .datepicker {
   8   padding: 4px;
   9   -webkit-border-radius: 4px;
  10   -moz-border-radius: 4px;
  11   border-radius: 4px;
  12   direction: ltr;
  13 }
  14 .datepicker-inline {
  15   width: 220px;
  16 }
  17 .datepicker-rtl {
  18   direction: rtl;
  19 }
  20 .datepicker-rtl.dropdown-menu {
  21   left: auto;
  22 }
  23 .datepicker-rtl table tr td span {
  24   float: right;
  25 }
  26 .datepicker-dropdown {
  27   top: 0;
  28   left: 0;
  29 }
  30 .datepicker-dropdown:before {
  31   content: '';
  32   display: inline-block;
  33   border-left: 7px solid transparent;
  34   border-right: 7px solid transparent;
  35   border-bottom: 7px solid #999;
  36   border-top: 0;
  37   border-bottom-color: rgba(0, 0, 0, 0.2);
  38   position: absolute;
  39 }
  40 .datepicker-dropdown:after {
  41   content: '';
  42   display: inline-block;
  43   border-left: 6px solid transparent;
  44   border-right: 6px solid transparent;
  45   border-bottom: 6px solid #fff;
  46   border-top: 0;
  47   position: absolute;
  48 }
  49 .datepicker-dropdown.datepicker-orient-left:before {
  50   left: 6px;
  51 }
  52 .datepicker-dropdown.datepicker-orient-left:after {
  53   left: 7px;
  54 }
  55 .datepicker-dropdown.datepicker-orient-right:before {
  56   right: 6px;
  57 }
  58 .datepicker-dropdown.datepicker-orient-right:after {
  59   right: 7px;
  60 }
  61 .datepicker-dropdown.datepicker-orient-bottom:before {
  62   top: -7px;
  63 }
  64 .datepicker-dropdown.datepicker-orient-bottom:after {
  65   top: -6px;
  66 }
  67 .datepicker-dropdown.datepicker-orient-top:before {
  68   bottom: -7px;
  69   border-bottom: 0;
  70   border-top: 7px solid #999;
  71 }
  72 .datepicker-dropdown.datepicker-orient-top:after {
  73   bottom: -6px;
  74   border-bottom: 0;
  75   border-top: 6px solid #fff;
  76 }
  77 .datepicker table {
  78   margin: 0;
  79   -webkit-touch-callout: none;
  80   -webkit-user-select: none;
  81   -khtml-user-select: none;
  82   -moz-user-select: none;
  83   -ms-user-select: none;
  84   user-select: none;
  85 }
  86 .datepicker td,
  87 .datepicker th {
  88   text-align: center;
  89   width: 20px;
  90   height: 20px;
  91   -webkit-border-radius: 4px;
  92   -moz-border-radius: 4px;
  93   border-radius: 4px;
  94   border: none;
  95 }
  96 .table-striped .datepicker table tr td,
  97 .table-striped .datepicker table tr th {
  98   background-color: transparent;
  99 }
 100 .datepicker table tr td.day:hover,
 101 .datepicker table tr td.day.focused {
 102   background: #eee;
 103   cursor: pointer;
 104 }
 105 .datepicker table tr td.old,
 106 .datepicker table tr td.new {
 107   color: #999;
 108 }
 109 .datepicker table tr td.disabled,
 110 .datepicker table tr td.disabled:hover {
 111   background: none;
 112   color: #999;
 113   cursor: default;
 114 }
 115 .datepicker table tr td.highlighted {
 116   background: #d9edf7;
 117   border-radius: 0;
 118 }
 119 .datepicker table tr td.today,
 120 .datepicker table tr td.today:hover,
 121 .datepicker table tr td.today.disabled,
 122 .datepicker table tr td.today.disabled:hover {
 123   background-color: #fde19a;
 124   background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
 125   background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
 126   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
 127   background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
 128   background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
 129   background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
 130   background-repeat: repeat-x;
 131   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
 132   border-color: #fdf59a #fdf59a #fbed50;
 133   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 134   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 135   color: #000;
 136 }
 137 .datepicker table tr td.today:hover,
 138 .datepicker table tr td.today:hover:hover,
 139 .datepicker table tr td.today.disabled:hover,
 140 .datepicker table tr td.today.disabled:hover:hover,
 141 .datepicker table tr td.today:active,
 142 .datepicker table tr td.today:hover:active,
 143 .datepicker table tr td.today.disabled:active,
 144 .datepicker table tr td.today.disabled:hover:active,
 145 .datepicker table tr td.today.active,
 146 .datepicker table tr td.today:hover.active,
 147 .datepicker table tr td.today.disabled.active,
 148 .datepicker table tr td.today.disabled:hover.active,
 149 .datepicker table tr td.today.disabled,
 150 .datepicker table tr td.today:hover.disabled,
 151 .datepicker table tr td.today.disabled.disabled,
 152 .datepicker table tr td.today.disabled:hover.disabled,
 153 .datepicker table tr td.today[disabled],
 154 .datepicker table tr td.today:hover[disabled],
 155 .datepicker table tr td.today.disabled[disabled],
 156 .datepicker table tr td.today.disabled:hover[disabled] {
 157   background-color: #fdf59a;
 158 }
 159 .datepicker table tr td.today:active,
 160 .datepicker table tr td.today:hover:active,
 161 .datepicker table tr td.today.disabled:active,
 162 .datepicker table tr td.today.disabled:hover:active,
 163 .datepicker table tr td.today.active,
 164 .datepicker table tr td.today:hover.active,
 165 .datepicker table tr td.today.disabled.active,
 166 .datepicker table tr td.today.disabled:hover.active {
 167   background-color: #fbf069 \9;
 168 }
 169 .datepicker table tr td.today:hover:hover {
 170   color: #000;
 171 }
 172 .datepicker table tr td.today.active:hover {
 173   color: #fff;
 174 }
 175 .datepicker table tr td.range,
 176 .datepicker table tr td.range:hover,
 177 .datepicker table tr td.range.disabled,
 178 .datepicker table tr td.range.disabled:hover {
 179   background: #eee;
 180   -webkit-border-radius: 0;
 181   -moz-border-radius: 0;
 182   border-radius: 0;
 183 }
 184 .datepicker table tr td.range.today,
 185 .datepicker table tr td.range.today:hover,
 186 .datepicker table tr td.range.today.disabled,
 187 .datepicker table tr td.range.today.disabled:hover {
 188   background-color: #f3d17a;
 189   background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
 190   background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
 191   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
 192   background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
 193   background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
 194   background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
 195   background-repeat: repeat-x;
 196   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
 197   border-color: #f3e97a #f3e97a #edde34;
 198   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 199   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 200   -webkit-border-radius: 0;
 201   -moz-border-radius: 0;
 202   border-radius: 0;
 203 }
 204 .datepicker table tr td.range.today:hover,
 205 .datepicker table tr td.range.today:hover:hover,
 206 .datepicker table tr td.range.today.disabled:hover,
 207 .datepicker table tr td.range.today.disabled:hover:hover,
 208 .datepicker table tr td.range.today:active,
 209 .datepicker table tr td.range.today:hover:active,
 210 .datepicker table tr td.range.today.disabled:active,
 211 .datepicker table tr td.range.today.disabled:hover:active,
 212 .datepicker table tr td.range.today.active,
 213 .datepicker table tr td.range.today:hover.active,
 214 .datepicker table tr td.range.today.disabled.active,
 215 .datepicker table tr td.range.today.disabled:hover.active,
 216 .datepicker table tr td.range.today.disabled,
 217 .datepicker table tr td.range.today:hover.disabled,
 218 .datepicker table tr td.range.today.disabled.disabled,
 219 .datepicker table tr td.range.today.disabled:hover.disabled,
 220 .datepicker table tr td.range.today[disabled],
 221 .datepicker table tr td.range.today:hover[disabled],
 222 .datepicker table tr td.range.today.disabled[disabled],
 223 .datepicker table tr td.range.today.disabled:hover[disabled] {
 224   background-color: #f3e97a;
 225 }
 226 .datepicker table tr td.range.today:active,
 227 .datepicker table tr td.range.today:hover:active,
 228 .datepicker table tr td.range.today.disabled:active,
 229 .datepicker table tr td.range.today.disabled:hover:active,
 230 .datepicker table tr td.range.today.active,
 231 .datepicker table tr td.range.today:hover.active,
 232 .datepicker table tr td.range.today.disabled.active,
 233 .datepicker table tr td.range.today.disabled:hover.active {
 234   background-color: #efe24b \9;
 235 }
 236 .datepicker table tr td.selected,
 237 .datepicker table tr td.selected:hover,
 238 .datepicker table tr td.selected.disabled,
 239 .datepicker table tr td.selected.disabled:hover {
 240   background-color: #9e9e9e;
 241   background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
 242   background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
 243   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
 244   background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
 245   background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
 246   background-image: linear-gradient(to bottom, #b3b3b3, #808080);
 247   background-repeat: repeat-x;
 248   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
 249   border-color: #808080 #808080 #595959;
 250   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 251   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 252   color: #fff;
 253   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 254 }
 255 .datepicker table tr td.selected:hover,
 256 .datepicker table tr td.selected:hover:hover,
 257 .datepicker table tr td.selected.disabled:hover,
 258 .datepicker table tr td.selected.disabled:hover:hover,
 259 .datepicker table tr td.selected:active,
 260 .datepicker table tr td.selected:hover:active,
 261 .datepicker table tr td.selected.disabled:active,
 262 .datepicker table tr td.selected.disabled:hover:active,
 263 .datepicker table tr td.selected.active,
 264 .datepicker table tr td.selected:hover.active,
 265 .datepicker table tr td.selected.disabled.active,
 266 .datepicker table tr td.selected.disabled:hover.active,
 267 .datepicker table tr td.selected.disabled,
 268 .datepicker table tr td.selected:hover.disabled,
 269 .datepicker table tr td.selected.disabled.disabled,
 270 .datepicker table tr td.selected.disabled:hover.disabled,
 271 .datepicker table tr td.selected[disabled],
 272 .datepicker table tr td.selected:hover[disabled],
 273 .datepicker table tr td.selected.disabled[disabled],
 274 .datepicker table tr td.selected.disabled:hover[disabled] {
 275   background-color: #808080;
 276 }
 277 .datepicker table tr td.selected:active,
 278 .datepicker table tr td.selected:hover:active,
 279 .datepicker table tr td.selected.disabled:active,
 280 .datepicker table tr td.selected.disabled:hover:active,
 281 .datepicker table tr td.selected.active,
 282 .datepicker table tr td.selected:hover.active,
 283 .datepicker table tr td.selected.disabled.active,
 284 .datepicker table tr td.selected.disabled:hover.active {
 285   background-color: #666666 \9;
 286 }
 287 .datepicker table tr td.active,
 288 .datepicker table tr td.active:hover,
 289 .datepicker table tr td.active.disabled,
 290 .datepicker table tr td.active.disabled:hover {
 291   background-color: #006dcc;
 292   background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
 293   background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
 294   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
 295   background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
 296   background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
 297   background-image: linear-gradient(to bottom, #08c, #0044cc);
 298   background-repeat: repeat-x;
 299   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
 300   border-color: #0044cc #0044cc #002a80;
 301   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 302   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 303   color: #fff;
 304   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 305 }
 306 .datepicker table tr td.active:hover,
 307 .datepicker table tr td.active:hover:hover,
 308 .datepicker table tr td.active.disabled:hover,
 309 .datepicker table tr td.active.disabled:hover:hover,
 310 .datepicker table tr td.active:active,
 311 .datepicker table tr td.active:hover:active,
 312 .datepicker table tr td.active.disabled:active,
 313 .datepicker table tr td.active.disabled:hover:active,
 314 .datepicker table tr td.active.active,
 315 .datepicker table tr td.active:hover.active,
 316 .datepicker table tr td.active.disabled.active,
 317 .datepicker table tr td.active.disabled:hover.active,
 318 .datepicker table tr td.active.disabled,
 319 .datepicker table tr td.active:hover.disabled,
 320 .datepicker table tr td.active.disabled.disabled,
 321 .datepicker table tr td.active.disabled:hover.disabled,
 322 .datepicker table tr td.active[disabled],
 323 .datepicker table tr td.active:hover[disabled],
 324 .datepicker table tr td.active.disabled[disabled],
 325 .datepicker table tr td.active.disabled:hover[disabled] {
 326   background-color: #0044cc;
 327 }
 328 .datepicker table tr td.active:active,
 329 .datepicker table tr td.active:hover:active,
 330 .datepicker table tr td.active.disabled:active,
 331 .datepicker table tr td.active.disabled:hover:active,
 332 .datepicker table tr td.active.active,
 333 .datepicker table tr td.active:hover.active,
 334 .datepicker table tr td.active.disabled.active,
 335 .datepicker table tr td.active.disabled:hover.active {
 336   background-color: #003399 \9;
 337 }
 338 .datepicker table tr td span {
 339   display: block;
 340   width: 23%;
 341   height: 54px;
 342   line-height: 54px;
 343   float: left;
 344   margin: 1%;
 345   cursor: pointer;
 346   -webkit-border-radius: 4px;
 347   -moz-border-radius: 4px;
 348   border-radius: 4px;
 349 }
 350 .datepicker table tr td span:hover,
 351 .datepicker table tr td span.focused {
 352   background: #eee;
 353 }
 354 .datepicker table tr td span.disabled,
 355 .datepicker table tr td span.disabled:hover {
 356   background: none;
 357   color: #999;
 358   cursor: default;
 359 }
 360 .datepicker table tr td span.active,
 361 .datepicker table tr td span.active:hover,
 362 .datepicker table tr td span.active.disabled,
 363 .datepicker table tr td span.active.disabled:hover {
 364   background-color: #006dcc;
 365   background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
 366   background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
 367   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
 368   background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
 369   background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
 370   background-image: linear-gradient(to bottom, #08c, #0044cc);
 371   background-repeat: repeat-x;
 372   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
 373   border-color: #0044cc #0044cc #002a80;
 374   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 375   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 376   color: #fff;
 377   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 378 }
 379 .datepicker table tr td span.active:hover,
 380 .datepicker table tr td span.active:hover:hover,
 381 .datepicker table tr td span.active.disabled:hover,
 382 .datepicker table tr td span.active.disabled:hover:hover,
 383 .datepicker table tr td span.active:active,
 384 .datepicker table tr td span.active:hover:active,
 385 .datepicker table tr td span.active.disabled:active,
 386 .datepicker table tr td span.active.disabled:hover:active,
 387 .datepicker table tr td span.active.active,
 388 .datepicker table tr td span.active:hover.active,
 389 .datepicker table tr td span.active.disabled.active,
 390 .datepicker table tr td span.active.disabled:hover.active,
 391 .datepicker table tr td span.active.disabled,
 392 .datepicker table tr td span.active:hover.disabled,
 393 .datepicker table tr td span.active.disabled.disabled,
 394 .datepicker table tr td span.active.disabled:hover.disabled,
 395 .datepicker table tr td span.active[disabled],
 396 .datepicker table tr td span.active:hover[disabled],
 397 .datepicker table tr td span.active.disabled[disabled],
 398 .datepicker table tr td span.active.disabled:hover[disabled] {
 399   background-color: #0044cc;
 400 }
 401 .datepicker table tr td span.active:active,
 402 .datepicker table tr td span.active:hover:active,
 403 .datepicker table tr td span.active.disabled:active,
 404 .datepicker table tr td span.active.disabled:hover:active,
 405 .datepicker table tr td span.active.active,
 406 .datepicker table tr td span.active:hover.active,
 407 .datepicker table tr td span.active.disabled.active,
 408 .datepicker table tr td span.active.disabled:hover.active {
 409   background-color: #003399 \9;
 410 }
 411 .datepicker table tr td span.old,
 412 .datepicker table tr td span.new {
 413   color: #999;
 414 }
 415 .datepicker .datepicker-switch {
 416   width: 145px;
 417 }
 418 .datepicker .datepicker-switch,
 419 .datepicker .prev,
 420 .datepicker .next,
 421 .datepicker tfoot tr th {
 422   cursor: pointer;
 423 }
 424 .datepicker .datepicker-switch:hover,
 425 .datepicker .prev:hover,
 426 .datepicker .next:hover,
 427 .datepicker tfoot tr th:hover {
 428   background: #eee;
 429 }
 430 .datepicker .prev.disabled,
 431 .datepicker .next.disabled {
 432   visibility: hidden;
 433 }
 434 .datepicker .cw {
 435   font-size: 10px;
 436   width: 12px;
 437   padding: 0 2px 0 5px;
 438   vertical-align: middle;
 439 }
 440 .input-append.date .add-on,
 441 .input-prepend.date .add-on {
 442   cursor: pointer;
 443 }
 444 .input-append.date .add-on i,
 445 .input-prepend.date .add-on i {
 446   margin-top: 3px;
 447 }
 448 .input-daterange input {
 449   text-align: center;
 450 }
 451 .input-daterange input:first-child {
 452   -webkit-border-radius: 3px 0 0 3px;
 453   -moz-border-radius: 3px 0 0 3px;
 454   border-radius: 3px 0 0 3px;
 455 }
 456 .input-daterange input:last-child {
 457   -webkit-border-radius: 0 3px 3px 0;
 458   -moz-border-radius: 0 3px 3px 0;
 459   border-radius: 0 3px 3px 0;
 460 }
 461 .input-daterange .add-on {
 462   display: inline-block;
 463   width: auto;
 464   min-width: 16px;
 465   height: 20px;
 466   padding: 4px 5px;
 467   font-weight: normal;
 468   line-height: 20px;
 469   text-align: center;
 470   text-shadow: 0 1px 0 #fff;
 471   vertical-align: middle;
 472   background-color: #eee;
 473   border: 1px solid #ccc;
 474   margin-left: -5px;
 475   margin-right: -5px;
 476 }
 477 .datepicker.dropdown-menu {
 478   position: absolute;
 479   top: 100%;
 480   left: 0;
 481   z-index: 1000;
 482   float: left;
 483   display: none;
 484   min-width: 160px;
 485   list-style: none;
 486   background-color: #fff;
 487   border: 1px solid #ccc;
 488   border: 1px solid rgba(0, 0, 0, 0.2);
 489   -webkit-border-radius: 5px;
 490   -moz-border-radius: 5px;
 491   border-radius: 5px;
 492   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 493   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 494   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 495   -webkit-background-clip: padding-box;
 496   -moz-background-clip: padding;
 497   background-clip: padding-box;
 498   *border-right-width: 2px;
 499   *border-bottom-width: 2px;
 500   color: #333333;
 501   font-size: 13px;
 502   line-height: 20px;
 503 }
 504 .datepicker.dropdown-menu th,
 505 .datepicker.datepicker-inline th,
 506 .datepicker.dropdown-menu td,
 507 .datepicker.datepicker-inline td {
 508   padding: 4px 5px;
 509 }
 510 /*# sourceMappingURL=bootstrap-datepicker.standalone.css.map */