diff options
Diffstat (limited to 'deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_splitter.scss')
-rw-r--r-- | deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_splitter.scss | 106 |
1 files changed, 106 insertions, 0 deletions
diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_splitter.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_splitter.scss new file mode 100644 index 000000000..b8ae2aac3 --- /dev/null +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_splitter.scss @@ -0,0 +1,106 @@ +@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: no-repeat top right; + @include theme-background-image($theme-name, 'util/splitter/mini-left.gif'); + } + + .#{$prefix}layout-split-right { + background: no-repeat top left; + @include theme-background-image($theme-name, 'util/splitter/mini-right.gif'); + } + + .#{$prefix}layout-split-top { + background: no-repeat top left; + @include theme-background-image($theme-name, 'util/splitter/mini-top.gif'); + } + + .#{$prefix}layout-split-bottom { + background: no-repeat top left; + @include theme-background-image($theme-name, 'util/splitter/mini-bottom.gif'); + } + + .#{$prefix}splitter-collapsed { + .#{$prefix}layout-split-left { + background: no-repeat top left; + @include theme-background-image($theme-name, 'util/splitter/mini-right.gif'); + } + + .#{$prefix}layout-split-right { + background: no-repeat top right; + @include theme-background-image($theme-name, 'util/splitter/mini-left.gif'); + } + + .#{$prefix}layout-split-top { + background: no-repeat top left; + @include theme-background-image($theme-name, 'util/splitter/mini-bottom.gif'); + } + + .#{$prefix}layout-split-bottom { + background: no-repeat top left; + @include theme-background-image($theme-name, 'util/splitter/mini-top.gif'); + } + } + + .#{$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 |