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 e782c74..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 {
@@ -14,22 +12,10 @@
        }
 }
 
-.ui-progress-container-circle-bg {
-       position: relative;
-       margin-top: @bar-hmargin;
-       margin-bottom: @bar-hmargin;
-       width: 100%;
-       height: @img-height;
-}
-
 .ui-progress-container-circle {
-       position: relative;
-       margin-left: @bar-vmargin;
-       margin-right: @bar-vmargin;
-       height: @img-height;
-       width: @img-width;
-       float: right;
-       vertical-align: middle;
+       position: absolute;
+       right: 13 * @unit_base;
+       top: 25%;
 }
 
 .ui-progress-circle {
@@ -39,18 +25,17 @@
        height: @img-height;
        width: @img-width;
 
-       background: url(images/process/00_winset_list_process_01.png) no-repeat;
-       .LESSbackground-size(@img-height, @img-width);
+       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;
-@bar-color0: rgb(55, 55, 55);
-@bar-color1: rgb(0, 140, 210);
+@bar-height: 7 * @unit_base;
+@bar-margin: 21 * @unit_base;
 
 @-webkit-keyframes ui-move-animation {
        from {
@@ -60,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;
@@ -76,31 +53,22 @@
        padding-top: 0;
        padding-bottom: 0;
 
-       background: -webkit-linear-gradient(-45deg,
-                               transparent,
-                               transparent 25%,
-                               @bar-color1 25%,
-                               @bar-color1 50%,
-                               transparent 50%,
-                               transparent 75%,
-                               @bar-color1 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%, @bar-color1),
-                               color-stop(50%, @bar-color1),
+                               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%, @bar-color1));
+                               color-stop(75%, @color_progress_value0));
 
-       background-color: @bar-color0;
+       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;
 }
-