Upgrade to ExtJS 4.0.2 - Released 06/09/2011
[extjs.git] / resources / themes / stylesheets / ext4 / default / util / _dragdrop.scss
1 @mixin extjs-dragdrop {
2     .#{$prefix}dd-drag-proxy {
3         
4     }
5     
6     .#{$prefix}dd-drag-repair {
7         .#{$prefix}dd-drag-ghost {
8             @include opacity(.6);
9         }
10
11         .#{$prefix}dd-drop-icon {
12             display: none;
13         }
14     }
15
16     .#{$prefix}dd-drag-ghost {
17         @include opacity(.85);
18         
19         padding: 5px;
20         padding-left: 20px;
21         
22         white-space: nowrap;
23         
24         color: #000;
25         font: normal ceil($font-size * .9) $font-family;
26         
27         border: 1px solid;
28         border-color: #ddd #bbb #bbb #ddd;
29         
30         background-color: #fff;
31     }
32
33     .#{$prefix}dd-drop-icon {
34         position: absolute;
35         top: 3px;
36         left: 3px;
37         
38         display: block;
39         
40         width: 16px;
41         height: 16px;
42         
43         background-color: transparent;
44         background-position:  center;
45         background-repeat:  no-repeat;
46         
47         z-index: 1;
48     }
49
50     .#{$prefix}view-selector {
51         position: absolute;
52         left: 0;
53         top: 0;
54         
55         width: 0;
56         
57         background-color: #c3daf9;
58         border: 1px dotted #3399bb;
59             
60         @include opacity(.5);
61         
62         zoom: 1;
63     }
64     
65     .#{$prefix}dd-drop-nodrop .#{$prefix}dd-drop-icon {
66         @include theme-background-image($theme-name, 'dd/drop-no.gif');
67     }
68
69     .#{$prefix}dd-drop-ok .#{$prefix}dd-drop-icon {
70         @include theme-background-image($theme-name, 'dd/drop-yes.gif');
71     }
72
73     .#{$prefix}dd-drop-ok-add .#{$prefix}dd-drop-icon {
74         @include theme-background-image($theme-name, 'dd/drop-add.gif');
75     }
76 }