Button: custom button icon path, margin have been changed

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

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.progress.less b/src/themes/tizen/common/jquery.mobile.tizen.progress.less
index 3e2226e..f68c42b 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.tizen.progress.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.progress.less
@@ -1,10 +1,8 @@
 @import "config.less";
 
 /* Progress - circle style */
-@img-height: 64 * @unit_base;
-@img-width: 64 * @unit_base;
-@bar-vmargin: 16 * @unit_base;
-@bar-hmargin: 1 * @unit_base;
+@img-height: 32 * @unit_base;
+@img-width: 32 * @unit_base;
 
 @-webkit-keyframes ui-rotate-animation {
        from {
@@ -16,7 +14,7 @@
 
 .ui-progress-container-circle {
        position: absolute;
-       right: 16 * @unit_base;
+       right: 13 * @unit_base;
        top: 25%;
 }
 
@@ -27,17 +25,17 @@
        height: @img-height;
        width: @img-width;
 
-       background: url(images/00_winset_list_process_01.png) no-repeat;
+       background: url(images/00_list_process_01.png) no-repeat;
        .LESSbackground-size(@img-width, @img-height);
 }
+
 .ui-progress-circle-running {
        -webkit-animation: ui-rotate-animation 1s infinite linear;
 }
 
 /* Progress - pending style */
-@bar-height: 16 * @unit_base;
-@bar-margin: 16 * @unit_base;
-@color_progress_bar1: rgb(0, 140, 210);
+@bar-height: 7 * @unit_base;
+@bar-margin: 21 * @unit_base;
 
 @-webkit-keyframes ui-move-animation {
        from {
@@ -47,14 +45,6 @@
        }
 }
 
-.ui-progress-container-pending {
-       position: relative;
-       margin-left: @bar-margin;
-       margin-right: @bar-margin;
-       height: @bar-height;
-       overflow: hidden;
-}
-
 .ui-progress-pending {
        position: relative;
        top: 0;
@@ -63,31 +53,22 @@
        padding-top: 0;
        padding-bottom: 0;
 
-       background: -webkit-linear-gradient(-45deg,
-                               transparent,
-                               transparent 25%,
-                               @color_progress_bar1 25%,
-                               @color_progress_bar1 50%,
-                               transparent 50%,
-                               transparent 75%,
-                               @color_progress_bar1 75%);
-
        background: -webkit-gradient(linear,
                                left top,
                                right bottom,
                                color-stop(0%,  rgba(0,0,0,0)),
                                color-stop(25%, rgba(0,0,0,0)),
-                               color-stop(25%, @color_progress_bar1),
-                               color-stop(50%, @color_progress_bar1),
+                               color-stop(25%, @color_progress_value0),
+                               color-stop(50%, @color_progress_value0),
                                color-stop(50%, rgba(0,0,0,0)),
                                color-stop(75%, rgba(0,0,0,0)),
-                               color-stop(75%, @color_progress_bar1));
+                               color-stop(75%, @color_progress_value0));
 
        background-color: @color_progress_bar0;
 
        .LESSbackground-size(@bar-height * 2, @bar-height * 2);
 }
+
 .ui-progress-pending-running {
        -webkit-animation: ui-move-animation 0.5s infinite linear;
 }
-