src/themes/tizen/tizen-white/style.less

   1 // Basic color set
   2 @color_bg:                              rgb(249, 249, 249);     // 249 249 249
   3 @color_bg_sub:                  rgb(36, 36, 36);        // 36 36 36     // TODO: used only in dialog group. Check more.
   4
   5 @color_border:                  rgb(42, 42, 42);        // 42 42 42
   6 @color_header:                  rgb(68, 68, 74);        // 68 68 74
   7
   8 @color_scrollbar:               rgb(218, 218, 218);
   9
  10 @color_text:                            rgb(0, 0, 0);   // 0 0 0
  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.
  18
  19 //Dialogue color set
  20 @color_dialogue_main_text:                              rgb(249,249,249);
  21 @color_dialogue_sub_text:                               rgb(146,146,146);
  22
  23 //Dialogue Editor color set
  24 @color_dialogue_editor_default_text:    rgb(70, 70, 70);
  25 @color_dialogue_editor_bg:                              rgb(0, 0, 0);
  26 @color_dialogue_editor_border:                  rgb(108, 168, 199);
  27
  28 /*************************
  29   Vars/Mixins for Widgets
  30
  31   NOTE:
  32     * Color variables' name: @color_<widget name>_<identifier>
  33         * Color values: Use rgb() or rgba()
  34  *************************/
  35
  36
  37 /***************************************************************************
  38                    List
  39 ***************************************************************************/
  40 @color_list_border_bottom:              rgb(169, 169, 169);
  41 @color_list_main_text_read:             rgba(158, 158, 158, 1);
  42 @color_list_main_text_unread:   rgba(249, 249, 249, 1);
  43 @color_list_main_text_focus:            rgba(249, 249, 249, 1);
  44 @color_list_sub_text_default:           rgba(100, 100, 100, 1);
  45 @color_list_sub_text_settings:  rgba(0, 140, 210, 1);
  46 @color_list_sub_text_focus:             rgba(249, 249, 249, 1);
  47 @color_list_flexible_text_main: rgba(249, 249, 249, 1);
  48 @color_list_flexible_text_sub:          rgba(149, 149, 149, 1);
  49 @color_list_index_list:                 rgba(164, 164, 164, 1);
  50 @color_list_editfield_text:                     rgba(70, 70, 70, 1);
  51 @color_list_editfield_text_cursor:      rgba(0, 140, 210, 1);
  52 @color_list_multiline_text:             rgba(149, 149, 149, 1);
  53 @color_list_3line_main_text:            rgba(249, 249, 249, 1);
  54 @color_list_3line_main_text_read:       rgba(249, 249, 249, 1);
  55 @color_list_3line_main_text_focus:      rgba(249, 249, 249, 1);
  56 @color_list_3line_main_text2:           rgba(104, 137, 152, 1);
  57 @color_list_3line_main_text2_focus:     rgba(249, 249, 249, 1);
  58 @color_list_converter_style:            rgba(249, 249, 249, 1);
  59 @color_list_converter_style_focus:      rgba(249, 249, 249, 1);
  60 @color_list_unread_email:               rgba(249, 249, 249, 1);
  61 @color_list_contents_text:              rgba(210, 210, 210, 1);
  62 @color_list_name_text:                  rgba(129, 129, 129, 1);
  63 @color_list_name_text_dim:              rgba(0, 140, 210, 1);
  64 @color_list_colorbar:                           rgba(80, 107, 207, 1); //Temp, not defined
  65 @color_list_bubble_box_shadow:  rgb(78, 78, 78);        // Not defined in GUI guide.
  66 @color_list_bubble_left_text:   rgb(0, 0, 0);
  67 @color_list_bubble_left_bg:             rgb(217, 230, 237);     // Not defined in GUI guide. Picked from image.
  68 @color_list_bubble_right_text:  rgb(96, 96, 96);
  69 @color_list_bubble_right_bg:    rgb(217, 217, 217); // Not defined in GUI guide. Picked from image.
  70 @color_list_bubble_sos_text:    rgb(211, 0, 0);
  71 @color_list_bubble_date_text:   rgb(128, 128, 128);
  72 @color_list_bubble_date_bg:             rgba(225, 225, 225, 0);
  73 @color_list_bubble_time_text:   rgb(57, 166, 215);
  74 @color_list_bubble_link_text:   rgb(34, 129, 157);
  75 @color_list_bubble_failed_text: rgb(211, 0, 0);
  76 @color_list_bubble_name_text:   rgb(57, 166, 215);
  77 @color_list_bubble_help_text:   rgb(146, 146, 146);
  78 @color_list_divider_bg :                rgb(209, 227, 238); /* #d1e3ee */
  79 @color_list_divider_text :              rgb(0, 94, 160); /* #005ea0 */
  80 @color_list_expandable_expanded_bg:     rgb(215, 225, 232);
  81
  82 @font_size_list_main_text:              44 * @unit_base; //1.375rem;    /* 44 px */
  83 @font_size_list_sub_text:               32 * @unit_base; //1.0rem;      /* 32 px */
  84 @font_size_list_flexible_text_main:     48 * @unit_base; //1.5rem;      /* 48 px */
  85 @font_size_list_flexible_text_sub:      36 * @unit_base; //1.125rem;    /* 36 px */
  86 @font_size_list_index_list:             32 * @unit_base; //1.0rem;      /* 32 px */
  87 @font_size_list_editfield_text:         44 * @unit_base; //1.375rem;    /* 44 px */
  88 @font_size_list_multiline_text:         32 * @unit_base; //1.0rem;      /* 32 px */
  89 @font_size_list_3line_main_text:        42 * @unit_base; //1.3125rem;   /* 42 px */
  90 @font_size_list_3line_main_text2:       36 * @unit_base; //1.125rem;    /* 36 px */
  91 @font_size_list_converter_style:        40 * @unit_base; //1.3rem;      /* 40 px */
  92 @font_size_list_unread_email:           44 * @unit_base; //1.375rem;    /* 44 px */
  93 @font_size_list_contents_text:          30 * @unit_base; //0.94rem;     /* 30 px */
  94 @font_size_list_name_text:              32 * @unit_base; //1.0rem;      /* 32 px */
  95
  96 @style_list_li_dialogue_margin_left: 16 * @unit_base;
  97 @style_list_li_dialogue_border_left_width: 10 * @unit_base;
  98 @style_list_bubble_date_height: 40 * @unit_base;
  99 @style_list_bubble_date_text_align:     center;
 100
 101 @color_list_dialogue_bg : rgba(236, 240, 242, 1);
 102 /***************************************************************************
 103                    Shortcut Scroll
 104 ***************************************************************************/
 105 @color_shortcutscroll_rollover_bg: none;
 106 @color_shortcutscroll_rollover_text: rgba(160, 172, 179, 1);
 107 @color_shortcutscroll_popup_bg: rgba(229, 229, 229, 1); // 00_fast_scroll_popup_bg.png
 108 @color_shortcutscroll_popup_shadow: rgba(199, 199, 199, 0.5);
 109 @color_shortcutscroll_popup_text: rgb(42, 137, 194);
 110
 111
 112 /***************************************************************************
 113                    Popup
 114 ***************************************************************************/
 115 @color_popup_info_style:                rgba(249, 249, 249, 1);
 116 @color_popup_basic_style_title:         rgba(249, 249, 249, 1);
 117 @color_popup_center_progressbar_title:  rgba(153, 153, 153, 1);
 118 @color_popup_text_progress_title:       rgba(249, 249, 249, 1);
 119 /* TODO : ninepatch popup title */
 120 @color_popup_title_bg:          rgba(80, 147, 182, 255);        /* popup_title_bg.png */
 121 @color_popup_text_bg:           rgba(236, 240, 242, 255);       /* popup_bg.png */
 122 @color_popup_button_bg:         rgba(209, 221, 228, 255);       /* popup_button_bg.png */
 123 @color_popup_font:                      white;
 124 @color_popup_text_font:         black;
 125
 126 @color_popup_buttonbg:          rgb(84, 126, 153);
 127 @color_popup_buttonbg_webkit:   -webkit-gradient(linear, left top, left bottom, from(rgb(84, 126, 153)), to(rgb(69, 105, 128)));
 128 @color_popup_buttonbg_moz:      -moz-linear-gradient(top, rgb(84, 126, 153), rgb(69, 105, 128));
 129 @color_popup_buttontext:        rgb(249, 249, 249);
 130 @color_popup_buttonbg_over:     rgb(94, 136, 163);
 131 @color_popup_buttonbg_press:    rgb(67, 160, 217);
 132 @color_popup_buttonbg_press_webkit:     -webkit-gradient(linear, left top, left bottom, from(rgb(67, 160, 217)), to(rgb(56, 139, 185)));
 133 @color_popup_buttonbg_press_moz:        -moz-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
 134
 135 @font_size_popup_info_style:                    42 * @unit_base; //1.3125rem;   /* 42px */
 136 @font_size_popup_basic_style_title:             38 * @unit_base; //1.1875rem;   /* 38px */
 137 @font_size_popup_center_progressbar_title:      26 * @unit_base; //0.8125rem;   /* 26px */
 138 @font_size_popup_text_progress_title:           42 * @unit_base; //1.3125rem;   /* 42px */
 139 @font_size_popup_button_text:                   32 * @unit_base; //1.0rem;      /* 32px */
 140
 141 .LESSpopup_button_style{
 142         background: @color_popup_buttonbg;
 143         background: @color_popup_buttonbg_webkit;
 144         background: @color_popup_buttonbg_moz;
 145         color: @color_popup_buttontext;
 146 }
 147
 148 .LESSpopup_button_hover_style{
 149         background: @color_popup_buttonbg_over;
 150 }
 151
 152 .LESSpopup_button_press_style{
 153         background: @color_popup_buttonbg_press;
 154         background: @color_popup_buttonbg_press_webkit;
 155         background: @color_popup_buttonbg_press_moz;
 156 }
 157
 158 /***************************************************************************
 159                     Button
 160 ***************************************************************************/
 161
 162 @color_button_normal:           rgb(151, 161, 167);
 163 @color_button_normal_webkit:    -webkit-gradient(linear, left top, left bottom, from(rgb(151, 161, 167)), to(rgb(122, 132, 141)));
 164 @color_button_normal_moz:       -moz-linear-gradient(top, rgb(151, 161, 167), rgb(122, 132, 141));
 165
 166 @color_button_press:            rgb(67, 160, 217);
 167 @color_button_press_webkit:     -webkit-gradient(linear, left top, left bottom, from(rgb(67, 160, 217)), to(rgb(56, 139, 185)));
 168 @color_button_press_moz:        -moz-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
 169
 170 @color_button_hover:            rgb(161, 171, 177);
 171
 172 @color_button_text_normal:      rgb(249, 249, 249);
 173 @color_button_text_black:       rgb(0, 0, 0);
 174 @color_button_text_white:       rgb(249, 249, 249);
 175 @color_button_text_press:       rgb(249, 249, 249);
 176
 177 @color_circlebutton_hover:              rgb(239, 119, 126);
 178 @color_circlebutton_hover_webkit:       -webkit-gradient(linear, left top, left bottom, from(rgb(198, 78, 85)), to(rgb(166, 43, 45)));
 179 @color_circlebutton_hover_moz:          -moz-linear-gradient(top, rgb(198, 78, 85), rgb(166,43,45));
 180 @color_circlebutton_press:              rgb(67, 160, 217);
 181 @color_circlebutton_press_webkit:       -webkit-gradient(linear, left top, left bottom, from(rgb(67, 160, 217)), to(rgb(56, 139, 185)));
 182 @color_circlebutton_press_moz:          -moz-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
 183
 184 @color_button_EditText:         rgb(249, 249, 249);
 185 @color_button_EditTextPress:    rgb(249, 249, 249);
 186 @color_button_EditBG:           rgb(0, 0, 0);
 187 @color_button_EditBGPress:      rgb(0, 140, 210);
 188
 189 @color_button_switch_BGon:              rgb(42, 126, 172);
 190 @color_button_switch_BGon_webkit:       -webkit-gradient(linear, left top, left bottom, from(rgb(33, 116, 167)), to(rgb(75, 165, 219)));
 191 @color_button_switch_BGon_moz:          -moz-linear-gradient(top, rgb(33, 116, 167), rgb(75, 165, 219));
 192 @color_button_switch_BGoff:             rgb(151, 161, 167);
 193 @color_button_switch_BGoff_text_color:  rgb(203, 203, 203);
 194 @color_button_switch_BGoff_webkit:      -webkit-gradient(linear, left top, left bottom, from(rgb(114, 114, 114)), to(rgb(141, 141, 141)));
 195 @color_button_switch_BGoff_moz:         -moz-linear-gradient(top, rgb(114, 114, 114), rgb(141, 141, 141));
 196 @color_button_switch_BGreed:            rgb(253, 253, 253);
 197 @color_button_switch_BGreed_webkit:     -webkit-gradient(linear, left top, left bottom, from(rgb(253, 253, 253)), to(rgb(231, 231, 231)));
 198 @color_button_switch_BGreed_moz:        -moz-linear-gradient(top, rgb(253, 253, 253), rgb(231, 231, 231));
 199
 200 @radius_button_switch: 4px;
 201 @radius_button_switch_reed: 2px;
 202
 203 @color_button_edit:                     rgb(201, 88, 88);
 204 @color_button_edit_webkit:              -webkit-gradient(linear, left top, left bottom, from(rgb(201, 88, 88)), to(rgb(161, 40, 40)));
 205 @color_button_edit_moz:                 -moz_linear-gradient(top, rgb(201, 88, 88), rgb(161, 40, 40));
 206
 207 @color_button_edit_press:               rgb(147, 24, 24);
 208 @color_button_edit_press_webkit:        -webkit-gradient(linear, left top, left bottom, from(rgb(147, 24,24)), to(rgb(110, 23, 23)));
 209 @color_button_edit_press_moz:           -moz-linear-gradient(top, rgb(147, 24, 24), rgb(110, 23, 23));
 210
 211 .LESSbutton_up_style{
 212         background: @color_button_normal;
 213         background: @color_button_normal_webkit;
 214         background: @color_button_normal_moz;
 215 }
 216
 217 .LESSbutton_hover_style{
 218         background: @color_button_hover;
 219         color: @color_button_text_white;
 220 }
 221
 222 .LESSbutton_down_style{
 223         background: @color_button_press;
 224         background: @color_button_press_webkit;
 225         background: @color_button_press_moz;
 226         color: @color_button_text_white;
 227 }
 228
 229 .LESSbutton_text1_style{
 230         font-family: @font_family;
 231         font-weight: normal;
 232         font-size: 1.0rem;
 233         font-style:normal;
 234         color: @color_button_text_black;
 235         &:hover {color: @color_button_text_black;}
 236 }
 237
 238 .LESSbutton_box_style{
 239         color: @color_button_text_white;
 240         &:hover {color: @color_button_text_white;}
 241 }
 242
 243 .LESScirclebutton_hover_style{
 244         border-width: 0px;
 245         background: @color_circlebutton_hover;
 246         background: @color_circlebutton_hover_webkit;
 247         backgronnd: @color_circlebutton_hover_moz;
 248 }
 249
 250 .LESScirclebutton_press_style{
 251         border-width: 0px;
 252         background: @color_circlebutton_press;
 253         background: @color_circlebutton_press_webkit;
 254         background: @color_circlebutton_press_moz;
 255 }
 256
 257 .LESStoggleswitch_on_style{
 258         background: @color_button_switch_BGon;
 259         background: @color_button_switch_BGon_webkit;
 260         background: @color_button_switch_BGon_moz;
 261         border-radius: @radius_button_switch;
 262         -webkit-border-radius: @radius_button_switch;
 263         -moz-border-radius: @radius_button_switch;
 264 }
 265
 266 .LESStoggleswitch_off_style{
 267         color: @color_button_switch_BGoff_text_color;
 268         background: @color_button_switch_BGoff;
 269         background: @color_button_switch_BGoff_webkit;
 270         background: @color_button_switch_BGoff_moz;
 271         border-radius: @radius_button_switch;
 272         -webkit-border-radius: @radius_button_switch;
 273         -moz-border-radius: @radius_button_switch;
 274 }
 275
 276 .LESStoggleswitch_reed_style{
 277         background: @color_button_switch_BGreed;
 278         background: @color_button_switch_BGreed_webkit;
 279         background: @color_button_switch_BGreed_moz;
 280         border-radius: @radius_button_switch_reed;
 281         -webkit-border-radius: @radius_button_switch_reed;
 282         -moz-border-radius: @radius_button_switch_reed;
 283 }
 284
 285 .LESSbutton_edit_style{
 286         background: @color_button_edit;
 287         background: @color_button_edit_webkit;
 288         background: @color_button_edit_moz;
 289         font-weight:bold;
 290         color: rgb(249, 249, 249);
 291 }
 292
 293 .LESSbutton_editpress_style{
 294         background: @color_button_edit_press;
 295         background: @color_button_edit_press_webkit;
 296         background: @color_button_edit_press_moz;
 297 }
 298
 299 .LESSbutton_edit_padding{
 300         padding: 0.5em 0.8em;
 301 }
 302
 303 /***************************************************************************
 304                     Date Time picker color set
 305 ***************************************************************************/
 306 @color_timepicker_selector_color:       rgb(42,137,194);
 307
 308 /***************************************************************************
 309                   Contextual Popup
 310 ***************************************************************************/
 311 @color_ctxpopup_text:                   rgb(19, 58, 83);
 312 @color_ctxpopup_background:             rgb(219, 229, 239);
 313 @color_ctxpopup_border_left:    rgb(225, 235, 241);
 314 @color_ctxpopup_border_right:   rgb(174, 184, 190);
 315 @color_ctxpopup_border_bottom:  rgb(153, 176, 195);
 316 @color_ctxpopup_timepicker_text:        rgb( 105, 151, 173 );
 317 @color_ctxpopup_timepicker_text_focus:  rgb( 249, 249, 249 );
 318
 319 /***************************************************************************
 320                     DaySelector
 321 ***************************************************************************/
 322 @color_dayselector_Btn_Sat:             rgba(0, 168, 231, 1); /* #00a8e7 */
 323 @color_dayselector_Btn_Sun:             rgba(240, 20, 2, 1); /* #f01402 */
 324 @color_dayselector_Btn_Mon_to_Fri:      rgba(249, 249, 249, 1); /* #f9f9f9 */
 325 @color_dayselector_Btn_border:          rgba(26, 82, 116, 1); /* #f9f9f9 */
 326 @color_dayselector_Btn_normal:          -webkit-linear-gradient(top,  rgb(125,157,178) 0%,rgb(84,121,144) 100%);
 327 @color_dayselector_Btn_press:           -webkit-linear-gradient(top,  rgb(59,119,150) 0%,rgb(47,91,117) 100%);
 328
 329
 330 /***************************************************************************
 331                     OptionHeader
 332 ***************************************************************************/
 333 @color_optionheader_Background: rgba(26, 82, 116, 1);
 334 @color_optionheader_bt:         -webkit-linear-gradient(top,  rgb(56,112,141) 0%,rgb(36,93,128) 100%);
 335 @color_optionheader_bt_press:   -webkit-linear-gradient(top,  rgb(74,164,218) 0%,rgb(43,138,195) 100%);
 336 @color_optionheader_tab_text:   rgba(249, 249, 249, 1); /* #f9f9f9 */
 337
 338
 339 /***************************************************************************
 340                     SearchBar(forms.textinput)
 341 ***************************************************************************/
 342 @color_searchbar_bg : rgba(215, 225, 232, 1);   /* #242424 */
 343 @color_searchbar_default_text : rgba(121, 131, 138, 1);       /* #828282 */
 344 @color_searchbar_input_field_bg : rgba(249, 249, 249, 1); /* #F9F9F9*/
 345
 346
 347 /***************************************************************************
 348                     SegmentControl
 349 ***************************************************************************/
 350 @color_segmentcontrol_btn_normal : -webkit-linear-gradient(top,  rgb(125,157,178) 0%,rgb(84,121,144) 100%);
 351 @color_segmentcontrol_btn_press : -webkit-linear-gradient(top,  rgb(59,119,150) 0%,rgb(47,91,117) 100%);
 352 @color_segmentcontrol_Seg_text : rgba(249, 249, 249, 1); /* #F9F9F9*/
 353 @color_segmentcontrol_Seg_text_pressed : rgba(249, 249, 249, 1); /* #F9F9F9*/
 354
 355
 356 /***************************************************************************
 357                     ControlGroup
 358 ***************************************************************************/
 359 @color_controlgroup_btn_border : rgba(26, 82, 116, 1); /* #252525 */
 360
 361
 362 /***************************************************************************
 363                     Header / Footer
 364                     NavigationBar / ControlBar
 365 ***************************************************************************/
 366 @color_bar_bg : -webkit-linear-gradient(top,  rgb(156,181,179) 0%,rgb(79,116,141) 100%);
 367 @color_bar_back_btn_press : rgba(26, 82, 116, 0.3); /* #1A5274 */
 368 @color_bar_btn_press : -webkit-linear-gradient(top,  rgb(74,164,218) 0%,rgb(43,138,195) 100%);
 369 @color_bar_btn_bg : transparent;
 370 @color_bar_back_btn_bg : transparent;
 371
 372 @color_bar_seg_btn_border : rgba(0, 0, 0, 0.1);
 373 @color_bar_seg_text_press : rgba(249, 249, 249, 1);
 374 @color_bar_seg_text_normal : rgba(249, 249, 249, 1);
 375 @color_bar_seg_btn_press : -webkit-linear-gradient(top,  rgb(61,120,151) 0%,rgb(48,91,118) 100%);
 376 @color_bar_seg_btn_normal : -webkit-linear-gradient(top,  rgb(127,159,181) 0%,rgb(70,108,133) 100%);
 377
 378 @color_bar_title_text : rgba(249, 249, 249, 1); /* #F9F9F9 */
 379 @color_bar_title_bg : -webkit-linear-gradient(top,  rgb(90,153,186) 0%,rgb(32,84,115) 100%);
 380 @color_bar_title_btn_bg : -webkit-linear-gradient(top,  rgb(80,149,185) 10%,rgb(43,107,147) 90%);
 381 @color_bar_title_btn_border : rgba(0, 0, 0, 0.1);
 382
 383 @color_bar_footer_bg : -webkit-linear-gradient(top,  rgb(156,181,179) 0%,rgb(79,116,141) 100%);
 384 @color_bar_footer_btn_bg : transparent;
 385
 386 @color_controlbar_btn_border : rgba(0, 0, 0, 0.1); /* #000000 */
 387 @color_controlbar_tabbbar_bg : -webkit-linear-gradient(top,  rgb(156,181,179) 0%,rgb(79,116,141) 100%);
 388 @color_controlbar_toolbbar_bg : -webkit-linear-gradient(top,  rgb(156,181,179) 0%,rgb(79,116,141) 100%);
 389 @color_controlbar_bg : -webkit-linear-gradient(top,  rgb(156,181,179) 0%,rgb(79,116,141) 100%);
 390 @color_controlbar_btn_text : rgba(249, 249, 249, 1); /* #F9F9F9 */
 391 @color_controlbar_btn_press : -webkit-linear-gradient(top,  rgb(61,121,150) 0%,rgb(48,91,118) 100%);
 392
 393 @color_border_top : rgba(255, 255, 255, 0.5);
 394 @color_border_bottom : rgba(0, 0, 0, 0.5);
 395
 396 /***************************************************************************
 397                     Tickernoti
 398 ***************************************************************************/
 399 @color_ticker_bg:                       rgb(35, 90, 123);
 400 @color_ticker_text1:                    rgb(249, 249, 249);
 401 @color_ticker_text2:                    rgb(142, 170, 186);
 402
 403
 404 /***************************************************************************
 405                     Smallpopup
 406 ***************************************************************************/
 407 @color_smallpopup_bg:                   rgb(215, 225, 232);
 408 @color_smallpopup_text:                 rgb(77, 77, 77);
 409
 410
 411 /***************************************************************************
 412                     No Contents
 413 ***************************************************************************/
 414 @color_nocontents_text:                 rgb(154, 145, 154);
 415
 416
 417 /***************************************************************************
 418                     Slider
 419 ***************************************************************************/
 420 @color_slider_handle_text:              rgb(42, 137, 194);
 421 @color_slider_popup_text:               rgb(249, 249, 249);
 422
 423
 424 /***************************************************************************
 425                     Progress
 426 ***************************************************************************/
 427 @color_progress_bar0:                   rgb(178, 178, 178);
 428 @color_progress_bar1:                   rgb(42, 137, 194);
 429
 430
 431 /***************************************************************************
 432                    Handler
 433 ***************************************************************************/
 434 @color_scrollview_handler_bg : rgba(150, 150, 150, 0.5);
 435
 436 /***************************************************************************
 437                    multimediaview
 438 ***************************************************************************/
 439 @color_multimediaview_bg : rgb(249, 249, 249);
 440 @color_multimediaview_control_bg : rgba(249, 249, 249, 0.5);
 441 @color_multimediaview_button_bg : rgb(249, 249, 249);
 442 @color_multimediaview_timestamp_text : rgb(42, 137, 194);
 443 @color_multimediaview_duration_text : rgb(128, 128, 128);
 444 @color_multimediaview_bar_gray : rgb(178, 178, 178);
 445 @color_multimediaview_bar_active : rgb(42, 137, 194);
 446 @color_multimediaview_bar_handle : rgb(249, 249, 249);
 447
 448 /***************************************************************************
 449                    Color widgets
 450 ***************************************************************************/
 451 @color_widgets_title_bg: rgb(235, 239, 241);
 452 @color_widgets_basic_border: rgb(192, 192, 192);
 453 @color_widgets_left_border: rgb(108, 168, 199);
 454
 455 .LESScolortitle_background_style{
 456         background-color: @color_widgets_title_bg;
 457         border: 1px solid;
 458         border-color: @color_widgets_basic_border;
 459         border-left: 6px solid;
 460         border-left-color: @color_widgets_left_border;
 461 }
 462
 463 .LESShsvpicker_background_style{
 464         background-color: @color_widgets_title_bg;
 465         border: 1px solid;
 466         border-color: @color_widgets_basic_border;
 467         border-left: 6px solid;
 468         border-left-color: @color_widgets_left_border;
 469 }
 470
 471 .LESSpalette_background_style{
 472         background-color: @color_widgets_title_bg;
 473         border: 1px solid;
 474         border-top: 6px solid;
 475         border-color: @color_widgets_basic_border;
 476 }
 477
 478
 479 /***************************************************************************
 480                    multibutton entry
 481 ***************************************************************************/
 482 @color_multibuttonentry_bg : rgb(249, 249, 249);
 483 @color_multibuttonentry_block_text : rgb(255, 255, 255);
 484 @color_multibuttonentry_block_bg : rgb(60, 100, 155);
 485 @color_multibuttonentry_block_border : rgb(85, 131, 174);
 486 @color_multibuttonentry_press_bg : rgb(41, 137, 194);
 487 @color_multibuttonentry_press_border : rgb(93, 187, 244);
 488 @color_multibuttonentry_input_text : #222222;
 489 @color_multibuttonentry_link : rgb(100, 100, 100);
 490
 491
 492 /***************************************************************************
 493 ****************************************************************************
 494                                                                         Layout ( position, padding, margin etc...)
 495 ****************************************************************************
 496 ***************************************************************************/
 497 @style-title-font-size : 52 * @unit_base;
 498
 499 @style-corner-radius : .3em;
 500 @style-title-extended-2btn-width : 688 * @unit_base;
 501 @style-title-extended-2btn-radio-width : 343 * @unit_base;
 502 @style-title-extended-3btn-width : 688 * @unit_base;
 503 @style-title-extended-3btn-radio-width : 229 * @unit_base;
 504 @style-title-extended-4btn-width : 688 * @unit_base;
 505 @style-title-extended-4btn-radio-width : 171 * @unit_base;
 506
 507 @style-back-btn-left : 44 * @unit_base;
 508 @style-back-btn-arrow-top : 5 * @unit_base;
 509
 510 @style-title-min-height : 62 * @unit_base;
 511 @style-title-extended-margin : -30 * @unit_base;
 512 /***************************************************************************
 513                                                                         Navigation
 514 ***************************************************************************/
 515
 516 .LESStitle-diff-style {
 517         text-align: left;
 518         margin: 19*@unit_base 135*@unit_base 19*@unit_base 16*@unit_base;
 519 }
 520
 521 .LESStitle-border {
 522         border-style: solid;
 523         border-width : 1px;
 524         border-bottom-color: @color_border_bottom;
 525         border-bottom-width: 2px;
 526         border-top-color: @color_border_top;
 527
 528         border-left-color : @color_bar_title_btn_border;
 529         border-right-color : @color_bar_title_btn_border;
 530
 531         font-weight : bold;
 532
 533         -webkit-border-radius: 0px;
 534 }
 535
 536 .LESSextended-controlgroup-border {
 537         border-style : solid;
 538         border-width : 1px;
 539         border-bottom-width: 2px;
 540
 541         border-bottom-color: @color_border_bottom;
 542         border-top-color: @color_border_top;
 543         border-left-color: @color_bar_seg_btn_border;
 544         border-right-color: @color_bar_seg_btn_border;
 545 }
 546
 547 .LESSback-btn-background {
 548         background : none;
 549 }
 550
 551 .LESSbtn-back {
 552         width : 144 * @unit_base;
 553         height : 114 * @unit_base;
 554         top : 0 * @unit_base;
 555         right : 0 * @unit_base;
 556 }
 557
 558 .LESSbtn-back-inner {
 559         width : 144 * @unit_base;
 560         height : 114 * @unit_base;
 561 }
 562
 563 .LESSbtn-arrow-position {
 564         left : 20 * @unit_base;
 565         top : 30 * @unit_base;
 566 }
 567
 568 .LESSdialogue-border-style {
 569         border-right-style : solid;
 570         border-right-color : black;
 571         border-right-width : 1px;
 572 }
 573
 574 .LESSdialogue-divider {
 575         padding-top : 36 * @unit_base;
 576         padding-bottom : 10 * @unit_base;
 577         padding-left : 10 * @unit_base;
 578
 579         margin-left : 16 * @unit_base;
 580         margin-right : 16 * @unit_base;
 581
 582         background : rgba(249, 249, 249, 1);
 583         font-size : 32 * @unit_base;
 584         font-weight : bold;
 585         color : rgba(92, 151, 187, 1);
 586 }