3 @popup-text-padding-vert: 22 * @unit_base;
4 @popup-text-padding-hori: 16 * @unit_base;
15 z-index: @z_base_popup;
18 .ui-popup-scroller-bg {
25 z-index: (@z_base_popup + 1) !important;
26 background: @color_popup_text_bg;
28 outline-color: @color_list_bg;
30 .LESSbox-orient(vertical);
31 .LESSbox-align(center);
32 .LESSbox-pack(center);
35 padding : 3px 2px 2px 2px;
36 background: @color_popup_text_bg;
40 > .ui-popup-button-bg {
47 height: 40 * @unit_base;
49 color : @color_bar_title_text;
51 font-size: @font_size_popup_basic_style_title;
55 font-size: @font_size_popup_basic_style_title;
57 color : @color_bar_title_text;
60 padding-top : 10 * @unit_base;
61 padding-left : 16 * @unit_base;
66 margin-top: @popup-text-padding-vert;
67 margin-bottom: @popup-text-padding-vert;
68 color: @color_popup_text_font;
69 font-size: 20 * @unit_base;
70 background: @color_popup_text_bg;
73 .ui-li .ui-radio, .ui-li .ui-checkbox {
75 background : transparent;
81 font-size: @font_size_popup_button_text;
82 height : 37 * @unit_base;
83 padding-top: 10 * @unit_base;
84 padding-bottom: 10 * @unit_base;
86 vertical-align: middle;
89 display : inline-block;
91 height : 37 * @unit_base;
95 padding-top: 5 * @unit_base;
96 padding-bottom: 5 * @unit_base;
97 padding-left : 20 * @unit_base;
98 padding-right : 20 * @unit_base;
103 /***** Normal Samples *****/
114 .center_button_vertical {
115 .ui-popup-button-bg {
119 width: 200*@unit_base;
126 font-size: 20 * @unit_base;
127 background: @color_popup_text_bg;
129 padding-top: 0*@unit_base;
130 padding-bottom: 22*@unit_base;
131 vertical-align: middle;
136 background: @color_popup_text_bg;
137 border: 0*@unit_base;
140 border: 0*@unit_base;
146 .ui-popup-button-bg {
147 font-size: @font_size_popup_button_text;
148 background: @color_popup_button_bg;
150 padding-top: 11*@unit_base;
151 padding-bottom: 11*@unit_base;
152 vertical-align: middle;
155 width: 130*@unit_base;
156 height: 37*@unit_base;
157 margin-top: 0*@unit_base;
158 margin-bottom: 0*@unit_base;
159 margin-left: 5*@unit_base;
160 margin-right: 5*@unit_base;
162 display: inline-block;
166 .center_liststyle_1btn {
167 .ui-popup-scroller-bg {
170 background: @color_popup_scroller_bg;
171 height: 512*@unit_base;
173 .ui-popup-button-bg {
174 padding-top: 11*@unit_base;
175 padding-bottom: 11*@unit_base;
176 vertical-align: middle;
179 .center_liststyle_2btn {
180 .ui-popup-scroller-bg {
183 background: @color_popup_scroller_bg;
184 height: 512*@unit_base;
186 .ui-popup-button-bg {
187 padding-top: 11*@unit_base;
188 padding-bottom: 11*@unit_base;
189 vertical-align: middle;
192 width: 130*@unit_base;
193 height: 37*@unit_base;
194 margin-top: 0*@unit_base;
195 margin-bottom: 0*@unit_base;
196 margin-left: 5*@unit_base;
197 margin-right: 5*@unit_base;
199 display: inline-block;
202 padding-top: 5 * @unit_base;
203 padding-bottom: 5 * @unit_base;
204 padding-left : 20 * @unit_base;
205 padding-right : 20 * @unit_base;
212 .ui-popup-button-bg {
214 width: 130*@unit_base;
219 .center_liststyle_3btn {
220 .ui-popup-scroller-bg {
223 background: @color_popup_scroller_bg;
224 height: 512*@unit_base;
226 .ui-popup-button-bg {
227 padding-top: 11*@unit_base;
228 padding-bottom: 11*@unit_base;
229 vertical-align: middle;
232 width: 93*@unit_base;
233 height: 37*@unit_base;
234 margin-top: 0*@unit_base;
235 margin-bottom: 0*@unit_base;
236 margin-left: 5*@unit_base;
237 margin-right: 5*@unit_base;
239 display: inline-block;
244 .center_progressbar {
249 font-size: @font_size_popup_center_progressbar_title;
250 font-color: @color_popup_center_progressbar_title;
251 background: @color_popup_text_bg;
253 height: 70*@unit_base;
257 padding: 22*@unit_base 16*@unit_base 0*@unit_base 16*@unit_base;
261 .ui-popup-text-bottom-bg {
262 font-size: @font_size_popup_center_progressbar_title;
263 font-color: @color_popup_center_progressbar_title;
264 background: @color_popup_text_bg;
266 vertical-align: middle;
270 height: 48*@unit_base;
271 padding: 0*@unit_base 16*@unit_base 0*@unit_base 16*@unit_base;
274 display: inline-block;
278 height: 48*@unit_base;
279 padding: 0*@unit_base 16*@unit_base 0*@unit_base 16*@unit_base;
282 display: inline-block;
287 .ui-popup-button-bg {
288 font-size: @font_size_popup_button_text;
289 background: @color_popup_button_bg;
291 padding-top: 11*@unit_base;
292 padding-bottom: 11*@unit_base;
293 vertical-align: middle;
296 width: 201*@unit_base;
297 height: 37*@unit_base;
303 .ui-popup-progress-bg {
304 background: @color_popup_text_bg;
310 .centertext_progressbar {
315 font-size: @font_size_popup_center_progressbar_title;
316 font-color: @color_popup_center_progressbar_title;
317 background: @color_popup_text_bg;
319 padding-top: 22*@unit_base;
320 padding-bottom: 16*@unit_base;
326 .ui-popup-text-bottom-bg {
327 font-size: @font_size_popup_center_progressbar_title;
328 font-color: @color_popup_center_progressbar_title;
329 background: @color_popup_text_bg;
331 vertical-align: middle;
335 height: 40*@unit_base;
336 padding: 16*@unit_base 16*@unit_base 22*@unit_base 16*@unit_base;
339 display: inline-block;
343 height: 40*@unit_base;
344 padding: 16*@unit_base 16*@unit_base 22*@unit_base 16*@unit_base;
347 display: inline-block;
352 .ui-popup-button-bg {
353 font-size: @font_size_popup_button_text;
354 background: @color_popup_button_bg;
356 padding-top: 11*@unit_base;
357 padding-bottom: 11*@unit_base;
358 vertical-align: middle;
361 width: 402*@unit_base;
362 height: 37*@unit_base;
368 .ui-popup-progress-bg {
369 background: @color_popup_text_bg;