.v-splitpanel-horizontal, .v-splitpanel-vertical { overflow: hidden; } .v-splitpanel-hsplitter, .v-splitpanel-hsplitter-locked { width: 6px; } .v-splitpanel-hsplitter div, .v-splitpanel-hsplitter-locked div { width: 6px; position: absolute; top: 0; bottom: 0; background: #ccd2d0 url(img/bg_hor.png); border: 1px solid #b6bbbc; margin: 0 -1px; } .v-splitpanel-vsplitter, .v-splitpanel-vsplitter-locked { height: 6px; } .v-splitpanel-vsplitter div, .v-splitpanel-vsplitter-locked div { height: 6px; background: #ccd2d0 url(img/bg_ver.png); border: 1px solid #b6bbbc; margin: -1px 0; } /* Rounded style */ .v-splitpanel-hsplitter-rounded div, .v-splitpanel-vsplitter-rounded div, .v-splitpanel-hsplitter-rounded-locked div, .v-splitpanel-vsplitter-rounded-locked div { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .v-splitpanel-hsplitter-rounded div, .v-splitpanel-hsplitter-rounded-locked div { top: 4px; bottom: 4px; } .v-splitpanel-vsplitter-rounded div, .v-splitpanel-vsplitter-rounded-locked div { margin: -1px 4px; } /* Small style */ .v-splitpanel-hsplitter-small, .v-splitpanel-vsplitter-small, .v-splitpanel-hsplitter-small-locked, .v-splitpanel-vsplitter-small-locked { background: #b6bbbc; } .v-splitpanel-hsplitter-small, .v-splitpanel-hsplitter-small-locked { width: 1px; } .v-splitpanel-vsplitter-small, .v-splitpanel-vsplitter-small-locked { height: 1px; } .v-splitpanel-hsplitter-small div, .v-splitpanel-hsplitter-small-locked div { border: none; background: transparent; width: 5px; margin: 0 0 0 -2px; } .v-splitpanel-vsplitter-small div, .v-splitpanel-vsplitter-small-locked div { border: none; background: transparent; height: 5px; margin: -2px 0 0 0; }