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

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