2 @color_bg: rgb(0, 0, 0);
3 @color_bg_sub: rgb(36, 36, 36); // 36 36 36 // TODO: used only in dialog group. Check more.
5 @color_border: rgb(42, 42, 42); // 42 42 42
6 @color_header: rgb(68, 68, 74); // 68 68 74
8 @color_scrollbar: rgb(63, 63, 63);
10 @color_text: rgb(249, 249, 249);
11 @color_text_dim: rgb(108, 115, 118); // 108 115 118
12 @color_text_focus: @color_text;
13 @color_text_sub: rgb(102, 102, 102); // 102 102 102
14 @color_text_setting: rgb(42, 109, 140); // 42 109 140
15 @color_text_input: rgb(70, 70, 70); // 70 70 70
16 @color_text_cursor: @color_text_setting;
17 @color_text_segctrl: rgb(158, 195, 213); // 158 195 213 // TODO: used only in segctrl. Check more.
20 @color_dialogue_main_text: rgba(249, 249, 249, 1);
21 @color_dialogue_sub_text: rgb(146,146,146);
22 @color_list_dialogue_bg : rgba(0, 0, 0, 1);
23 @color_dialogue_border_right: rgba(68, 68, 68, 1);
25 //Dialogue Editor color set
26 @color_dialogue_editor_default_text: rgb(70, 70, 70);
27 @color_dialogue_editor_bg: rgb(0, 0, 0);
28 @color_dialogue_editor_border: rgb(37, 52, 78);
29 /*************************
30 Vars/Mixins for Widgets
33 * Color variables' name: @color_<widget name>_<identifier>
34 * Color values: Use rgb() or rgba()
35 *************************/
38 /***************************************************************************
40 ***************************************************************************/
41 @color_list_main_text_focus: rgba(249, 249, 249, 1);
42 @color_list_main_text_unfocus: rgba(249, 249, 249, 1);
44 @color_list_border_bottom: rgb(68, 68, 68);
45 @color_list_main_text_read: rgba(158, 158, 158, 1);
46 @color_list_main_text_unread: rgba(249, 249, 249, 1);
47 @color_list_sub_text_default: rgba(100, 100, 100, 1);
48 @color_list_sub_text_settings: rgba(0, 140, 210, 1);
49 @color_list_sub_text_focus: rgba(249, 249, 249, 1);
50 @color_list_flexible_text_main: rgba(249, 249, 249, 1);
51 @color_list_flexible_text_sub: rgba(149, 149, 149, 1);
52 @color_list_index_list: rgba(164, 164, 164, 1);
53 @color_list_editfield_text: rgba(70, 70, 70, 1);
54 @color_list_editfield_text_cursor: rgba(0, 140, 210, 1);
55 @color_list_multiline_text: rgba(149, 149, 149, 1);
56 @color_list_3line_main_text: rgba(249, 249, 249, 1);
57 @color_list_3line_main_text_read: rgba(249, 249, 249, 1);
58 @color_list_3line_main_text_focus: rgba(249, 249, 249, 1);
59 @color_list_3line_main_text2: rgba(104, 137, 152, 1);
60 @color_list_3line_main_text2_focus: rgba(249, 249, 249, 1);
61 @color_list_converter_style: rgba(249, 249, 249, 1);
62 @color_list_converter_style_focus: rgba(249, 249, 249, 1);
63 @color_list_unread_email: rgba(249, 249, 249, 1);
64 @color_list_contents_text: rgba(210, 210, 210, 1);
65 @color_list_name_text: rgba(129, 129, 129, 1);
66 @color_list_name_text_dim: rgba(0, 140, 210, 1);
67 @color_list_colorbar: rgba(80, 107, 207, 1); //Temp, not defined
68 @color_list_bubble_box_shadow: rgb(78, 78, 78); // Not defined in GUI guide.
69 @color_list_bubble_left_text: rgb(0, 0, 0);
70 @color_list_bubble_left_bg: rgb(217, 230, 237); // Not defined in GUI guide. Picked from image.
71 @color_list_bubble_right_text: rgb(96, 96, 96);
72 @color_list_bubble_right_bg: rgb(217, 217, 217); // Not defined in GUI guide. Picked from image.
73 @color_list_bubble_sos_text: rgb(211, 0, 0);
74 @color_list_bubble_date_text: rgb(128, 128, 128);
75 @color_list_bubble_date_bg: rgba(225, 225, 225, 0);
76 @color_list_bubble_time_text: rgb(57, 166, 215);
77 @color_list_bubble_link_text: rgb(34, 129, 157);
78 @color_list_bubble_failed_text: rgb(211, 0, 0);
79 @color_list_bubble_name_text: rgb(57, 166, 215);
80 @color_list_bubble_help_text: rgb(146, 146, 146);
82 @color_list_divider_bg : rgb(73,73,73);
83 @color_list_divider_bg_start : rgb(73,73,73);
84 @color_list_divider_bg_end : rgb(22,22,22);
86 @color_list_divider_text : rgb(142, 174, 193); /* #005ea0 */
87 @color_list_divider_expand_div : rgba(0, 0, 0, 0.5);
88 @color_list_expandable_expanded_bg: rgb(26, 26, 26);
89 @color_list_press : rgba(60, 100, 155, 1);
91 @font_size_list_main_text: 44 * @unit_base; //1.375rem; /* 44 px */
92 @font_size_list_sub_text: 32 * @unit_base; //1.0rem; /* 32 px */
93 @font_size_list_flexible_text_main: 48 * @unit_base; //1.5rem; /* 48 px */
94 @font_size_list_flexible_text_sub: 36 * @unit_base; //1.125rem; /* 36 px */
95 @font_size_list_index_list: 32 * @unit_base; //1.0rem; /* 32 px */
96 @font_size_list_editfield_text: 44 * @unit_base; //1.375rem; /* 44 px */
97 @font_size_list_multiline_text: 32 * @unit_base; //1.0rem; /* 32 px */
98 @font_size_list_3line_main_text: 42 * @unit_base; //1.3125rem; /* 42 px */
99 @font_size_list_3line_main_text2: 36 * @unit_base; //1.125rem; /* 36 px */
100 @font_size_list_converter_style: 40 * @unit_base; //1.3rem; /* 40 px */
101 @font_size_list_unread_email: 44 * @unit_base; //1.375rem; /* 44 px */
102 @font_size_list_contents_text: 30 * @unit_base; //0.94rem; /* 30 px */
103 @font_size_list_name_text: 32 * @unit_base; //1.0rem; /* 32 px */
105 @style_list_li_dialogue_margin_left: 16 * @unit_base;
106 @style_list_li_dialogue_border_left_width: 10 * @unit_base;
107 @style_list_bubble_date_height: 40 * @unit_base;
108 @style_list_bubble_date_text_align: center;
110 .LESSlistDivider_Background{
111 .LESSbackground-with-gradient(top, @color_list_divider_bg_start, @color_list_divider_bg_end);
114 /***************************************************************************
116 ***************************************************************************/
117 @color_shortcutscroll_rollover_bg: none;
118 @color_shortcutscroll_rollover_text: rgba(160, 172, 179, 1);
119 @color_shortcutscroll_popup_bg: rgba(229, 229, 229, 1); // 00_fast_scroll_popup_bg.png
120 @color_shortcutscroll_popup_shadow: rgba(199, 199, 199, 0.5);
121 @color_shortcutscroll_popup_text: rgb(42, 137, 194);
124 /***************************************************************************
126 ***************************************************************************/
127 @color_popup_center_progressbar_title: rgba(153, 153, 153, 1);
128 @color_popup_text_progress_title: rgba(249, 249, 249, 1);
129 /* TODO : ninepatch popup title */
130 @color_popup_title_bg: rgba(39, 58, 90, 255); /* popup_title_bg.png */
131 @color_popup_text_bg: rgba(38, 38, 38, 255); /* popup_bg.png */
132 @color_popup_button_bg: rgba(56, 56, 56, 255); /* popup_button_bg.png */
133 @color_popup_font: white;
134 @color_popup_text_font: white;
136 @color_popup_buttonbg: rgb(79, 79, 79);
137 @color_popup_buttonbg_webkit: rgb(79, 79, 79);
138 @color_popup_buttonbg_moz: rgb(79, 79, 79);
139 @color_popup_buttontext: rgb(249, 249, 249);
140 @color_popup_buttonbg_over: rgb(79, 79, 79); /* transparents */
141 @color_popup_buttonbg_press: rgb(42, 137, 194);
142 @color_popup_buttonbg_press_webkit: rgb(42, 137, 194);
143 @color_popup_buttonbg_press_moz: rgb(42, 137, 194);
145 @color_popup_scroller_bg: rgb(0, 0, 0);
147 @font_size_popup_info_style: 42 * @unit_base; //1.3125rem; /* 42px */
148 @font_size_popup_basic_style_title: 38 * @unit_base; //1.1875rem; /* 38px */
149 @font_size_popup_center_progressbar_title: 26 * @unit_base; //0.8125rem; /* 26px */
150 @font_size_popup_text_progress_title: 42 * @unit_base; //1.3125rem; /* 42px */
151 @font_size_popup_button_text: 32 * @unit_base; //1.0rem; /* 32px */
153 .LESSpopup_button_style{
154 background: @color_popup_buttonbg;
155 color: @color_popup_buttontext;
158 .LESSpopup_button_hover_style{
159 background: @color_popup_buttonbg_over;
162 .LESSpopup_button_press_style{
163 background: @color_popup_buttonbg_press;
166 .LESSpopup_padding_style{
167 padding: 2 * @unit_base 2 * @unit_base;
170 /***************************************************************************
172 ***************************************************************************/
174 @color_button_normal: rgb(53, 53, 57);
175 @color_button_normal_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(53, 53, 57)), to(rgb(40, 41, 44)));
176 @color_button_normal_moz: -moz-linear-gradient(top, rgb(53, 53, 57), rgb(40, 41, 44));
178 @color_button_press: rgb(42, 137, 194);
180 @color_button_hover: rgb(161, 171, 177);
182 @color_button_text_normal: rgb(249, 249, 249);
183 @color_button_text_white: rgb(249, 249, 249);
184 @color_button_text_press: rgb(249, 249, 249);
186 @color_circlebutton_hover: rgb(239, 119, 126);
187 @color_circlebutton_hover_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(198, 78, 85)), to(rgb(166, 43, 45)));
188 @color_circlebutton_hover_moz: -moz-linear-gradient(top, rgb(198, 78, 85), rgb(166,43,45));
189 @color_circlebutton_press: rgb(42, 137, 194);
191 @color_button_EditText: rgb(249, 249, 249);
192 @color_button_EditTextPress: rgb(249, 249, 249);
193 @color_button_EditBG: rgb(0, 0, 0);
194 @color_button_EditBGPress: rgb(0, 140, 210);
196 @color_button_switch_BGon: rgb(42, 126, 172);
197 @color_button_switch_BGon_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(33, 116, 167)), to(rgb(75, 165, 219)));
198 @color_button_switch_BGon_moz: -moz-linear-gradient(top, rgb(33, 116, 167), rgb(75, 165, 219));
199 @color_button_switch_BGoff: rgb(151, 161, 167);
200 @color_button_switch_BGoff_text_color: rgb(203, 203, 203);
201 @color_button_switch_BGoff_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 114, 114)), to(rgb(141, 141, 141)));
202 @color_button_switch_BGoff_moz: -moz-linear-gradient(top, rgb(114, 114, 114), rgb(141, 141, 141));
203 @color_button_switch_BGreed: rgb(253, 253, 253);
204 @color_button_switch_BGreed_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(253, 253, 253)), to(rgb(231, 231, 231)));
205 @color_button_switch_BGreed_moz: -moz-linear-gradient(top, rgb(253, 253, 253), rgb(231, 231, 231));
207 @radius_button_switch: 4px;
208 @radius_button_switch_reed: 2px;
210 @color_button_edit: rgb(192, 82, 82);
211 @color_button_edit_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 82, 82)), to(rgb(162, 40, 40)));
212 @color_button_edit_moz: -moz_linear-gradient(top, rgb(192, 88, 88), rgb(162, 40, 40));
214 @color_button_edit_press: rgb(147, 24, 24);
215 @color_button_edit_press_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(147, 24,24)), to(rgb(110, 23, 23)));
216 @color_button_edit_press_moz: -moz-linear-gradient(top, rgb(147, 24, 24), rgb(110, 23, 23));
218 .LESSbutton_up_style{
219 background: @color_button_normal;
220 background: @color_button_normal_webkit;
221 background: @color_button_normal_moz;
222 color: @color_button_text_normal;
225 .LESSbutton_hover_style{
226 background: @color_button_hover;
227 color: @color_button_text_white;
230 .LESSbutton_down_style{
231 background: @color_button_press;
232 color: @color_button_text_white;
235 .LESSbutton_text1_style{
236 font-family: @font_family;
240 color: @color_button_text_normal;
241 &:hover {color: @color_button_text_press;}
244 .LESSbutton_box_style{
245 color: @color_button_text_white;
246 &:hover {color: @color_button_text_white;}
249 .LESScirclebutton_hover_style{
251 background: @color_circlebutton_hover;
252 background: @color_circlebutton_hover_webkit;
253 backgronnd: @color_circlebutton_hover_moz;
256 .LESScirclebutton_press_style{
258 background: @color_circlebutton_press;
261 .LESStoggleswitch_on_style{
262 background: @color_button_switch_BGon;
263 background: @color_button_switch_BGon_webkit;
264 background: @color_button_switch_BGon_moz;
265 border-radius: @radius_button_switch;
266 -webkit-border-radius: @radius_button_switch;
267 -moz-border-radius: @radius_button_switch;
270 .LESStoggleswitch_off_style{
271 color: @color_button_switch_BGoff_text_color;
272 background: @color_button_switch_BGoff;
273 background: @color_button_switch_BGoff_webkit;
274 background: @color_button_switch_BGoff_moz;
275 border-radius: @radius_button_switch;
276 -webkit-border-radius: @radius_button_switch;
277 -moz-border-radius: @radius_button_switch;
280 .LESStoggleswitch_reed_style{
281 background: @color_button_switch_BGreed;
282 background: @color_button_switch_BGreed_webkit;
283 background: @color_button_switch_BGreed_moz;
284 border-radius: @radius_button_switch_reed;
285 -webkit-border-radius: @radius_button_switch_reed;
286 -moz-border-radius: @radius_button_switch_reed;
289 .LESSbutton_edit_style{
290 background: @color_button_edit;
291 background: @color_button_edit_webkit;
292 background: @color_button_edit_moz;
294 color: rgb(249, 249, 249);
297 .LESSbutton_editpress_style{
298 background: @color_button_edit_press;
299 background: @color_button_edit_press_webkit;
300 background: @color_button_edit_press_moz;
303 .LESSbutton_edit_padding{
304 padding: 0.5em 0.8em;
307 /***************************************************************************
308 Date Time picker color set
309 ***************************************************************************/
310 @color_timepicker_selector_color: rgb(42,137,194);
312 /***************************************************************************
314 ***************************************************************************/
315 @color_ctxpopup_text: rgb(249, 249, 249);
316 @color_ctxpopup_background: rgb(52, 52, 52);
317 @color_ctxpopup_border_left: rgb(39, 39, 39);
318 @color_ctxpopup_border_right: rgb(82, 82, 82);
319 @color_ctxpopup_border_bottom: rgb(89, 89, 89);
320 @color_ctxpopup_timepicker_text: rgba( 249, 249, 249, 0.7 );
321 @color_ctxpopup_timepicker_text_focus: rgba( 249, 249, 249, 1 );
323 /***************************************************************************
325 ***************************************************************************/
326 @color_dayselector_Btn_Sat: rgba(0, 168, 231, 1); /* #00a8e7 */
327 @color_dayselector_Btn_Sun: rgba(240, 20, 2, 1); /* #f01402 */
328 @color_dayselector_Btn_Mon_to_Fri: rgba(249, 249, 249, 1); /* #f9f9f9 */
329 @color_dayselector_Btn_border: rgba(0, 0, 0, 0.1); /* #000000 */
331 @color_dayselector_Btn_normal_start: rgb(48,65,95) 0%;
332 @color_dayselector_Btn_normal_end: rgb(30,43,62) 100%;
334 @color_dayselector_Btn_press_start: rgb(71,98,141) 0%;
335 @color_dayselector_Btn_press_end: rgb(52,75,112) 100%;
337 .LESSDayselectorButtonNormal{
338 .LESSbackground-with-gradient(top, @color_dayselector_Btn_normal_start, @color_dayselector_Btn_normal_end);
341 .LESSDayaselectorButtonPress{
342 .LESSbackground-with-gradient(top, @color_dayselector_Btn_press_start, @color_dayselector_Btn_press_end);
345 /***************************************************************************
347 ***************************************************************************/
348 @color_optionheader_Background: rgba(55, 76, 111, 1);
349 @color_optionheader_bt: -webkit-linear-gradient(top, rgb(85,113,160) 0%,rgb(68,95,139) 100%);
350 @color_optionheader_bt_press: -webkit-linear-gradient(top, rgb(42,137,193) 0%,rgb(27,106,153) 100%);
351 @color_optionheader_tab_text: rgba(249, 249, 249, 1); /* #f9f9f9 */
354 /***************************************************************************
355 SearchBar(forms.textinput)
356 ***************************************************************************/
357 @color_searchbar_bg : rgba(47, 53, 64, 1);
358 @color_searchbar_default_text : rgba(68, 93, 111, 1);
359 @color_searchbar_input_field_bg : rgba(0, 0, 0, 1);
362 /***************************************************************************
364 ***************************************************************************/
365 @color_segmentcontrol_btn_normal_start : rgb(48,65,95);
366 @color_segmentcontrol_btn_normal_end : rgb(30,43,62);
368 @color_segmentcontrol_btn_press_start : rgb(71,98,141);
369 @color_segmentcontrol_btn_press_end : rgb(52,75,112);
371 @color_segmentcontrol_Seg_text : rgba(249, 249, 249, 1); /* #F9F9F9*/
372 @color_segmentcontrol_Seg_text_pressed : rgba(249, 249, 249, 1); /* #F9F9F9*/
374 .LESSSegmentControlBtnBackground
376 .LESSbackground-with-gradient(top,@color_segmentcontrol_btn_normal_start,@color_segmentcontrol_btn_normal_end);
379 .LESSSegmentControlBtnPressBackground
381 .LESSbackground-with-gradient(top,@color_segmentcontrol_btn_normal_start,@color_segmentcontrol_btn_normal_end);
383 /***************************************************************************
385 ***************************************************************************/
386 @color_controlgroup_btn_border : rgba(0, 0, 0, 0.1); /* #000000 */
389 /***************************************************************************
391 NavigationBar / ControlBar
392 ***************************************************************************/
393 @color_bar_bg : rgb(156,181,179);
394 @color_bar_bg_start : rgb(156, 181, 179);
395 @color_bar_bg_end : rgb(79, 116, 141);
397 @color_bar_back_btn_press : rgba(26, 82, 116, 0.3); /* #1A5274 */
398 @color_bar_btn_press : rgba(0, 0, 0, 0.1);
399 @color_bar_btn_bg : transparent;
400 @color_bar_back_btn_bg : transparent;
402 @color_bar_seg_btn_border : rgba(0, 0, 0, 0.1);
403 @color_bar_seg_text_press : rgba(249, 249, 249, 1);
404 @color_bar_seg_text_normal : rgba(249, 249, 249, 1);
405 @color_bar_seg_btn_press : -webkit-linear-gradient(top, rgb(94,120,160) 0%,rgb(61,88,131) 100%);
406 @color_bar_seg_btn_normal : -webkit-linear-gradient(top, rgb(56,80,120) 0%,rgb(39,58,88) 100%);
408 @color_bar_title_text : rgba(249, 249, 249, 1); /* #F9F9F9 */
409 @color_bar_title_bg : rgb(68,88,120);
410 @color_bar_title_bg_start : rgb(68,88,120);
411 @color_bar_title_bg_end : rgb(24,37,56);
413 @color_bar_title_btn_border : rgba(0, 0, 0, 0.2);
415 @color_bar_footer_bg : rgb(43,54,71);
416 @color_bar_footer_bg_start : rgb(43,54,71);
417 @color_bar_footer_bg_end : rgb(17,24,35);
418 @color_bar_footer_btn_bg : transparent;
420 @color_controlbar_btn_border : rgba(0, 0, 0, 0.1); /* #000000 */
421 @color_controlbar_tabbbar_bg : transparent;
422 @color_controlbar_toolbbar_bg : transparent;
423 @color_controlbar_bg : transparent;
424 @color_controlbar_btn_text : rgba(249, 249, 249, 1); /* #F9F9F9 */
425 @color_controlbar_btn_press : -webkit-linear-gradient(top, rgb(60,81,114) 0%,rgb(42,58,85) 100%);
427 @color_border_top : rgba(255, 255, 255, 0.5);
428 @color_border_bottom : rgba(0, 0, 0, 0.5);
430 .LESSHeaderFooterBackground
432 .LESSbackground-with-gradient(top, @color_bar_bg_start, @color_bar_bg_end);
435 .LESSColorBarTitleBackground
437 .LESSbackground-with-gradient(top, @color_bar_title_bg_start, @color_bar_title_bg_end);
440 /***************************************************************************
442 ***************************************************************************/
443 @color_ticker_bg: rgb(60, 84, 123);
444 @color_ticker_text1: rgb(249, 249, 249);
445 @color_ticker_text2: rgb(211, 216, 224);
446 @color_ticker_btn: rgb(59, 81, 116);
449 /***************************************************************************
451 ***************************************************************************/
452 @color_smallpopup_bg: rgb(76, 81, 88);
453 @color_smallpopup_text: rgb(249, 249, 249);
456 /***************************************************************************
458 ***************************************************************************/
459 @color_nocontents_text: rgb(102, 102, 102);
462 /***************************************************************************
464 ***************************************************************************/
465 @color_slider_handle_text: rgb(42, 137, 194);
466 @color_slider_popup_text: rgb(249, 249, 249);
469 /***************************************************************************
471 ***************************************************************************/
472 @color_progress_bar0: rgb(178, 178, 178);
473 @color_progress_bar1: rgb(42, 137, 194);
476 /***************************************************************************
478 ***************************************************************************/
479 @color_scrollview_handler_bg : rgba(150, 150, 150, 0.5);
481 /***************************************************************************
483 ***************************************************************************/
484 @color_multimediaview_bg : rgb(0, 0, 0);
485 @color_multimediaview_control_bg : rgba(0, 0, 0, 0.5);
486 @color_multimediaview_button_bg : rgb(36, 36, 36);
487 @color_multimediaview_timestamp_text : rgb(42, 137, 194);
488 @color_multimediaview_duration_text : rgb(128, 128, 128);
489 @color_multimediaview_bar_gray : rgb(178, 178, 178);
490 @color_multimediaview_bar_active : rgb(42, 137, 194);
491 @color_multimediaview_bar_handle : rgb(249, 249, 249);
493 /***************************************************************************
495 ***************************************************************************/
496 @color_widgets_title_bg: rgb(26, 26, 26);
497 @color_widgets_basic_border: rgb(32, 32, 32);
498 @color_widgets_left_border: rgb(45, 51, 74);
500 .LESScolortitle_background_style{
501 background-color: @color_widgets_title_bg;
503 border-color: @color_widgets_basic_border;
504 border-left: 6px solid;
505 border-left-color: @color_widgets_left_border;
508 .LESShsvpicker_background_style{
509 background-color: @color_widgets_title_bg;
511 border-color: @color_widgets_basic_border;
512 border-left: 6px solid;
513 border-left-color: @color_widgets_left_border;
516 .LESSpalette_background_style{
517 background-color: @color_widgets_title_bg;
519 border-top: 6px solid;
520 border-color: @color_widgets_left_border;
524 /***************************************************************************
526 ***************************************************************************/
527 @color_multibuttonentry_bg : rgb(0, 0, 0);
528 @color_multibuttonentry_block_text : rgb(255, 255, 255);
529 @color_multibuttonentry_block_bg : rgb(60, 100, 155);
530 @color_multibuttonentry_block_border : rgb(85, 131, 174);
531 @color_multibuttonentry_press_bg : rgb(41, 137, 194);
532 @color_multibuttonentry_press_border : rgb(93, 187, 244);
533 @color_multibuttonentry_input_text : rgb(255, 255, 255);
534 @color_multibuttonentry_link_bg : rgb(100, 100, 100);
535 @color_multibuttonentry_link : rgb(249, 249, 249);
537 /***************************************************************************
538 ***************************************************************************/
540 /***************************************************************************
542 ***************************************************************************/
543 @color_virtualgrid_bg : rgb(0, 0, 0);
545 /***************************************************************************
546 ****************************************************************************
547 Layout ( position, padding, margin etc...)
548 ****************************************************************************
549 ***************************************************************************/
550 @style-title-font-size : 52 * @unit_base;
552 @style-corner-radius : .3em;
553 @style-title-extended-2btn-width : 688 * @unit_base;
554 @style-title-extended-2btn-radio-width : 343 * @unit_base;
555 @style-title-extended-3btn-width : 688 * @unit_base;
556 @style-title-extended-3btn-radio-width : 229 * @unit_base;
557 @style-title-extended-4btn-width : 688 * @unit_base;
558 @style-title-extended-4btn-radio-width : 171 * @unit_base;
560 @style-back-btn-left : 44 * @unit_base;
561 @style-back-btn-arrow-top : 30 * @unit_base;
563 @style-title-min-height : 62 * @unit_base;
564 @style-title-extended-margin : -30 * @unit_base;
565 /***************************************************************************
567 ***************************************************************************/
569 .LESStitle-diff-style {
571 margin: 19*@unit_base 135*@unit_base 19*@unit_base 16*@unit_base;
574 .LESSextended-controlgroup-border {
575 border-style : solid;
577 border-bottom-width: 2px;
579 border-bottom-color: @color_border_bottom;
580 border-top-color: @color_border_top;
581 border-left-color: @color_bar_seg_btn_border;
582 border-right-color: @color_bar_seg_btn_border;
585 .LESSback-btn-background {
590 width : 144 * @unit_base;
591 height : 114 * @unit_base;
592 top : 0 * @unit_base;
593 right : 0 * @unit_base;
596 .LESSbtn-back-inner {
597 width : 144 * @unit_base;
598 height : 114 * @unit_base;
601 .LESSbtn-arrow-position {
602 left : 20 * @unit_base;
603 top : 30 * @unit_base;
606 .LESSdialogue-border-style {
607 border-right-style : solid;
608 border-right-color : @color_dialogue_border_right;
609 border-right-width : 1px;
612 .LESSdialogue-divider {
613 padding-top : 36 * @unit_base;
614 padding-bottom : 10 * @unit_base;
615 padding-left : 10 * @unit_base;
617 margin-left : 16 * @unit_base;
618 margin-right : 16 * @unit_base;
620 background : @color_list_dialogue_bg;
621 font-size : 32 * @unit_base;
623 color : @color_dialogue_main_text;