5 @ticker-height: 100 * @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 -webkit-animation: ui-ticker-show 0.8s 1 ease;
53 -webkit-animation: ui-ticker-hide 0.8s 1 ease;
59 height: 54 * @unit_base;
60 margin-top: 23 * @unit_base;
61 margin-left: 16 * @unit_base;
62 margin-right: 16 * @unit_base;
63 vertical-align: middle;
74 height: 64 * @unit_base;
75 width: 64 * @unit_base;
76 margin-top: 18 * @unit_base;
77 margin-bottom: 18 * @unit_base;
78 margin-left: 16 * @unit_base;
79 margin-right: 16 * @unit_base;
80 vertical-align: middle;
82 /* FIXME: please fix this image file */
83 background: url(images/00_button_call.png) no-repeat;
84 .LESSbackground-size(64 * @unit_base, 64 * @unit_base);
90 height: 28 * @unit_base;
91 left: 96 * @unit_base;
92 margin-top: 20 * @unit_base;
94 color: @color_ticker_text1;
100 height: 32 * @unit_base;
101 left: 96 * @unit_base;
102 margin-top: 48 * @unit_base;
103 color: @color_ticker_text2;
108 @smallpopup-height: 48 * @unit_base;
110 @-webkit-keyframes ui-smallpopup-show {
113 -webkit-transform: scaleY(0);
116 -webkit-transform: scaleY(1);
120 @-webkit-keyframes ui-smallpopup-hide {
123 height: @smallpopup-height;
125 -webkit-transform: scaleY(1);
130 -webkit-transform: scaleY(0);
140 height: @smallpopup-height;
141 z-index: @z_base_smallpopup;
142 background: @color_smallpopup_bg;
143 vertical-align: middle;
150 .ui-smallpopup.show {
153 -webkit-animation: ui-smallpopup-show 0.5s 1 ease;
156 .ui-smallpopup.hide {
160 -webkit-animation: ui-smallpopup-hide 0.5s 1 ease;
163 .ui-smallpopup-text-bg {
165 margin-top: 6 * @unit_base;
166 margin-left: 16 * @unit_base;
167 color: @color_smallpopup_text;