@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 {
.ui-progress-container-circle {
position: absolute;
- right: 16 * @unit_base;
+ right: 13 * @unit_base;
top: 25%;
}
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 {
}
}
-.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;
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;
}
-