add divider for tabbar

[platform/framework/web/web-ui-fw.git] / src / themes / tizen / tizen-white / style.less

diff --git a/src/themes/tizen/tizen-white/style.less b/src/themes/tizen/tizen-white/style.less
index 7226b74..3d26c77 100755 (executable)
--- a/src/themes/tizen/tizen-white/style.less
+++ b/src/themes/tizen/tizen-white/style.less
@@ -18,11 +18,11 @@
 
 
 /***************************************************************************
-                   Controlbar
+                   Tabbar
 ***************************************************************************/
-@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 */
-@color_controlbar_btn_pressed : rgba(59, 115, 182, 1);         /* B052L6P      : Tab pressed */
-@color_controlbar_btn_normal : rgba(153, 153, 153, 1); /* B052L6               : Tab Normal */
+@color_tabbar_btn_tab_press : -webkit-linear-gradient(top,  rgba(210,210,200,1) 0%,rgba(246,248,239,1) 100%); /* B0514P1 : 00_tab_press_ef.9.png */
+@color_tabbar_btn_pressed : rgba(59, 115, 182, 1);             /* B052L6P      : Tab pressed */
+@color_tabbar_btn_normal : rgba(153, 153, 153, 1);     /* B052L6               : Tab Normal */
 
 /***************************************************************************
                    List
@@ -72,11 +72,11 @@
 /***************************************************************************
                    Shortcut Scroll
 ***************************************************************************/
-@color_shortcutscroll_rollover_bg: rgba(230, 227, 216, 1);             /* B0723 : 00_fast_scroll_rollover_bg.9.png */
-@color_shortcutscroll_rollover_text: rgba(160, 159, 154, 1);   /* B0721 : Rollover text */
-@color_shortcutscroll_popup_bg: rgba(59, 115, 182, 1);                         /* B0731 : 00_fast_scroll_popup_bg.png */
-@color_shortcutscroll_popup_shadow: rgba(199, 199, 199, 0.5);
-@color_shortcutscroll_popup_text: rgba(255, 255, 255, 1);                      /* B0732 : Scroll popup text */
+@color_fastscroll_rollover_bg: rgba(230, 227, 216, 1);         /* B0723 : 00_fast_scroll_rollover_bg.9.png */
+@color_fastscroll_rollover_text: rgba(160, 159, 154, 1);       /* B0721 : Rollover text */
+@color_fastscroll_popup_bg: rgba(59, 115, 182, 1);                             /* B0731 : 00_fast_scroll_popup_bg.png */
+@color_fastscroll_popup_shadow: rgba(199, 199, 199, 0.5);
+@color_fastscroll_popup_text: rgba(255, 255, 255, 1);                  /* B0732 : Scroll popup text */
 
 
 /***************************************************************************
@@ -264,7 +264,7 @@
 /***************************************************************************
                    ControlGroup
 ***************************************************************************/
-@color_controlgroup_btn_border : rgba(26, 82, 116, 1); /* #252525 */
+@color_controlgroup_btn_border : rgba(192, 192, 192, 1);                                               /* 00_divider_line.9.png */
 
 
 /***************************************************************************
@@ -431,8 +431,11 @@
 /***************************************************************************
                     Progress
 ***************************************************************************/
-@color_progress_bar0:                  rgb(226, 223, 219);
-@color_progress_bar1:                  rgb(54, 119, 195);
+@color_progress_bar0:                  rgb(202, 200, 196);
+@color_progress_bar1:                  rgb(246, 243, 239);
+@color_progress_boarder:               rgb(163, 160, 158);
+@color_progress_value0:                        rgb(54, 119, 195);
+@color_progress_value1:                        rgb(150, 184, 224);
 
 
 /***************************************************************************
@@ -454,6 +457,22 @@
 @color_multimediaview_bar_handle : rgb(249, 249, 249);
 @color_multimediaview_button_border : rgb(186, 185, 180);
 
+.LESSmultimediaview_bar_active_style{
+       background-color : @color_multimediaview_bar_active;
+       background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(98, 137, 217)), to(rgb(41, 91, 152)));
+       background-image : -moz-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152));
+       background-image : -o-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152));
+       background-image : -ms-linear-gradient(top, rgb(98, 137, 217), rgb(41, 91, 152));
+}
+
+.LESSmultimediaview_bar_handle_style{
+       background-color : @color_multimediaview_bar_handle;
+       background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(230, 230, 230)));
+       background-image : -moz-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
+       background-image : -o-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
+       background-image : -ms-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
+}
+
 
 /***************************************************************************
                    tokentextarea