Export 0.1.62

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

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.shortcutscroll.less b/src/themes/tizen/common/jquery.mobile.tizen.shortcutscroll.less
old mode 100644 (file)
new mode 100755 (executable)
index 5ebee89..2f3f538
--- a/src/themes/tizen/common/jquery.mobile.tizen.shortcutscroll.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.shortcutscroll.less
@@ -4,7 +4,7 @@
        position: absolute;
        right: 0*@unit_base;
        background-color: @color_shortcutscroll_rollover_bg;
-       width: 30*@unit_base;
+       width: 25*@unit_base;
        -ms-user-select: none;
        -o-user-select: none;
        -moz-user-select: none;
@@ -17,12 +17,19 @@
                list-style-type: none;
                margin: 0;
                padding: 0;
+
        }
        li {
                cursor: pointer;
                color: @color_shortcutscroll_rollover_text;
                padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
-               text-align: right;
+               text-align: center;
+               font-size : 16 * @unit_base;
+               font-weight : bold;
+
+               border-left-width : 3 * @unit_base;
+               border-left-color : @color_shortcutscroll_popup_bg;
+               border-left-style : solid;
        }
 }
 
@@ -47,6 +54,9 @@
                color: @color_shortcutscroll_rollover_text;
                padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
                text-align: right;
+
+
+
        }
 }
 
@@ -54,7 +64,7 @@
        position: absolute;
        right: 0*@unit_base;
        background-color: @color_shortcutscroll_rollover_bg;
-       width: 30*@unit_base;
+       width: 25 * @unit_base;
        z-index: 10;
        top: 0;
 }
@@ -75,3 +85,28 @@
        display:none;
        box-sizing:border-box;
 }
+
+li.ui-shortcutscroll-hover {
+       color : @color_shortcutscroll_popup_bg;
+}
+
+li.ui-shortcutscroll-hover,
+li.ui-shortcutscroll-hover-up,
+li.ui-shortcutscroll-hover-down {
+       background : @color_list_bg;
+
+       border-style : solid;
+       border-color : @color_shortcutscroll_popup_bg;
+       border-width : 0px;
+       border-right-width : 3 * @unit_base;
+       border-left-width : 1px;
+       border-left-color : @color_list_bg;
+}
+
+li.ui-shortcutscroll-hover-up {
+       border-top-width : 3 * @unit_base;
+}
+
+li.ui-shortcutscroll-hover-down {
+       border-bottom-width : 3 * @unit_base;
+}