diff options
Diffstat (limited to 'deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_resizable.scss')
-rw-r--r-- | deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_resizable.scss | 222 |
1 files changed, 222 insertions, 0 deletions
diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_resizable.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_resizable.scss new file mode 100644 index 000000000..96205c0b1 --- /dev/null +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_resizable.scss @@ -0,0 +1,222 @@ +@mixin extjs-resizable { + .#{$prefix}resizable-handle { + position: absolute; + + z-index: 100; + + font-size: 1px; + line-height: 6px; + + overflow: hidden; + + zoom: 1; + + @include opacity(0); + + background-color: #fff; + } + + .#{$prefix}resizable-handle-east { + width: 6px; + height: 100%; + + right: 0; + top: 0; + } + + .#{$prefix}resizable-over { + .#{$prefix}resizable-handle-east { + cursor: e-resize; + } + } + + .#{$prefix}resizable-handle-south { + width: 100%; + height: 6px; + + left: 0; + bottom: 0; + } + + .#{$prefix}resizable-over { + .#{$prefix}resizable-handle-south { + cursor: s-resize; + } + } + + .#{$prefix}resizable-handle-west { + width: 6px; + height: 100%; + + left: 0; + top: 0; + } + + .#{$prefix}resizable-over { + .#{$prefix}resizable-handle-west { + cursor: w-resize; + } + } + + .#{$prefix}resizable-handle-north { + width: 100%; + height: 6px; + + left: 0; + top: 0; + } + + .#{$prefix}resizable-over { + .#{$prefix}resizable-handle-north { + cursor: n-resize; + } + } + + .#{$prefix}resizable-handle-southeast { + width: 6px; + height: 6px; + + right: 0; + bottom: 0; + + z-index: 101; + } + + .#{$prefix}resizable-over { + .#{$prefix}resizable-handle-southeast { + cursor: se-resize; + } + } + + .#{$prefix}resizable-handle-northwest { + width: 6px; + height: 6px; + + left: 0; + top: 0; + + z-index: 101; + } + + .#{$prefix}resizable-over { + .#{$prefix}resizable-handle-northwest { + cursor: nw-resize; + } + } + + .#{$prefix}resizable-handle-northeast { + width: 6px; + height: 6px; + + right: 0; + top: 0; + + z-index: 101; + } + + .#{$prefix}resizable-over { + .#{$prefix}resizable-handle-northeast { + cursor: ne-resize; + } + } + + .#{$prefix}resizable-handle-southwest { + width: 6px; + height: 6px; + + left: 0; + bottom: 0; + + z-index: 101; + } + + .#{$prefix}resizable-over { + .#{$prefix}resizable-handle-southwest { + cursor: sw-resize; + } + } + + /*IE rounding error*/ + .#{$prefix}ie { + .#{$prefix}resizable-handle-east { + margin-right: -1px; /*IE rounding error*/ + } + + .#{$prefix}resizable-handle-south { + margin-bottom: -1px; + } + } + + .#{$prefix}resizable-over .#{$prefix}resizable-handle, .#{$prefix}resizable-pinned .#{$prefix}resizable-handle{ + @include opacity(1); + } + + .#{$prefix}window .#{$prefix}window-handle { + @include opacity(0); + } + + .#{$prefix}window-collapsed .#{$prefix}window-handle { + display: none; + } + + .#{$prefix}resizable-proxy { + border: 1px dashed #3b5a82; + position: absolute; + left: 0; + top: 0; + overflow: hidden; + z-index: 50000; + } + + .#{$prefix}resizable-overlay { + position: absolute; + left: 0; + top: 0; + + width: 100%; + height: 100%; + + display: none; + + z-index: 200000; + + background-color: #fff; + + @include opacity(0); + } + + .#{$prefix}resizable-over, + .#{$prefix}resizable-pinned { + .#{$prefix}resizable-handle-east, + .#{$prefix}resizable-handle-west { + background-position: left; + @include theme-background-image($theme-name, 'sizer/e-handle.gif'); + } + + .#{$prefix}resizable-handle-south, + .#{$prefix}resizable-handle-north { + background-position: top; + @include theme-background-image($theme-name, 'sizer/s-handle.gif'); + } + + .#{$prefix}resizable-handle-southeast { + background-position: top left; + @include theme-background-image($theme-name, 'sizer/se-handle.gif'); + } + + .#{$prefix}resizable-handle-northwest { + background-position: bottom right; + @include theme-background-image($theme-name, 'sizer/nw-handle.gif'); + } + + .#{$prefix}resizable-handle-northeast { + background-position: bottom left; + @include theme-background-image($theme-name, 'sizer/ne-handle.gif'); + } + + .#{$prefix}resizable-handle-southwest { + background-position: top right; + @include theme-background-image($theme-name, 'sizer/sw-handle.gif'); + } + } +}
\ No newline at end of file |