5 @ticker-height: 50 * @unit_base;
7 @-webkit-keyframes ui-ticker-show {
10 -webkit-transform: translateY(-@ticker-height);
14 -webkit-transform: translateY(0);
19 @-webkit-keyframes ui-ticker-hide {
22 -webkit-transform: translateY(0);
26 -webkit-transform: translateY(-@ticker-height);
36 height: @ticker-height;
37 z-index: @z_base_tickernoti;
38 background: @color_ticker_bg;
47 -ms-animation: ui-ticker-show 0.8s 1 ease;
48 -o-animation: ui-ticker-show 0.8s 1 ease;
49 -moz-animation: ui-ticker-show 0.8s 1 ease;
50 -webkit-animation: ui-ticker-show 0.8s 1 ease;
56 -ms-animation: ui-ticker-hide 0.8s 1 ease;
57 -o-animation: ui-ticker-hide 0.8s 1 ease;
58 -ms-animation: ui-ticker-hide 0.8s 1 ease;
59 -webkit-animation: ui-ticker-hide 0.8s 1 ease;
65 margin-top: 10 * @unit_base;
66 margin-left: 8 * @unit_base;
67 margin-right: 8 * @unit_base;
68 vertical-align: middle;
72 padding: 0.2rem 0 0 0;
73 height: 28 * @unit_base;
74 width: 77 * @unit_base;
76 background: @color_ticker_btn;
83 height: 32 * @unit_base;
84 width: 32 * @unit_base;
85 margin-top: 9 * @unit_base;
86 margin-bottom: 9 * @unit_base;
87 margin-left: 8 * @unit_base;
88 margin-right: 8 * @unit_base;
89 vertical-align: middle;
95 height: 18 * @unit_base;
96 left: 48 * @unit_base;
97 margin-top: 8 * @unit_base;
99 color: @color_ticker_text1;
102 .ui-ticker-text2-bg {
105 height: 16 * @unit_base;
106 left: 48 * @unit_base;
107 margin-top: 26 * @unit_base;
109 color: @color_ticker_text2;
114 @-webkit-keyframes ui-smallpopup-show {
117 -webkit-transform: scaleY(0);
120 -webkit-transform: scaleY(1);
124 @-webkit-keyframes ui-smallpopup-hide {
128 -webkit-transform: scaleY(1);
132 -webkit-transform: scaleY(0);
141 z-index: @z_base_smallpopup;
142 background: @color_smallpopup_bg;
143 vertical-align: middle;
145 word-break: break-all;
152 .ui-smallpopup.show {
154 -moz-animation: ui-smallpopup-show 0.5s 1 ease;
155 -ms-animation: ui-smallpopup-show 0.5s 1 ease;
156 -o-animation: ui-smallpopup-show 0.5s 1 ease;
157 -webkit-animation: ui-smallpopup-show 0.5s 1 ease;
160 .ui-smallpopup.hide {
163 -moz-animation: ui-smallpopup-hide 0.5s 1 ease;
164 -ms-animation: ui-smallpopup-hide 0.5s 1 ease;
165 -o-animation: ui-smallpopup-hide 0.5s 1 ease;
166 -webkit-animation: ui-smallpopup-hide 0.5s 1 ease;
169 .ui-smallpopup-text-bg {
171 margin-top: 4 * @unit_base;
172 margin-bottom: 4 * @unit_base;
173 margin-left: 8 * @unit_base;
174 margin-right: 8 * @unit_base;
175 color: @color_smallpopup_text;