| 1 |
/*! |
| 2 |
* @author [email protected] |
| 3 |
* timepicker 时间选择器less |
| 4 |
*/ |
| 5 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker { |
| 6 |
position: absolute; |
| 7 |
z-index: 1000; |
| 8 |
float: left; |
| 9 |
width: 170px; |
| 10 |
padding-bottom: 5px; |
| 11 |
margin: 2px 0 0 0; |
| 12 |
list-style: none; |
| 13 |
font-size: 14px; |
| 14 |
text-align: center; |
| 15 |
background-color: #fff; |
| 16 |
border: 1px solid #ccc; |
| 17 |
border: 1px solid rgba(0, 0, 0, 0.15); |
| 18 |
border-radius: 4px; |
| 19 |
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); |
| 20 |
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); |
| 21 |
background-clip: padding-box; |
| 22 |
} |
| 23 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker:before, |
| 24 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker:after { |
| 25 |
content: ''; |
| 26 |
border-top: 0; |
| 27 |
display: inline-block; |
| 28 |
position: absolute; |
| 29 |
} |
| 30 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .icon-up { |
| 31 |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MjMyRjZENzU1NjIxMUU3OTkwMjhDMDYyNDEwRUNBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MjMyRjZEODU1NjIxMUU3OTkwMjhDMDYyNDEwRUNBQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyMzJGNkQ1NTU2MjExRTc5OTAyOEMwNjI0MTBFQ0FBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyMzJGNkQ2NTU2MjExRTc5OTAyOEMwNjI0MTBFQ0FBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GdMqPQAAAZdJREFUeNrUmMlKxEAQhlsE8eQSFyTxWTx5Vhx1xn3XkydvvoMgCOJV8CUUd8UFL+rFN/AV3B39GybQBDNWdTpJpeCDQKqT+ajqJaNUulEG52Af9KuCxiKogp8a76BSNIkVQ8DkE4wXXcKUmZAusRxppzg+JFdmiSAQlRkruoTZZhVJElVLkbAyucssJJQQsTTPO5IwK1POY7P7Jv7AQ3AnUYbTTlqiGXSDB0abjUqSOAItxlhfigxnThxHJGxkdJuNuJaYY8yJkxiJMALwyKiMM5lZpkQr4ZkBozJvYDhLiVPQxni2z5Qp2UrMgC/ii86YEraVGeK+YDoDCRuZV47MFKOd9Gdsu4N56DNlBikS1EpcAM/hyhi4kuFIXDqqRDR6k8pMMiU8lV74jH3mBQyEA0uCJGzaTMv06UFPxAFXoCPDEzZHRh9O1TNRwlPZB/U4c6+TN/9JugadOX6FUmTWdGIT2ItJuAVdAv4XqCezDRrDRH2xG0m4ESJRb2ne+iuxAazXJs5GSvtE0ugBO+AArJo3fgUYAKf2/v/Eyp9gAAAAAElFTkSuQmCC); |
| 32 |
} |
| 33 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .icon-down { |
| 34 |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MzU2NEE0ODU1NjIxMUU3ODcxRUQxRjVDQkRBMzYxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MzU2NEE0OTU1NjIxMUU3ODcxRUQxRjVDQkRBMzYxNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzNTY0QTQ2NTU2MjExRTc4NzFFRDFGNUNCREEzNjE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzNTY0QTQ3NTU2MjExRTc4NzFFRDFGNUNCREEzNjE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NuD5CwAAAaNJREFUeNrUmMlKxEAQhlsE8aSOG5LxWTx5Vhx1dNz3kydvvoMgCOJV8CUUd8UFL44X38BXcBl1xr9gGjSYpCtJd2oKPphDpdPfVHV3EqX+xjo4AnugT8mLHNgCx2ATNP2XtANqvyiDfkESPeDON8d90KwT6MeuL0HzBPJCJO4D5ngAWihpIyBBikw3uI2Y4zYlPkYkZSnTCW4M5vei6gunZkDZsUyXoQTxTBcMgFdhMlSJa8M5fYGCvnCIIUNt5gmSmPYPMAzeGJWxsTXnmBIzQQNxZfIpV+IqDYm4Ml5Klbg0vOe3iYSOEYeV6QAXjErMcm9AMu+WZbgSc3H/rQJTxmNKnDPaaT5p/45aqEw7OHMpoWMMfDDOmTCZNqbEQtp7PMlUErYZSZwajlEFi7ZO3XFGZfwyJHHCkFiy/RzElekFrYyHUycSOoqMNntgSNCaWHb9rsCRyXxNRMUEo83EtFOYTCWhxIqULxwk8xlTRIyEjskYlREnoaNkKEPttKqEx5RBm62pBolSiEzDSARtzdUsDru0YhAc1l9jizZv9CPAACzc/v9R+XQaAAAAAElFTkSuQmCC); |
| 35 |
} |
| 36 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .icon-up, |
| 37 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .icon-down { |
| 38 |
display: inline-block; |
| 39 |
width: 55px; |
| 40 |
height: 38px; |
| 41 |
background-position: center center; |
| 42 |
background-repeat: no-repeat; |
| 43 |
background-size: 45%; |
| 44 |
opacity: .4; |
| 45 |
cursor: pointer; |
| 46 |
} |
| 47 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .icon-up:hover, |
| 48 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .icon-down:hover { |
| 49 |
opacity: .7; |
| 50 |
} |
| 51 |
|
| 52 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .icon-down:focus { |
| 53 |
background-color: unset ; |
| 54 |
background-position: center center ; |
| 55 |
background-repeat: no-repeat ; |
| 56 |
background-size: 45% ; |
| 57 |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MzU2NEE0ODU1NjIxMUU3ODcxRUQxRjVDQkRBMzYxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MzU2NEE0OTU1NjIxMUU3ODcxRUQxRjVDQkRBMzYxNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzNTY0QTQ2NTU2MjExRTc4NzFFRDFGNUNCREEzNjE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzNTY0QTQ3NTU2MjExRTc4NzFFRDFGNUNCREEzNjE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NuD5CwAAAaNJREFUeNrUmMlKxEAQhlsE8aSOG5LxWTx5Vhx1dNz3kydvvoMgCOJV8CUUd8UFL44X38BXcBl1xr9gGjSYpCtJd2oKPphDpdPfVHV3EqX+xjo4AnugT8mLHNgCx2ATNP2XtANqvyiDfkESPeDON8d90KwT6MeuL0HzBPJCJO4D5ngAWihpIyBBikw3uI2Y4zYlPkYkZSnTCW4M5vei6gunZkDZsUyXoQTxTBcMgFdhMlSJa8M5fYGCvnCIIUNt5gmSmPYPMAzeGJWxsTXnmBIzQQNxZfIpV+IqDYm4Ml5Klbg0vOe3iYSOEYeV6QAXjErMcm9AMu+WZbgSc3H/rQJTxmNKnDPaaT5p/45aqEw7OHMpoWMMfDDOmTCZNqbEQtp7PMlUErYZSZwajlEFi7ZO3XFGZfwyJHHCkFiy/RzElekFrYyHUycSOoqMNntgSNCaWHb9rsCRyXxNRMUEo83EtFOYTCWhxIqULxwk8xlTRIyEjskYlREnoaNkKEPttKqEx5RBm62pBolSiEzDSARtzdUsDru0YhAc1l9jizZv9CPAACzc/v9R+XQaAAAAAElFTkSuQmCC) ; |
| 58 |
} |
| 59 |
|
| 60 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .icon-up:focus { |
| 61 |
background-color: unset ; |
| 62 |
background-position: center center ; |
| 63 |
background-repeat: no-repeat ; |
| 64 |
background-size: 45% ; |
| 65 |
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MjMyRjZENzU1NjIxMUU3OTkwMjhDMDYyNDEwRUNBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MjMyRjZEODU1NjIxMUU3OTkwMjhDMDYyNDEwRUNBQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyMzJGNkQ1NTU2MjExRTc5OTAyOEMwNjI0MTBFQ0FBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyMzJGNkQ2NTU2MjExRTc5OTAyOEMwNjI0MTBFQ0FBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GdMqPQAAAZdJREFUeNrUmMlKxEAQhlsE8eQSFyTxWTx5Vhx1xn3XkydvvoMgCOJV8CUUd8UFL+rFN/AV3B39GybQBDNWdTpJpeCDQKqT+ajqJaNUulEG52Af9KuCxiKogp8a76BSNIkVQ8DkE4wXXcKUmZAusRxppzg+JFdmiSAQlRkruoTZZhVJElVLkbAyucssJJQQsTTPO5IwK1POY7P7Jv7AQ3AnUYbTTlqiGXSDB0abjUqSOAItxlhfigxnThxHJGxkdJuNuJaYY8yJkxiJMALwyKiMM5lZpkQr4ZkBozJvYDhLiVPQxni2z5Qp2UrMgC/ii86YEraVGeK+YDoDCRuZV47MFKOd9Gdsu4N56DNlBikS1EpcAM/hyhi4kuFIXDqqRDR6k8pMMiU8lV74jH3mBQyEA0uCJGzaTMv06UFPxAFXoCPDEzZHRh9O1TNRwlPZB/U4c6+TN/9JugadOX6FUmTWdGIT2ItJuAVdAv4XqCezDRrDRH2xG0m4ESJRb2ne+iuxAazXJs5GSvtE0ugBO+AArJo3fgUYAKf2/v/Eyp9gAAAAAElFTkSuQmCC); |
| 66 |
} |
| 67 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker:before { |
| 68 |
top: -7px; |
| 69 |
left: 6px; |
| 70 |
border-left: 7px solid transparent; |
| 71 |
border-right: 7px solid transparent; |
| 72 |
border-bottom: 7px solid rgba(0, 0, 0, 0.15); |
| 73 |
border-bottom-color: rgba(0, 0, 0, 0.2); |
| 74 |
} |
| 75 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker:after { |
| 76 |
top: -6px; |
| 77 |
left: 7px; |
| 78 |
border-left: 6px solid transparent; |
| 79 |
border-right: 6px solid transparent; |
| 80 |
border-bottom: 6px solid #fff; |
| 81 |
} |
| 82 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .title { |
| 83 |
padding: 10px 0 5px 0; |
| 84 |
color: #888; |
| 85 |
width: 100%; |
| 86 |
cursor: default; |
| 87 |
font-size: 14px; |
| 88 |
text-align: center; |
| 89 |
} |
| 90 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .cell-2 { |
| 91 |
float: left; |
| 92 |
width: 20%; |
| 93 |
min-height: 14px; |
| 94 |
cursor: default; |
| 95 |
text-align: center; |
| 96 |
} |
| 97 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .cell-4 { |
| 98 |
width: 40%; |
| 99 |
float: left; |
| 100 |
text-align: center; |
| 101 |
} |
| 102 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .handle, |
| 103 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .text { |
| 104 |
position: relative; |
| 105 |
} |
| 106 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .chose-all { |
| 107 |
position: relative; |
| 108 |
margin: 0 10px 0 10px; |
| 109 |
} |
| 110 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .chose-all .text { |
| 111 |
font: bold 18px/22px arial, sans-serif; |
| 112 |
} |
| 113 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker a { |
| 114 |
color: #aaa; |
| 115 |
text-decoration: none; |
| 116 |
} |
| 117 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .text { |
| 118 |
color: #666; |
| 119 |
} |
| 120 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .text a { |
| 121 |
color: #444; |
| 122 |
} |
| 123 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .text a:active, |
| 124 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .text a:focus, |
| 125 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker .text a:hover { |
| 126 |
color: #222; |
| 127 |
} |
| 128 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker ul { |
| 129 |
list-style: none; |
| 130 |
padding: 0; |
| 131 |
margin: 0 5px; |
| 132 |
} |
| 133 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker li.cell-2 { |
| 134 |
padding: 3px 0; |
| 135 |
cursor: pointer; |
| 136 |
} |
| 137 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker li.cell-2:hover { |
| 138 |
background: #ccc; |
| 139 |
color: #555; |
| 140 |
} |
| 141 |
|
| 142 |
.ays-survey-container .ays-survey-sections .ays-survey-question .timepicker span.clear-timepicker { |
| 143 |
float: right; |
| 144 |
padding: 0 20px; |
| 145 |
font-weight: 700; |
| 146 |
cursor: pointer; |
| 147 |
} |
| 148 |
|
