/*! Split Pane v0.9.4 Copyright (c) 2014 - 2016 Simon Hagström Released under the MIT license https://raw.github.com/shagstrom/split-pane/master/LICENSE */ .split-pane { position: relative; height: 100%; width: 100%; overflow: hidden; z-index: 0; } .split-pane.fixed-top > .split-pane-component, .split-pane.fixed-bottom > .split-pane-component, .split-pane.horizontal-percent > .split-pane-component { position: absolute; left: 0; width: 100%; overflow: auto; top: auto; bottom: 0; z-index: 1; } .split-pane.fixed-top > .split-pane-component:first-child, .split-pane.fixed-bottom > .split-pane-component:first-child, .split-pane.horizontal-percent > .split-pane-component:first-child { top: 0; bottom: auto; } .split-pane.fixed-top > .split-pane-divider, .split-pane.fixed-bottom > .split-pane-divider, .split-pane.horizontal-percent > .split-pane-divider { position: absolute; width: 100%; left: 0; cursor: row-resize; z-index: 2; } .split-pane.fixed-top > .split-pane-divider > .split-pane-divider-inner, .split-pane.fixed-bottom > .split-pane-divider > .split-pane-divider-inner, .split-pane.horizontal-percent > .split-pane-divider > .split-pane-divider-inner { position: absolute; top: -5px; left: 0; box-sizing: content-box; width: 100%; height: 100%; padding: 5px 0; } .split-pane.fixed-left > .split-pane-component, .split-pane.fixed-right > .split-pane-component, .split-pane.vertical-percent > .split-pane-component { position: absolute; top: 0; height: 100%; overflow: auto; left: auto; right: 0; z-index: 1; } .split-pane.fixed-left > .split-pane-component:first-child, .split-pane.fixed-right > .split-pane-component:first-child, .split-pane.vertical-percent > .split-pane-component:first-child { left: 0; right: auto; } .split-pane.fixed-left > .split-pane-divider, .split-pane.fixed-right > .split-pane-divider, .split-pane.vertical-percent > .split-pane-divider { position: absolute; height: 100%; top: 0; cursor: col-resize; z-index: 2; } .split-pane.fixed-left > .split-pane-divider > .split-pane-divider-inner, .split-pane.fixed-right > .split-pane-divider > .split-pane-divider-inner, .split-pane.vertical-percent > .split-pane-divider > .split-pane-divider-inner { position: absolute; top: 0; left: -5px; box-sizing: content-box; width: 100%; height: 100%; padding: 0 5px; } .split-pane-resize-shim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; display: none; } .split-pane.fixed-left > .split-pane-resize-shim, .split-pane.fixed-right > .split-pane-resize-shim, .split-pane.vertical-percent > .split-pane-resize-shim { cursor: col-resize; } .split-pane.fixed-top > .split-pane-resize-shim, .split-pane.fixed-bottom > .split-pane-resize-shim, .split-pane.horizontal-percent > .split-pane-resize-shim { cursor: row-resize; }