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;
48 -ms-animation: ui-ticker-show 0.8s 1 ease;
49 -o-animation: ui-ticker-show 0.8s 1 ease;
50 -moz-animation: ui-ticker-show 0.8s 1 ease;
51 -webkit-animation: ui-ticker-show 0.8s 1 ease;
57 -ms-animation: ui-ticker-hide 0.8s 1 ease;
58 -o-animation: ui-ticker-hide 0.8s 1 ease;
59 -ms-animation: ui-ticker-hide 0.8s 1 ease;
60 -webkit-animation: ui-ticker-hide 0.8s 1 ease;
66 margin-top: 10 * @unit_base;
67 margin-left: 8 * @unit_base;
68 margin-right: 8 * @unit_base;
69 vertical-align: middle;
73 padding: 0.15rem 0 0 0;
75 height: 28 * @unit_base;
76 width: 77 * @unit_base;
79 color: @color_ticker_text1;
81 background: @color_ticker_btn;
84 border-color: @color_ticker_btn_border;
85 box-shadow: 0 0 1px 1px @color_ticker_btn_border;
88 .ui-btn-box-s.ui-btn-up-s {
89 background: @color_ticker_btn;
90 box-shadow: 0 0 1px 1px @color_ticker_btn_border;
91 border-color: @color_ticker_btn_border;
94 .ui-btn-box-s.ui-btn-hover-s {
95 background: @color_ticker_btn;
96 box-shadow: 0 0 1px 1px @color_ticker_btn_border;
97 border-color: @color_ticker_btn_border;
104 height: 32 * @unit_base;
105 width: 32 * @unit_base;
106 margin-top: 9 * @unit_base;
107 margin-bottom: 9 * @unit_base;
108 margin-left: 8 * @unit_base;
109 margin-right: 8 * @unit_base;
110 vertical-align: middle;
113 .ui-ticker-text1-bg {
116 height: 18 * @unit_base;
117 left: 48 * @unit_base;
118 margin-top: 8 * @unit_base;
120 color: @color_ticker_text1;
123 .ui-ticker-text2-bg {
126 height: 16 * @unit_base;
127 left: 48 * @unit_base;
128 margin-top: 26 * @unit_base;
130 color: @color_ticker_text2;
135 @-webkit-keyframes ui-smallpopup-show {
138 -webkit-transform: scaleY(0);
141 -webkit-transform: scaleY(1);
145 @-webkit-keyframes ui-smallpopup-hide {
149 -webkit-transform: scaleY(1);
153 -webkit-transform: scaleY(0);
162 z-index: @z_base_smallpopup;
163 background: @color_smallpopup_bg;
164 vertical-align: middle;
166 word-break: break-all;
173 .ui-smallpopup.show {
175 -moz-animation: ui-smallpopup-show 0.5s 1 ease;
176 -ms-animation: ui-smallpopup-show 0.5s 1 ease;
177 -o-animation: ui-smallpopup-show 0.5s 1 ease;
178 -webkit-animation: ui-smallpopup-show 0.5s 1 ease;
181 .ui-smallpopup.hide {
184 -moz-animation: ui-smallpopup-hide 0.5s 1 ease;
185 -ms-animation: ui-smallpopup-hide 0.5s 1 ease;
186 -o-animation: ui-smallpopup-hide 0.5s 1 ease;
187 -webkit-animation: ui-smallpopup-hide 0.5s 1 ease;
190 .ui-smallpopup-text-bg {
192 margin-top: 4 * @unit_base;
193 margin-bottom: 4 * @unit_base;
194 margin-left: 8 * @unit_base;
195 margin-right: 8 * @unit_base;
196 color: @color_smallpopup_text;