Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / resources / themes / stylesheets / ext4 / default / util / _dragdrop.scss

diff --git a/resources/themes/stylesheets/ext4/default/util/_dragdrop.scss b/resources/themes/stylesheets/ext4/default/util/_dragdrop.scss
new file mode 100644 (file)
index 0000000..dfe8ab4
--- /dev/null
+++ b/resources/themes/stylesheets/ext4/default/util/_dragdrop.scss
@@ -0,0 +1,76 @@
+@mixin extjs-dragdrop {
+    .#{$prefix}dd-drag-proxy {
+        
+    }
+    
+    .#{$prefix}dd-drag-repair {
+        .#{$prefix}dd-drag-ghost {
+            @include opacity(.6);
+        }
+
+        .#{$prefix}dd-drop-icon {
+            display: none;
+        }
+    }
+
+    .#{$prefix}dd-drag-ghost {
+        @include opacity(.85);
+        
+        padding: 5px;
+        padding-left: 20px;
+        
+        white-space: nowrap;
+        
+        color: #000;
+        font: normal ceil($font-size * .9) $font-family;
+        
+        border: 1px solid;
+        border-color: #ddd #bbb #bbb #ddd;
+        
+        background-color: #fff;
+    }
+
+    .#{$prefix}dd-drop-icon {
+        position: absolute;
+        top: 3px;
+        left: 3px;
+        
+        display: block;
+        
+        width: 16px;
+        height: 16px;
+        
+        background-color: transparent;
+        background-position:  center;
+        background-repeat:  no-repeat;
+        
+        z-index: 1;
+    }
+
+    .#{$prefix}view-selector {
+        position: absolute;
+        left: 0;
+        top: 0;
+        
+        width: 0;
+        
+        background-color: #c3daf9;
+        border: 1px dotted #3399bb;
+            
+        @include opacity(.5);
+        
+        zoom: 1;
+    }
+    
+    .#{$prefix}dd-drop-nodrop .#{$prefix}dd-drop-icon {
+        background-image: theme-image($theme-name, 'dd/drop-no.gif');
+    }
+
+    .#{$prefix}dd-drop-ok .#{$prefix}dd-drop-icon {
+        background-image: theme-image($theme-name, 'dd/drop-yes.gif');
+    }
+
+    .#{$prefix}dd-drop-ok-add .#{$prefix}dd-drop-icon {
+        background-image: theme-image($theme-name, 'dd/drop-ok.gif');
+    }
+}
\ No newline at end of file