summaryrefslogtreecommitdiffstats
path: root/deluge/ui/web/resources/themes/stylesheets/ext4/default/util/_resizable.scss
diff options
context:
space:
mode:
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.scss222
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