X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/resources/themes/stylesheets/ext4/default/util/_splitter.scss

diff --git a/resources/themes/stylesheets/ext4/default/util/_splitter.scss b/resources/themes/stylesheets/ext4/default/util/_splitter.scss
new file mode 100644
index 00000000..9956e35d
--- /dev/null
+++ b/resources/themes/stylesheets/ext4/default/util/_splitter.scss
@@ -0,0 +1,98 @@
+@mixin extjs-splitter {
+    .#{$prefix}splitter {
+        .#{$prefix}collapse-el {
+            position: absolute;
+
+            cursor: pointer;
+
+            background-color: transparent;
+            background-repeat: no-repeat !important;
+        }
+    }
+
+    .#{$prefix}layout-split-left,
+    .#{$prefix}layout-split-right {
+        top: 50%;
+
+        margin-top: -17px;
+
+        width: 5px;
+        height: 35px;
+    }
+
+    .#{$prefix}layout-split-top,
+    .#{$prefix}layout-split-bottom {
+        left: 50%;
+
+        width: 35px;
+        height: 5px;
+
+        margin-left: -17px;
+    }
+
+    .#{$prefix}layout-split-left {
+        background: theme-image($theme-name, 'util/splitter/mini-left.gif') no-repeat top right;
+    }
+
+    .#{$prefix}layout-split-right {
+        background: theme-image($theme-name, 'util/splitter/mini-right.gif') no-repeat top left;
+    }
+
+    .#{$prefix}layout-split-top {
+        background: theme-image($theme-name, 'util/splitter/mini-top.gif') no-repeat top left;
+    }
+
+    .#{$prefix}layout-split-bottom {
+        background: theme-image($theme-name, 'util/splitter/mini-bottom.gif') no-repeat top left;
+    }
+
+    .#{$prefix}splitter-collapsed {
+        .#{$prefix}layout-split-left {
+            background: theme-image($theme-name, 'util/splitter/mini-right.gif') no-repeat top left;
+        }
+
+        .#{$prefix}layout-split-right {
+            background: theme-image($theme-name, 'util/splitter/mini-left.gif') no-repeat top right;
+        }
+
+        .#{$prefix}layout-split-top {
+            background: theme-image($theme-name, 'util/splitter/mini-bottom.gif') no-repeat top left;
+        }
+
+        .#{$prefix}layout-split-bottom {
+            background: theme-image($theme-name, 'util/splitter/mini-top.gif') no-repeat top left;
+        }
+    }
+
+    .#{$prefix}splitter-horizontal {
+        cursor: e-resize;
+        cursor: row-resize;
+        font-size:1px;
+    }
+    .#{$prefix}splitter-vertical {
+        cursor: e-resize;
+        cursor: col-resize;
+        font-size:1px;
+    }
+    .#{$prefix}splitter-collapsed {
+        cursor: default;
+    }
+
+    .#{$prefix}splitter-active {
+        z-index: 4;
+        font-size:1px;
+        background-color: rgb(180, 180, 180);
+        @include opacity(0.8);
+    }
+    .#{$prefix}splitter-active {
+        .#{$prefix}collapse-el {
+            @include opacity(0.3);
+        }
+    }
+
+    .#{$prefix}proxy-el {
+        position: absolute;
+        background: rgb(180, 180, 180);
+        @include opacity(0.8);
+    }
+}
\ No newline at end of file