src/themes/tizen/common/jquery.mobile.tizen.progressbar.less

   1 @import "config.less";
   2
   3 @bar-height: 18 * @unit_base;
   4 @bar-margin: 21 * @unit_base;
   5
   6 @-webkit-keyframes ui-scale-animation {
   7         from {
   8                 -webkit-transform: scaleX(0);
   9         } to {
  10                 -webkit-transform: scaleX(1);
  11         }
  12 }
  13
  14 .ui-progressbar-value {
  15         height: 100%;
  16
  17         background-image: -webkit-gradient(
  18                 linear,
  19                 left bottom,
  20                 left top,
  21                 color-stop(0, @color_progress_value0),
  22                 color-stop(1, @color_progress_value1)
  23         );
  24         .LESSborder-radius-all( 10 * @unit_base );
  25         .LESSbox-shadow(-1px, -1px, 1px, rgb(179, 200, 226));
  26 }
  27
  28 .ui-progressbar-bg {
  29         position: relative;
  30         overflow: hidden;
  31
  32         top: 5 * @unit_base;
  33         height: 7 * @unit_base;
  34         margin-left: 5 * @unit_base;
  35         margin-right: 5 * @unit_base;
  36
  37         .LESSborder-radius-all( 10 * @unit_base );
  38         border: 1px;
  39         border-style: solid;
  40         border-color: @color_progress_boarder;
  41         .LESSbox-shadow(1px, -1px, 1px, @color_progress_boarder);
  42         background-color: @color_progress_bar0;
  43 }
  44
  45 .ui-progressbar {
  46         position: relative;
  47         margin-left: @bar-margin;
  48         margin-right: @bar-margin;
  49         height: @bar-height;
  50
  51         background-image: -webkit-gradient(
  52                 linear,
  53                 left bottom,
  54                 left top,
  55                 color-stop(0, @color_progress_bar1),
  56                 color-stop(1, @color_progress_bar0)
  57         );
  58         .LESSbox-shadow(1px, 1px, 0px, white);
  59         .LESSborder-radius-all( 10 * @unit_base );
  60 }