jquery-timepicker.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .ui-timepicker-wrapper {
  2. z-index: 1200;
  3. width: 6.5em;
  4. height: 150px;
  5. margin: 0;
  6. overflow-y: auto;
  7. background: #fff;
  8. border: 1px solid #e4eaec;
  9. outline: none;
  10. box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); }
  11. .ui-timepicker-wrapper.ui-timepicker-with-duration {
  12. width: 13em; }
  13. .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  14. width: 11em; }
  15. .ui-timepicker-list {
  16. padding: 0;
  17. margin: 0;
  18. list-style: none; }
  19. .ui-timepicker-duration {
  20. margin-left: 5px;
  21. color: #888; }
  22. .ui-timepicker-list:hover .ui-timepicker-duration {
  23. color: #888; }
  24. .ui-timepicker-list li {
  25. padding: 3px 0 3px 5px;
  26. margin: 0;
  27. color: #000;
  28. white-space: nowrap;
  29. list-style: none;
  30. cursor: pointer; }
  31. .ui-timepicker-list:hover .ui-timepicker-selected {
  32. color: #000;
  33. background: #fff; }
  34. li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
  35. color: #fff;
  36. background: #3e8ef7; }
  37. li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration {
  38. color: #ccc; }
  39. .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  40. color: #888;
  41. cursor: default; }
  42. .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  43. background: #f2f2f2; }