src/themes/tizen/common/jquery.mobile.tizen.scrollview.handler.less

   1 @import "config.less";
   2
   3 .ui-handler {
   4         position : absolute;
   5         overflow : hidden;
   6 }
   7
   8 .ui-handler-y {
   9         top : 10 * @unit_base;
  10         right : 10 * @unit_base;
  11         bottom : 10 * @unit_base;
  12         width : 48 * @unit_base;
  13 }
  14
  15 .ui-handler-x {
  16         right : 10 * @unit_base;
  17         bottom : 10 * @unit_base;
  18         left : 10 * @unit_base;
  19         height : 48 * @unit_base;
  20 }
  21
  22 .ui-handler-track {
  23         position : relative;
  24         width : 100%;
  25         height : 100%;
  26 }
  27
  28 .ui-handler-thumb {
  29         position : absolute;
  30         top : 0;
  31         left : 0;
  32         background-color : @color_scrollview_handler_bg;
  33         background-position : center;
  34         background-repeat : no-repeat;
  35         -moz-border-radius : 5 * @unit_base;
  36         -webkit-border-radius : 5 * @unit_base;
  37         border-radius : 5 * @unit_base;
  38 }
  39
  40 .ui-handler-y .ui-handler-thumb {
  41         width : 48 * @unit_base;
  42         height : 214 * @unit_base;
  43         background-image : url("images/00_scroll_bar_handler.png");
  44         background-size : 48 * @unit_base       40 * @unit_base;
  45 }
  46
  47 .ui-handler-x .ui-handler-thumb {
  48         width : 214 * @unit_base;
  49         height : 48 * @unit_base;
  50         background-image : url("images/00_scroll_bar_handler_hor.png");
  51         background-size : 40 * @unit_base 48 * @unit_base;
  52 }