Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / resources / themes / stylesheets / ext4 / default / widgets / _loadmask.scss
1 /**
2   * @class Ext.LoadMask
3   * Component used to mask a component
4   */
5 .#{$prefix}mask {
6     z-index: 100;
7     
8     position: absolute;
9     top: 0;
10     left: 0;
11     
12     @include opacity($loadmask-opacity);
13     
14     width: 100%;
15     height: 100%;
16     zoom: 1;
17     
18     background: $loadmask-backgorund;
19 }
20
21 .#{$prefix}mask-msg {
22     z-index: 20001;
23
24     position: absolute;
25     top: 0;
26     left: 0;
27     
28     padding: $loadmask-msg-padding;
29     border: 1px solid;
30     border-color: $loadmask-msg-border-color;
31     
32     @if $loadmask-msg-background-gradient {
33         @if $supports-gradients or $compile-all {
34             @include background-gradient($loadmask-msg-background-color, $loadmask-msg-background-gradient);
35         }
36     } @else {
37         background: $loadmask-msg-background-color;
38     }
39     
40     div {
41         padding: $loadmask-msg-inner-padding;
42         
43         //if an icon is defined show it
44         @if $loadmask-msg-inner-icon != null {
45             background-image: theme-image($theme-name, $loadmask-msg-inner-icon);
46             background-repeat: no-repeat;
47             background-position: 5px center;
48         }
49         
50         cursor: wait;
51         
52         border: 1px solid $loadmask-msg-inner-border-color;
53         
54         background-color: $loadmask-msg-inner-background-color;
55         
56         color: $loadmask-msg-inner-color;
57         font: $loadmask-msg-inner-font;
58     }
59 }
60
61 @if not $supports-gradients or $compile-all {
62     .#{$prefix}nlg .#{$prefix}mask-msg {
63 /*      background-image: theme-image($theme-name, 'mask/mask-bg.gif');*/
64     } 
65 }