datepicker.css 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. @charset "utf-8";
  2. div.datepicker{position:relative;font-family:Arial, Helvetica, sans-serif;font-size:12px;width:196px;height:147px;position:absolute;cursor:default;top:0;left:0;display:none;}
  3. .datepickerContainer{background:#121212;position:absolute;top:10px;left:10px;}
  4. .datepickerBorderT{position:absolute;left:10px;top:0;right:10px;height:10px;background:url(../images/datepicker_t.png);}
  5. .datepickerBorderB{position:absolute;left:10px;bottom:0;right:10px;height:10px;background:url(../images/datepicker_b.png);}
  6. .datepickerBorderL{position:absolute;left:0;bottom:10px;top:10px;width:10px;background:url(../images/datepicker_l.png);}
  7. .datepickerBorderR{position:absolute;right:0;bottom:10px;top:10px;width:10px;background:url(../images/datepicker_r.png);}
  8. .datepickerBorderTL{position:absolute;top:0;left:0;width:10px;height:10px;background:url(../images/datepicker_tl.png);}
  9. .datepickerBorderTR{position:absolute;top:0;right:0;width:10px;height:10px;background:url(../images/datepicker_tr.png);}
  10. .datepickerBorderBL{position:absolute;bottom:0;left:0;width:10px;height:10px;background:url(../images/datepicker_bl.png);}
  11. .datepickerBorderBR{position:absolute;bottom:0;right:0;width:10px;height:10px;background:url(../images/datepicker_br.png);}
  12. .datepickerHidden{display:none;}
  13. div.datepicker table{border-collapse:collapse;}
  14. div.datepicker a{color:#eee;text-decoration:none;cursor:default;outline:none;}
  15. div.datepicker table td{text-align:right;padding:0;margin:0;}
  16. div.datepicker th{text-align:center;color:#999;font-weight:normal;}
  17. div.datepicker tbody th{text-align:center;}
  18. div.datepicker tbody a{display:block;}
  19. .datepickerDays a{width:20px;line-height:16px;height:16px;padding-right:2px;}
  20. .datepickerYears a,.datepickerMonths a{width:44px;line-height:36px;height:36px;text-align:center;}
  21. td.datepickerNotInMonth a{color:#666;}
  22. tbody.datepickerDays td.datepickerSelected{background:#136A9F;}
  23. tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected{background:#17384d;}
  24. tbody.datepickerYears td.datepickerSelected,tbody.datepickerMonths td.datepickerSelected{background:#17384d;}
  25. div.datepicker a:hover,div.datepicker a:hover{color:#88c5eb;}
  26. div.datepicker td.datepickerNotInMonth a:hover{color:#999;}
  27. div.datepicker tbody th{text-align:left;}
  28. .datepickerSpace div{width:20px;}
  29. .datepickerGoNext a,.datepickerGoPrev a,.datepickerMonth a{text-align:center;height:20px;line-height:20px;}
  30. .datepickerGoNext a{float:right;width:20px;}
  31. .datepickerGoPrev a{float:left;width:20px;}
  32. table.datepickerViewDays tbody.datepickerMonths,table.datepickerViewDays tbody.datepickerYears{display:none;}
  33. table.datepickerViewMonths tbody.datepickerDays,table.datepickerViewMonths tbody.datepickerYears,table.datepickerViewMonths tr.datepickerDoW{display:none;}
  34. table.datepickerViewYears tbody.datepickerDays,table.datepickerViewYears tbody.datepickerMonths,table.datepickerViewYears tr.datepickerDoW{display:none;}
  35. td.datepickerDisabled a,td.datepickerDisabled.datepickerNotInMonth a{color:#333;}
  36. td.datepickerDisabled a:hover{color:#333;}
  37. td.datepickerSpecial a{background:#700;}
  38. td.datepickerSpecial.datepickerSelected a{background:#a00;}