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

   1 @import "config.less";
   2
   3 @unit_base_handler : @unit_base * 0.5;
   4
   5 .ui-handler {
   6         position : absolute;
   7         overflow : hidden;
   8         opacity: 0;
   9 }
  10
  11 .ui-handler-visible {
  12         opacity: 1;
  13 }
  14
  15 .ui-handler-direction-y {
  16         top : 10 * @unit_base_handler;
  17         right : 0 * @unit_base_handler;
  18         bottom : 10 * @unit_base_handler;
  19         width : 36 * @unit_base_handler;
  20 }
  21
  22 .ui-handler-direction-x {
  23         right : 10 * @unit_base_handler;
  24         bottom : 0 * @unit_base_handler;
  25         left : 10 * @unit_base_handler;
  26         height : 36 * @unit_base_handler;
  27 }
  28
  29 .ui-handler-track {
  30         position : relative;
  31         width : 100%;
  32         height : 100%;
  33 }
  34
  35 .ui-handler-handle {
  36         position : absolute;
  37         top : 0;
  38         left : 0;
  39 }
  40
  41 .ui-handler-direction-x .ui-handler-handle {
  42         width : 234 * @unit_base_handler;
  43         height : 36 * @unit_base_handler;
  44 }
  45
  46 .ui-handler-direction-y .ui-handler-handle {
  47         width : 36 * @unit_base_handler;
  48         height : 234 * @unit_base_handler;
  49 }
  50
  51 .ui-handler-thumb {
  52         background-position : center;
  53         background-repeat : no-repeat;
  54         .LESSborder-radius-all(11 * @unit_base_handler);
  55 }
  56
  57 .ui-handler-direction-y .ui-handler-thumb {
  58         width : 23 * @unit_base_handler;
  59         height : 229 * @unit_base_handler;
  60         background-size : 23 * @unit_base_handler       37 * @unit_base_handler;
  61 }
  62
  63 .ui-handler-direction-x .ui-handler-thumb {
  64         width : 214 * @unit_base_handler;
  65         height : 48 * @unit_base_handler;
  66         background-size : 40 * @unit_base_handler 48 * @unit_base_handler;
  67 }
  68
  69 /* S
  70 -----------------------------------------------------------------------------------------------------------*/
  71
  72 .ui-handler-s {
  73         .ui-handler-thumb {
  74                 background-color : @color_scrollview_handler_bg;
  75         }
  76
  77         .ui-handler-direction-y .ui-handler-thumb {
  78                 background-image : url("images/00_scroll_bar_handler.png");
  79         }
  80
  81         .ui-handler-direction-x .ui-handler-thumb {
  82                 background-image : url("images/00_scroll_bar_handler_hor.png");
  83         }
  84 }