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         //FIXME
  18         //background-image: url(images/00_winset_list_progress_bar.png);
  19         background-color: @color_progress_bar1;
  20         .LESSborder-radius-all( 10 * @unit_base );
  21 }
  22
  23 .ui-progress-bg {
  24         position: relative;
  25         overflow: hidden;
  26
  27         top: 5 * @unit_base;
  28         height: 7 * @unit_base;
  29         margin-left: 5 * @unit_base;
  30         margin-right: 5 * @unit_base;
  31
  32         .LESSborder-radius-all( 10 * @unit_base );
  33         border: 1px;
  34         border-style: solid;
  35         border-color: rgb(180, 180, 180);
  36         .LESSbox-shadow(1px, -1px, 1px, rgb(180, 180, 180));
  37 }
  38
  39 .ui-progressbar {
  40         position: relative;
  41         margin-left: @bar-margin;
  42         margin-right: @bar-margin;
  43         height: @bar-height;
  44
  45         //FIXME
  46         //background-image: url(images/00_winset_list_progress_bg.png);
  47         background-color: @color_progress_bar0;
  48         .LESSborder-radius-all( 10 * @unit_base );
  49 }