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_border;
  41         .LESSbox-shadow(1px, -1px, 1px, @color_progress_border);
  42         background-color: @color_progress_bar0;
  43 }
  44
  45 .ui-progressbar {
  46         position: relative;
  47         margin-top: 18 * @unit_base;
  48         margin-bottom: 18 * @unit_base;
  49         margin-left: @bar-margin;
  50         margin-right: @bar-margin;
  51         height: @bar-height;
  52
  53         background-image: -webkit-gradient(
  54                 linear,
  55                 left bottom,
  56                 left top,
  57                 color-stop(0, @color_progress_bar1),
  58                 color-stop(1, @color_progress_bar0)
  59         );
  60         .LESSbox-shadow(1px, 1px, 0px, white);
  61         .LESSborder-radius-all( 10 * @unit_base );
  62 }