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 15.ui-timepicker-wrapper.ui-timepicker-with-duration { 16 width: 13em; 17} 18 19.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, 20.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { 21 width: 11em; 22} 23 24.ui-timepicker-list { 25 margin: 0; 26 padding: 0; 27 list-style: none; 28} 29 30.ui-timepicker-duration { 31 margin-left: 5px; color: #888; 32} 33 34.ui-timepicker-list:hover .ui-timepicker-duration { 35 color: #888; 36} 37 38.ui-timepicker-list li { 39 padding: 3px 0 3px 5px; 40 cursor: pointer; 41 white-space: nowrap; 42 color: #000; 43 list-style: none; 44 margin: 0; 45} 46 47.ui-timepicker-list:hover .ui-timepicker-selected { 48 background: #fff; color: #000; 49} 50 51li.ui-timepicker-selected, 52.ui-timepicker-list li:hover, 53.ui-timepicker-list .ui-timepicker-selected:hover { 54 background: #1980EC; color: #fff; 55} 56 57li.ui-timepicker-selected .ui-timepicker-duration, 58.ui-timepicker-list li:hover .ui-timepicker-duration { 59 color: #ccc; 60} 61 62.ui-timepicker-list li.ui-timepicker-disabled, 63.ui-timepicker-list li.ui-timepicker-disabled:hover, 64.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { 65 color: #888; 66 cursor: default; 67} 68 69.ui-timepicker-list li.ui-timepicker-disabled:hover, 70.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { 71 background: #f2f2f2; 72} 73