Fastscroll: Adjust the latest GUI

[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.tizen.fastscroll.less

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.fastscroll.less b/src/themes/tizen/common/jquery.mobile.tizen.fastscroll.less
index af9e52f..9c5e5ed 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.tizen.fastscroll.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.fastscroll.less
@@ -74,11 +74,10 @@
        background: @color_fastscroll_popup_bg;
        color: @color_fastscroll_popup_text;
        padding:10*@unit_base 30*@unit_base;
-       -ms-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
-       -o-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow; 
-       -moz-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
-       -webkit-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
-       box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
+       border: 1px solid @color_fastscroll_popup_border;
+       border-radius: .1em;
+       box-shadow: -2px -2px 2px #fff, 8*@unit_base 10*@unit_base 4*@unit_base @color_fastscroll_popup_shadow;
+       text-shadow: 0px -2px -2px @color_fastscroll_popup_shadow;
        text-align: center;
        font-size: 75*@unit_base;
        font-weight: bold;
@@ -88,38 +87,34 @@
        top: 50%;
 }
 
-li.ui-fastscroll-hover {
-       color : @color_fastscroll_popup_bg;
-}
-
 li.ui-fastscroll-hover,
-li.ui-fastscroll-hover-up,
 li.ui-fastscroll-hover-down {
-       background : @color_list_bg;
-
        border-style : solid;
        border-color : @color_fastscroll_popup_bg;
        border-width : 0px;
-       border-right-width : 3 * @unit_base;
-       border-left-width : 1px;
-       border-left-color : @color_list_bg;
+
+       padding-top : 0px;
+       padding-bottom : 0px;
 }
 
 li.ui-fastscroll-hover {
-       padding-top : @unit_base;
-       padding-bottom : @unit_base;
-}
+       background : @color_list_bg;
+       color : @color_fastscroll_popup_bg;
 
-li.ui-fastscroll-hover-first-item {
-       padding-top : 2 * @unit_base;
+       border-top-width : 3 * @unit_base;
+       border-right-width : 3 * @unit_base;
+       border-left-width : 1px;
+       border-left-color : @color_list_bg;
 }
 
-li.ui-fastscroll-hover-up {
-       border-top-width : 3 * @unit_base;
-       padding-top : 0px;
+li.ui-fastscroll-hover-first-item {
+       border-top-width : 0px;
+       padding-top : 1.5 * @unit_base;
+       padding-bottom : 1.5 * @unit_base;
 }
 
 li.ui-fastscroll-hover-down {
-       border-bottom-width : 3 * @unit_base;
-       padding-bottom : 0px;
+       border-top-width : 3 * @unit_base;
+       border-left-width : 3 * @unit_base;
+       padding-bottom : 2 * @unit_base;
 }