jquery.timepicker.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .ui-timepicker-wrapper {
  2. overflow-y: auto;
  3. height: 150px;
  4. width: 6.5em;
  5. background: #fff;
  6. border: 1px solid #ddd;
  7. -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
  8. -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
  9. box-shadow:0 5px 10px rgba(0,0,0,0.2);
  10. outline: none;
  11. z-index: 10001;
  12. margin: 0;
  13. }
  14. .ui-timepicker-wrapper.ui-timepicker-with-duration {
  15. width: 13em;
  16. }
  17. .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
  18. .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  19. width: 11em;
  20. }
  21. .ui-timepicker-list {
  22. margin: 0;
  23. padding: 0;
  24. list-style: none;
  25. }
  26. .ui-timepicker-duration {
  27. margin-left: 5px; color: #888;
  28. }
  29. .ui-timepicker-list:hover .ui-timepicker-duration {
  30. color: #888;
  31. }
  32. .ui-timepicker-list li {
  33. padding: 3px 0 3px 5px;
  34. cursor: pointer;
  35. white-space: nowrap;
  36. color: #000;
  37. list-style: none;
  38. margin: 0;
  39. }
  40. .ui-timepicker-list:hover .ui-timepicker-selected {
  41. background: #fff; color: #000;
  42. }
  43. li.ui-timepicker-selected,
  44. .ui-timepicker-list li:hover,
  45. .ui-timepicker-list .ui-timepicker-selected:hover {
  46. background: #1980EC; color: #fff;
  47. }
  48. li.ui-timepicker-selected .ui-timepicker-duration,
  49. .ui-timepicker-list li:hover .ui-timepicker-duration {
  50. color: #ccc;
  51. }
  52. .ui-timepicker-list li.ui-timepicker-disabled,
  53. .ui-timepicker-list li.ui-timepicker-disabled:hover,
  54. .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  55. color: #888;
  56. cursor: default;
  57. }
  58. .ui-timepicker-list li.ui-timepicker-disabled:hover,
  59. .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  60. background: #f2f2f2;
  61. }