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

   1 /***************************************************************************
   2                    Body
   3 ***************************************************************************/
   4 @color_bg: rgb(248, 246, 239); // #F8F6EF // Main Background color
   5 @color_text: rgb(0, 0, 0);      // 0 0 0
   6 @color_text_sub:                        rgb(102, 102, 102);     // 102 102 102
   7 @color_text_setting:            rgb(42, 109, 140);      // 42 109 140
   8
   9
  10 /***************************************************************************
  11                    Naviframe
  12 ***************************************************************************/
  13 @color_bar_title_text : rgba(59, 115, 182, 1); /* #3b73b6 */ /* title text */
  14 @color_bar_title_button_text : rgba(58, 58, 58, 1);                             /* B052L4 : Title text button */
  15 @color_bar_title_button_text_press : rgba(59, 115, 182, 1);     /* B052L5 : Title text button press */
  16 @color_bar_btn_press : rgba(64, 147, 247, 0.1);                                                 /* B052L1P : Title text button press bg */
  17 @color_bar_divider_line : rgba(192, 192, 192, 1);                                               /* 00_divider_line.9.png */
  18
  19
  20 /***************************************************************************
  21                    Controlbar
  22 ***************************************************************************/
  23 @color_controlbar_btn_tab_press : -webkit-linear-gradient(top,  rgba(169,165,151,1) 0%,rgba(246,248,239,1) 100%); /* B0514P1 : 00_tab_press_ef.9.png */
  24 @color_controlbar_btn_pressed : rgba(59, 115, 182, 1);          /* B052L6P      : Tab pressed */
  25 @color_controlbar_btn_normal : rgba(153, 153, 153, 1);  /* B052L6               : Tab Normal */
  26
  27 /***************************************************************************
  28                    List
  29 ***************************************************************************/
  30 @color_list_bg:                                                         rgba(248, 246, 239, 1);                         /* B0211        : List bg color                 */
  31 @color_list_press :                                             rgba(87, 135, 194, 1);                          /* B041         : List Press color      */
  32 @color_list_border_bottom:              rgba(211, 209, 203, 0.5);                       /* B0221        : 1px line Code                 */
  33 @color_list_main_text_focus:            rgba(249, 249, 249, 1);
  34 @color_list_main_text_unfocus:          rgba(0, 0, 0, 1);
  35 @color_list_sub_text_default: rgba(100, 100, 100, 1);
  36
  37 @color_list_divider_expand_div : rgba(0, 0, 0, 0.5);
  38 @color_list_divider_bg : rgba(248, 246, 239, 1);                                                /* W021L1 : Index BG                                    */
  39 @color_list_divider_text : rgba(59, 115, 182, 1);                                               /* W021L2 : Index bar                                   */
  40
  41 @color_list_dialogue_bg : rgba(239, 237, 229, 1);
  42 @color_dialogue_main_text: rgba(59, 115, 182, 1);
  43 @color_dialogue_border_right: rgba(142, 154, 163, 1);
  44
  45 @color_list_expandable_expanded_bg:     rgb(215, 225, 232);
  46 @color_list_expanded_bg : rgba(220, 218, 211, 1);
  47
  48 @color_list_bubble_sent_text:   rgb(0, 0, 0);
  49 @color_list_bubble_receive_text:        rgb(255, 255, 255);
  50 @color_list_bubble_sos_text:    rgb(233, 73, 73);
  51 @color_list_bubble_date_text:   rgb(104, 104, 104);
  52 @color_list_bubble_date_bg:             rgba(225, 225, 225, 0);
  53 @color_list_bubble_time_sent_text:      rgb(57, 166, 215);
  54 @color_list_bubble_time_receive_text:   rgb(211, 0, 0);
  55 @color_list_bubble_time_sos_text:       rgb(211, 0, 0);
  56 @color_list_bubble_name_text:   rgb(139, 139, 139);
  57 @color_list_bubble_help_text:   rgb(154, 154, 154);
  58 @color_list_bubble_link_text:   rgb(34, 129, 157);
  59
  60 @list-font-size-main:   22 * @unit_base;
  61 @list-font-size-sub:    16 * @unit_base;
  62 @list-font-size-divider: 16 * @unit_base;       // NOTE: defined in dialogue group
  63
  64 @list-font-weight:              normal;
  65
  66 @list-smallicon-size: 17 * @unit_base;
  67 @list-li-padding-horizontal: 8 * @unit_base;
  68
  69 @list-bigicon-size: 64 * @unit_base;
  70 @list-bigicon-size2: 72 * @unit_base;
  71
  72 /***************************************************************************
  73                    Shortcut Scroll
  74 ***************************************************************************/
  75 @color_fastscroll_rollover_bg: rgba(230, 227, 216, 1);          /* B0723 : 00_fast_scroll_rollover_bg.9.png */
  76 @color_fastscroll_rollover_text: rgba(160, 159, 154, 1);        /* B0721 : Rollover text */
  77 @color_fastscroll_popup_bg: rgba(59, 115, 182, 1);                              /* B0731 : 00_fast_scroll_popup_bg.png */
  78 @color_fastscroll_popup_shadow: rgba(199, 199, 199, 0.5);
  79 @color_fastscroll_popup_text: rgba(255, 255, 255, 1);                   /* B0732 : Scroll popup text */
  80
  81
  82 /***************************************************************************
  83                    SearchBar(forms.textinput)
  84 ***************************************************************************/
  85 @color_searchbar_bg : rgba(248, 246, 239, 1);
  86 @color_searchbar_default_text : rgba(121, 131, 138, 1); /* Search default text */
  87 @color_searchbar_input_field_bg : rgba(255, 255, 255, 1); /* W301 : 00_search_edit_field_bg.png */
  88 @color_searchbar_border : rgba(153, 153, 153, 1);
  89
  90
  91 /***************************************************************************
  92                    Popup
  93 ***************************************************************************/
  94 @font_size_popup_info_style: 24 * @unit_base;
  95 @color_popup_text_bg: rgba(248, 246, 239, 1);                                                           /* B061L1 : Popop info                                  */
  96
  97
  98 /***************************************************************************
  99                         Button(connected with other winset)
 100 ***************************************************************************/
 101 @color_button_EditText:         rgb(249, 249, 249);
 102 @color_button_EditTextPress:    rgb(61, 61, 61);
 103
 104 @color_button_text_normal:      rgb(54, 49, 51);
 105 @color_button_text_press:       rgb(248, 246, 239);
 106 @color_button_text_white:       rgb(249, 249, 249);
 107
 108 @color_button_normal:           rgb(235, 232, 227);
 109 @color_button_normal_webkit:    -webkit-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
 110 @color_button_normal_moz:       -moz-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
 111 @color_button_normal_o:         -o-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
 112 @color_button_normal_ms:        -ms-linear-gradient(top, rgb(235, 232, 227), rgb(234, 231, 226));
 113 @color_button_press:            rgb(59, 115, 182);
 114
 115 @color_button_inner:            rgb(247, 245, 238);
 116 @color_button_inner_webkit:     -webkit-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
 117 @color_button_inner_moz:        -moz-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
 118 @color_button_inner_o:          -o-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
 119 @color_button_inner_ms:         -ms-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
 120
 121 @button_shadow_outer:              0 0 1px 1px rgba(255, 255, 255, 1);
 122 @button_shadow_inner:           none;
 123
 124 @color_button_edit:                     rgb(201, 88, 88);
 125 @color_button_edit_webkit:              -webkit-gradient(linear, left top, left bottom, from(rgb(201, 88, 88)), to(rgb(161, 40, 40)));
 126 @color_button_edit_moz:                 -moz_linear-gradient(top, rgb(201, 88, 88), rgb(161, 40, 40));
 127
 128 .LESSbutton_box_style{
 129         color: @color_button_text_normal;
 130 }
 131
 132 .LESSbutton_up_style{
 133         background: @color_button_normal;
 134         background: @color_button_normal_webkit;
 135         background: @color_button_normal_moz;
 136         background: @color_button_normal_o;
 137         background: @color_button_normal_ms;
 138 }
 139
 140 .LESSbutton_box_style{
 141         background: @color_button_normal;
 142         background: @color_button_normal_webkit;
 143         background: @color_button_normal_moz;
 144         background: @color_button_normal_o;
 145         background: @color_button_normal_ms;
 146         border: 1px solid;
 147         border-color: rgba(220, 218, 211, 1);
 148         .LESSbox-shadow-line( @button_shadow_outer );
 149 }
 150 .LESSbutton_inner_box_style{
 151         background: @color_button_inner;
 152         background: @color_button_inner_webkit;
 153         background: @color_button_inner_ms;
 154         background: @color_button_inner_o;
 155         background: @color_button_inner_moz;
 156         .LESSbox-shadow-line( @button_shadow_inner );
 157 }
 158 .LESSbutton_inner_pressstyle{
 159         color: @color_button_text_press;
 160 }
 161
 162 .LESSbutton_text1_style{
 163         font-family: @font_family;
 164         font-weight: normal;
 165         font-size: 1.0rem;
 166         font-style:normal;
 167         color: @color_button_text_black;
 168 }
 169
 170 .LESSbutton_hover_style{
 171         color: @color_button_text_normal;
 172 }
 173
 174 .LESSbutton_down_style{
 175         background: @color_button_press;
 176         color: @color_button_text_press;
 177 }
 178
 179 .LESSbutton_edit_style{
 180         background: @color_button_edit;
 181         background: @color_button_edit_webkit;
 182         background: @color_button_edit_moz;
 183 }
 184
 185 /***************************************************************************
 186                         contextual popup
 187 ***************************************************************************/
 188 @color_ctxpopup_text:                   rgb(255, 255, 255);
 189 @color_ctxpopup_background:             rgb(68, 68, 68);
 190 @color_ctxpopup_border_left:            rgb(91, 91, 91);
 191 @color_ctxpopup_border_right:           rgb(45, 45, 45);
 192 @color_ctxpopup_border_top:             rgb(91, 91, 91);
 193 @color_ctxpopup_border_bottom:          rgb(45, 45, 45);
 194
 195 @color_ctxbutton_press:            rgb(59, 115, 182);
 196
 197 @color_ctxpopup_timepicker_text:        rgba( 249, 249, 249, 0.4 );
 198 @color_ctxpopup_timepicker_text_focus:  rgba( 249, 249, 249, 1 );
 199 @color_bar_back_btn_press : rgba(26, 82, 116, 0.3); /* #1A5274 */
 200
 201
 202 /***************************************************************************
 203                    Scrollview
 204 ***************************************************************************/
 205 @color_scrollbar:               rgb(198, 196, 190);
 206
 207
 208 /***************************************************************************
 209                    Date Time picker
 210 ***************************************************************************/
 211 @color_timepicker_selector_color:       rgb(42,137,194);
 212 @font_size_datetime_main_text:              22 * @unit_base;
 213 @font_size_datetime_sub_text:               16 * @unit_base;
 214
 215
 216 /***************************************************************************
 217                    DaySelector
 218 ***************************************************************************/
 219 @color_dayselector_Btn_Sat:             rgba(0, 168, 231, 1); /* #00a8e7 */
 220 @color_dayselector_Btn_Sun:             rgba(240, 20, 2, 1); /* #f01402 */
 221 @color_dayselector_Btn_Mon_to_Fri:      rgba(249, 249, 249, 1); /* #f9f9f9 */
 222 @color_dayselector_Btn_border:          rgba(26, 82, 116, 1); /* #f9f9f9 */
 223
 224 @color_dayselector_Btn_normal_start:    rgb(126, 157, 178);
 225 @color_dayselector_Btn_normal_end:      rgb(84,121,144);
 226
 227 @color_dayselector_Btn_press_start:     rgb(59,119,150);
 228 @color_dayselector_Btn_press_end:       rgb(47,91,117);
 229
 230
 231 .LESSDayselectorButtonNormal{
 232         .LESSbackground-with-gradient(top, @color_dayselector_Btn_normal_start, @color_dayselector_Btn_normal_end);
 233 }
 234
 235 .LESSDayaselectorButtonPress{
 236         .LESSbackground-with-gradient(top, @color_dayselector_Btn_press_start, @color_dayselector_Btn_press_end);
 237 }
 238
 239
 240 /***************************************************************************
 241                    OptionHeader
 242 ***************************************************************************/
 243 @color_optionheader_Background: rgba(26, 82, 116, 1);
 244 @color_optionheader_bt:         -webkit-linear-gradient(top,  rgb(56,112,141) 0%,rgb(36,93,128) 100%);
 245 @color_optionheader_bt_press:   -webkit-linear-gradient(top,  rgb(74,164,218) 0%,rgb(43,138,195) 100%);
 246 @color_optionheader_tab_text:   rgba(249, 249, 249, 1); /* #f9f9f9 */
 247
 248
 249 /***************************************************************************
 250                    SegmentControl
 251 ***************************************************************************/
 252 @color_segmentcontrol_btn_normal : rgb(125,157,178);
 253 @color_segmentcontrol_btn_normal_start : rgb(125,157,178);
 254 @color_segmentcontrol_btn_normal_end : rgb(84,121,144);
 255
 256 @color_segmentcontrol_btn_press : rgb(59,119,150);
 257 @color_segmentcontrol_btn_press_start : rgb(59,119,150);
 258 @color_segmentcontrol_btn_press_end : rgb(47,91,117);
 259
 260 @color_segmentcontrol_Seg_text : rgba(249, 249, 249, 1); /* #F9F9F9*/
 261 @color_segmentcontrol_Seg_text_pressed : rgba(249, 249, 249, 1); /* #F9F9F9*/
 262
 263
 264 /***************************************************************************
 265                    ControlGroup
 266 ***************************************************************************/
 267 @color_controlgroup_btn_border : rgba(26, 82, 116, 1); /* #252525 */
 268
 269
 270 /***************************************************************************
 271                    Popup
 272 ***************************************************************************/
 273 @color_popup_center_progressbar_title:  rgba(153, 153, 153, 1);
 274 @color_popup_text_progress_title:       rgba(249, 249, 249, 1);
 275
 276 @color_popup_title_bg:          rgba(80, 147, 182, 255);        /* popup_title_bg.png */
 277
 278 @color_popup_button_bg:         rgba(248, 246, 239, 1);
 279 @color_popup_font: rgba(248, 246, 239, 1); /* maybe not use only popupwindow*/
 280 @color_popup_text_font:         black;
 281
 282 @color_popup_buttonbg:          rgb(84, 126, 153);
 283 @color_popup_buttonbg_webkit:   -webkit-gradient(linear, left top, left bottom, from(rgb(84, 126, 153)), to(rgb(69, 105, 128)));
 284 @color_popup_buttonbg_moz:      -moz-linear-gradient(top, rgb(84, 126, 153), rgb(69, 105, 128));
 285 @color_popup_buttonbg_ms:       -ms-linear-gradient(top, rgb(84, 126, 153), rgb(69, 105, 128));
 286 @color_popup_buttonbg_o:        -o-linear-gradient(top, rgb(84, 126, 153), rgb(69, 105, 128));
 287 @color_popup_buttontext:        rgb(249, 249, 249);
 288 @color_popup_buttonbg_over:     rgb(94, 136, 163);
 289
 290 @color_popup_buttonbg_press:    rgb(67, 160, 217);
 291 @color_popup_buttonbg_press_webkit:     -webkit-gradient(linear, left top, left bottom, from(rgb(67, 160, 217)), to(rgb(56, 139, 185)));
 292 @color_popup_buttonbg_press_moz:        -moz-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
 293 @color_popup_buttonbg_press_ms:         -ms-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
 294 @color_popup_buttonbg_press_o:          -o-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
 295
 296 @color_popup_scroller_bg:       rgba(248, 246, 239, 1);
 297
 298
 299 @font_size_popup_basic_style_title:             24 * @unit_base; //1.1875rem;   /* 38px */
 300 @font_size_popup_center_progressbar_title:      26 * @unit_base; //0.8125rem;   /* 26px */
 301 @font_size_popup_text_progress_title:           42 * @unit_base; //1.3125rem;   /* 42px */
 302 @font_size_popup_button_text:                   32 * @unit_base; //1.0rem;      /* 32px */
 303
 304 .LESSpopup_button_style{
 305 /*      background: @color_popup_buttonbg;
 306         background: @color_popup_buttonbg_webkit;
 307         background: @color_popup_buttonbg_moz;
 308         background: @color_popup_buttonbg_ms;
 309         background: @color_popup_buttonbg_o;
 310         color: @color_popup_buttontext;*/
 311 }
 312
 313 .LESSpopup_button_hover_style{
 314         background: @color_popup_buttonbg_over;
 315 }
 316
 317 .LESSpopup_button_press_style{
 318         background: @color_popup_buttonbg_press;
 319         background: @color_popup_buttonbg_press_webkit;
 320         background: @color_popup_buttonbg_press_moz;
 321         background: @color_popup_buttonbg_press_ms;
 322         background: @color_popup_buttonbg_press_o;
 323 }
 324
 325 .LESSpopup_padding_style{
 326 }
 327
 328
 329 /***************************************************************************
 330                     Button
 331 ***************************************************************************/
 332
 333 @color_button_text_black:       rgb(0, 0, 0);
 334
 335 @color_circlebutton_hover:              rgb(239, 119, 126);
 336 @color_circlebutton_hover_webkit:       -webkit-gradient(linear, left top, left bottom, from(rgb(198, 78, 85)), to(rgb(166, 43, 45)));
 337 @color_circlebutton_hover_moz:          -moz-linear-gradient(top, rgb(198, 78, 85), rgb(166,43,45));
 338 @color_circlebutton_press:              rgb(67, 160, 217);
 339 @color_circlebutton_press_webkit:       -webkit-gradient(linear, left top, left bottom, from(rgb(67, 160, 217)), to(rgb(56, 139, 185)));
 340 @color_circlebutton_press_moz:          -moz-linear-gradient(top, rgb(67, 160, 217), rgb(56, 139, 185));
 341
 342
 343 @color_button_switch_BGon:              rgb(42, 126, 172);
 344 @color_button_switch_BGon_webkit:       -webkit-gradient(linear, left top, left bottom, from(rgb(33, 116, 167)), to(rgb(75, 165, 219)));
 345 @color_button_switch_BGon_moz:          -moz-linear-gradient(top, rgb(33, 116, 167), rgb(75, 165, 219));
 346 @color_button_switch_BGoff:             rgb(151, 161, 167);
 347 @color_button_switch_BGoff_text_color:  rgb(203, 203, 203);
 348 @color_button_switch_BGoff_webkit:      -webkit-gradient(linear, left top, left bottom, from(rgb(114, 114, 114)), to(rgb(141, 141, 141)));
 349 @color_button_switch_BGoff_moz:         -moz-linear-gradient(top, rgb(114, 114, 114), rgb(141, 141, 141));
 350 @color_button_switch_BGreed:            rgb(253, 253, 253);
 351 @color_button_switch_BGreed_webkit:     -webkit-gradient(linear, left top, left bottom, from(rgb(253, 253, 253)), to(rgb(231, 231, 231)));
 352 @color_button_switch_BGreed_moz:        -moz-linear-gradient(top, rgb(253, 253, 253), rgb(231, 231, 231));
 353
 354 @radius_button_switch: 4px;
 355 @radius_button_switch_reed: 2px;
 356
 357 @color_button_edit_press:               rgb(147, 24, 24);
 358 @color_button_edit_press_webkit:        -webkit-gradient(linear, left top, left bottom, from(rgb(147, 24,24)), to(rgb(110, 23, 23)));
 359 @color_button_edit_press_moz:           -moz-linear-gradient(top, rgb(147, 24, 24), rgb(110, 23, 23));
 360
 361
 362 .LESStoggleswitch_on_style{
 363         background: @color_button_switch_BGon;
 364         background: @color_button_switch_BGon_webkit;
 365         background: @color_button_switch_BGon_moz;
 366         border-radius: @radius_button_switch;
 367         -webkit-border-radius: @radius_button_switch;
 368         -moz-border-radius: @radius_button_switch;
 369 }
 370
 371 .LESStoggleswitch_off_style{
 372         color: @color_button_switch_BGoff_text_color;
 373         background: @color_button_switch_BGoff;
 374         background: @color_button_switch_BGoff_webkit;
 375         background: @color_button_switch_BGoff_moz;
 376         border-radius: @radius_button_switch;
 377         -webkit-border-radius: @radius_button_switch;
 378         -moz-border-radius: @radius_button_switch;
 379 }
 380
 381 .LESStoggleswitch_reed_style{
 382         background: @color_button_switch_BGreed;
 383         background: @color_button_switch_BGreed_webkit;
 384         background: @color_button_switch_BGreed_moz;
 385         border-radius: @radius_button_switch_reed;
 386         -webkit-border-radius: @radius_button_switch_reed;
 387         -moz-border-radius: @radius_button_switch_reed;
 388 }
 389
 390 .LESSbutton_editpress_style{
 391         background: @color_button_edit_press;
 392         background: @color_button_edit_press_webkit;
 393         background: @color_button_edit_press_moz;
 394 }
 395
 396 .LESSbutton_edit_padding{
 397         padding: 0.5em 0.8em;
 398 }
 399
 400
 401 /***************************************************************************
 402                     Tickernoti
 403 ***************************************************************************/
 404 @color_ticker_bg:                       rgb(68, 68, 68);
 405 @color_ticker_text1:                    rgb(255, 255, 255);
 406 @color_ticker_text2:                    rgb(255, 255, 255);
 407 @color_ticker_btn:                      rgb(64, 64, 64);
 408 @color_ticker_btn_border:               rgb(50, 50, 50);
 409
 410
 411 /***************************************************************************
 412                     Smallpopup
 413 ***************************************************************************/
 414 @color_smallpopup_bg:                   rgb(68, 68, 68);
 415 @color_smallpopup_text:                 rgb(255, 255, 255);
 416
 417
 418 /***************************************************************************
 419                     No Contents
 420 ***************************************************************************/
 421 @color_nocontents_text:                 rgb(128, 128, 128);
 422
 423
 424 /***************************************************************************
 425                     Slider
 426 ***************************************************************************/
 427 @color_slider_handle_text:              rgb(59, 115, 182);
 428 @color_slider_popup_text:               rgb(249, 249, 249);
 429
 430
 431 /***************************************************************************
 432                     Progress
 433 ***************************************************************************/
 434 @color_progress_bar0:                   rgb(202, 200, 196);
 435 @color_progress_bar1:                   rgb(246, 243, 239);
 436 @color_progress_boarder:                rgb(163, 160, 158);
 437 @color_progress_value0:                 rgb(54, 119, 195);
 438 @color_progress_value1:                 rgb(150, 184, 224);
 439
 440
 441 /***************************************************************************
 442                    Handler
 443 ***************************************************************************/
 444 @color_scrollview_handler_bg : rgba(150, 150, 150, 0.5);
 445
 446
 447 /***************************************************************************
 448                    multimediaview
 449 ***************************************************************************/
 450 @color_multimediaview_bg : rgb(249, 249, 249);
 451 @color_multimediaview_control_bg : rgba(248, 246, 239, 0.5);
 452 @color_multimediaview_button_bg : rgb(248, 246, 239);
 453 @color_multimediaview_timestamp_text : rgb(74, 132, 201);
 454 @color_multimediaview_duration_text : rgb(128, 128, 128);
 455 @color_multimediaview_bar_gray : rgb(203, 200, 197);
 456 @color_multimediaview_bar_active : rgb(74, 132, 201);
 457 @color_multimediaview_bar_handle : rgb(249, 249, 249);
 458 @color_multimediaview_button_border : rgb(186, 185, 180);
 459
 460 .LESSmultimediaview_bar_active_style{
 461         background-color : @color_multimediaview_bar_active;
 462         background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(98, 137, 217)), to(rgb(41, 91, 152)));
 463         background-image : -moz-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152));
 464         background-image : -o-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152));
 465         background-image : -ms-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152));
 466 }
 467
 468 .LESSmultimediaview_bar_handle_style{
 469         background-color : @color_multimediaview_bar_handle;
 470         background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(230, 230, 230)));
 471         background-image : -moz-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
 472         background-image : -o-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
 473         background-image : -ms-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
 474 }
 475
 476
 477 /***************************************************************************
 478                    tokentextarea
 479 ***************************************************************************/
 480 @color_tokentextarea_block_text : rgb(255, 255, 255);
 481 @color_tokentextarea_block_bg : rgb(95, 138, 189);
 482 @color_tokentextarea_press_bg : rgb(54, 89, 132);
 483 @color_tokentextarea_input_text : #222222;
 484 @color_tokentextarea_link : rgb(186, 185, 180);
 485 @color_tokentextarea_label_text : rgb(102, 102, 102);
 486
 487
 488 /***************************************************************************
 489 ***************************************************************************/