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.15rem 0 0 0;
74 height: 28 * @unit_base;
75 width: 77 * @unit_base;
78 color: @color_ticker_text1;
80 background: @color_ticker_btn;
83 border-color: @color_ticker_btn_border;
84 box-shadow: 0 0 1px 1px @color_ticker_btn_border;
87 .ui-btn-box-s.ui-btn-up-s {
88 background: @color_ticker_btn;
89 box-shadow: 0 0 1px 1px @color_ticker_btn_border;
90 border-color: @color_ticker_btn_border;
93 .ui-btn-box-s.ui-btn-hover-s {
94 background: @color_ticker_btn;
95 box-shadow: 0 0 1px 1px @color_ticker_btn_border;
96 border-color: @color_ticker_btn_border;
103 height: 32 * @unit_base;
104 width: 32 * @unit_base;
105 margin-top: 9 * @unit_base;
106 margin-bottom: 9 * @unit_base;
107 margin-left: 8 * @unit_base;
108 margin-right: 8 * @unit_base;
109 vertical-align: middle;
112 .ui-ticker-text1-bg {
115 height: 18 * @unit_base;
116 left: 48 * @unit_base;
117 margin-top: 8 * @unit_base;
119 color: @color_ticker_text1;
122 .ui-ticker-text2-bg {
125 height: 16 * @unit_base;
126 left: 48 * @unit_base;
127 margin-top: 26 * @unit_base;
129 color: @color_ticker_text2;
134 @-webkit-keyframes ui-smallpopup-show {
137 -webkit-transform: scaleY(0);
140 -webkit-transform: scaleY(1);
144 @-webkit-keyframes ui-smallpopup-hide {
148 -webkit-transform: scaleY(1);
152 -webkit-transform: scaleY(0);
161 z-index: @z_base_smallpopup;
162 background: @color_smallpopup_bg;
163 vertical-align: middle;
165 word-break: break-all;
172 .ui-smallpopup.show {
174 -moz-animation: ui-smallpopup-show 0.5s 1 ease;
175 -ms-animation: ui-smallpopup-show 0.5s 1 ease;
176 -o-animation: ui-smallpopup-show 0.5s 1 ease;
177 -webkit-animation: ui-smallpopup-show 0.5s 1 ease;
180 .ui-smallpopup.hide {
183 -moz-animation: ui-smallpopup-hide 0.5s 1 ease;
184 -ms-animation: ui-smallpopup-hide 0.5s 1 ease;
185 -o-animation: ui-smallpopup-hide 0.5s 1 ease;
186 -webkit-animation: ui-smallpopup-hide 0.5s 1 ease;
189 .ui-smallpopup-text-bg {
191 margin-top: 4 * @unit_base;
192 margin-bottom: 4 * @unit_base;
193 margin-left: 8 * @unit_base;
194 margin-right: 8 * @unit_base;
195 color: @color_smallpopup_text;