3 @-webkit-keyframes ui-datetime-in {
5 -webkit-transform: translateY(14 * @unit_base) scale(.9);
7 -webkit-transform: translateY(0) scale(1);
11 @-webkit-keyframes ui-datetime-out {
14 -webkit-transform: translateY(0) scale(.6);
17 -webkit-transform: translateY(-14 * @unit_base) scale(.6);
22 .ui-datefield-seperator {
23 display: inline-block;
24 min-width: 10 * @unit_base;
28 .date,.time,.ui-datefield-tab {
29 display: inline-block;
33 min-width: 20 * @unit_base;
36 .ui-btn-box-s .ui-btn-inner.ui-btn-hastxt {
40 .ui-datefield-selected {
41 display: inline-block;
42 color: @color_timepicker_selector_color;
44 .ui-datefield-selected.in {
45 -ms-animation: ui-datetime-in 0.3s 1 ease;
46 -o-animation: ui-datetime-in 0.3s 1 ease;
47 -moz-animation: ui-datetime-in 0.3s 1 ease;
48 -webkit-animation: ui-datetime-in 0.3s 1 ease;
50 .ui-datefield-selected.out {
51 -ms-animation: ui-datetime-out 0.3s 1 ease;
52 -o-animation: ui-datetime-out 0.3s 1 ease;
53 -moz-animation: ui-datetime-out 0.3s 1 ease;
54 -webkit-animation: ui-datetime-out 0.3s 1 ease;
60 height: 36 * @unit_base;
63 .ui-datetime-text-main {
65 font-size: @font_size_datetime_main_text;
67 text-overflow: ellipsis;
73 .ui-datetime-text-main .ui-datefield-period.ui-btn {
75 height: 28 * @unit_base;
77 position: relative ! important;
80 .ui-datetime-text-sub {
81 top: 15 * @unit_base ! important;
82 color: @color_list_divider_text ! important;
83 background: transparent ! important;
84 font-size: @font_size_datetime_sub_text ! important;
87 .ui-datetimepicker-selector {
92 vertical-align: middle;
96 font-size: 22 * @unit_base;
98 padding: 15 * @unit_base 4 * @unit_base 0 4 * @unit_base;
99 max-width: 120 * @unit_base;
100 min-width: 60 * @unit_base;
103 text-decoration: none;
104 color: @color_ctxpopup_timepicker_text;
108 color: @color_ctxpopup_timepicker_text;
114 color: @color_ctxpopup_timepicker_text_focus;
124 .ui-popupwindow-padding {
125 background: @color_timepicker_selector_color !important;
126 border-radius: 0 !important;
127 -ms-border-radius: 0 !important;
128 -o-border-radius: 0 !important;
129 -moz-border-radius: 0 !important;
130 -webkit-border-radius: 0 !important;
131 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6) !important;
132 border-width: 0 !important;
133 text-align: center !important;
136 height: 53 * @unit_base;