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

   1 @import "config.less";
   2
   3 .ui-splitview {
   4         margin: 0;
   5         padding: 0;
   6         position: relative;
   7 }
   8 .ui-splitview .ui-pane {
   9         position: absolute;
  10         overflow: hidden;
  11         border: 0;
  12         margin: 0;
  13         padding: 0;
  14 }
  15 .ui-splitview .ui-pane .ui-listview {
  16         margin: 0;
  17         padding: 0;
  18 }
  19 .ui-splitview .ui-spliter {
  20         position: absolute;
  21         z-index: 100;
  22         display: block;
  23         margin: 0;
  24         padding: 0;
  25 }
  26 .ui-splitview .ui-spliter-bar {
  27         background-color: @color_splitview_spliter_bar;
  28         border-color: black;
  29         border-style: solid;
  30 }
  31 .ui-splitview .ui-spliter-handle {
  32         margin: 0;
  33         padding: 0;
  34         cursor: move;
  35         display: block;
  36         text-align: center;
  37         cursor: pointer;
  38         position: relative;
  39         background-position: center center;
  40         background-repeat: no-repeat;
  41         background-size: 100% 100%;
  42 }
  43 .ui-direction-horizontal > .ui-spliter {
  44         width: 60px;
  45 }
  46 .ui-direction-vertical > .ui-spliter {
  47         height: 60px;
  48 }
  49 .ui-direction-horizontal > .ui-spliter > .ui-spliter-bar {
  50         width: 13px;
  51         margin: 0 0 0 25px;
  52         border-width: 1px 1px 1px 0;
  53 }
  54 .ui-direction-vertical > .ui-spliter > .ui-spliter-bar {
  55         height: 13px;
  56         margin: 25px 0 0 0;
  57         border-width: 0 1px 1px 1px;
  58 }
  59 .ui-spliter-active > .ui-spliter-bar {
  60         background-color: @color_splitview_spliter_bar_active;
  61 }
  62 .ui-direction-horizontal > .ui-spliter > .ui-spliter-bar > .ui-spliter-handle {
  63         width: 13px;
  64         height: 26px;
  65         background-image: url(./images/00_splite_handler_v.png);
  66 }
  67 .ui-direction-vertical > .ui-spliter > .ui-spliter-bar > .ui-spliter-handle {
  68         width: 26px;
  69         height: 13px;
  70         background-image: url(./images/00_splite_handler_h.png);
  71 }
  72 .ui-direction-horizontal > .ui-fixed {
  73         width: 0px;
  74 }
  75 .ui-direction-horizontal > .ui-fixed > .ui-spliter-bar {
  76         width: 5px;
  77 }
  78 .ui-direction-vertical > .ui-fixed {
  79         height: 0px;
  80 }
  81 .ui-direction-vertical > .ui-fixed > .ui-spliter-bar {
  82         height: 5px;
  83 }
  84 .ui-fixed .ui-spliter-handle {
  85         display: none;
  86 }