diff --git a/css/jquery.enhsplitter.css b/css/jquery.enhsplitter.css index 7932fe7..907a4ec 100644 --- a/css/jquery.enhsplitter.css +++ b/css/jquery.enhsplitter.css @@ -76,9 +76,9 @@ border-color: #000000; } .splitter_bar.splitter-invisible { - background: none!important; - border: none!important; - box-shadow: none!important; + background: none !important; + border: none !important; + box-shadow: none !important; } .splitter_bar.splitter-invisible .splitter_handle, .splitter_bar.splitter-handle-none .splitter_handle { @@ -97,16 +97,19 @@ margin-top: -25px; height: 50px; } -.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle { +.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle, +.splitter-vertical > .splitter_bar.splitter-handle-stripes > .splitter_handle { width: 3px; border-left: 1px solid #999999; border-right: 1px solid #999999; background-color: transparent; } -.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle:hover { +.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle:hover, +.splitter-vertical > .splitter_bar.splitter-handle-stripes > .splitter_handle:hover { border-color: #666666; } -.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle:active { +.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle:active, +.splitter-vertical > .splitter_bar.splitter-handle-stripes > .splitter_handle:active { border-color: #000000; } .splitter-vertical > .splitter_bar.splitter-handle-bar > .splitter_handle { @@ -126,17 +129,20 @@ .splitter-horizontal > .splitter_bar > .splitter_handle { width: 50px; } -.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle { +.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle, +.splitter-horizontal > .splitter_bar.splitter-handle-stripes > .splitter_handle { height: 3px; margin-top: 1px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; background-color: transparent; } -.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle:hover { +.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle:hover, +.splitter-horizontal > .splitter_bar.splitter-handle-stripes > .splitter_handle:hover { border-color: #666666; } -.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle:active { +.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle:active, +.splitter-horizontal > .splitter_bar.splitter-handle-stripes > .splitter_handle:active { border-color: #000000; } .splitter-horizontal > .splitter_bar.splitter-handle-bar > .splitter_handle { diff --git a/css/jquery.enhsplitter.less b/css/jquery.enhsplitter.less index 57ef682..08364c2 100644 --- a/css/jquery.enhsplitter.less +++ b/css/jquery.enhsplitter.less @@ -106,9 +106,9 @@ } &.splitter-invisible { - background: none!important; - border: none!important; - box-shadow: none!important; + background: none !important; + border: none !important; + box-shadow: none !important; } &.splitter-invisible, @@ -134,7 +134,8 @@ height: @handle_size; } - &.splitter-handle-default { + &.splitter-handle-default, + &.splitter-handle-stripes { > .splitter_handle { width: 3px; border-left: 1px solid @handle_color; @@ -178,7 +179,8 @@ width: @handle_size; } - &.splitter-handle-default { + &.splitter-handle-default, + &.splitter-handle-stripes { > .splitter_handle { height: 3px; margin-top: 1px; @@ -212,17 +214,19 @@ } } -.splitter_container.splitter-active > .splitter_bar { - z-index: 1000; /* Important to keep z-index of active splitter above .splitterMask. */ +.splitter_container.splitter-active { + > .splitter_bar { + z-index: 1000; /* Important to keep z-index of active splitter above .splitterMask. */ - > .splitter_handle { - border-color: @handle_active; - cursor: inherit; - } + > .splitter_handle { + border-color: @handle_active; + cursor: inherit; + } - &.splitter-handle-bar > .splitter_handle, - &.splitter-handle-block > .splitter_handle { - background-color: @handle_active; + &.splitter-handle-bar > .splitter_handle, + &.splitter-handle-block > .splitter_handle { + background-color: @handle_active; + } } }