X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/docs/resources/themes/stylesheets/ext4/default/widgets/_loadmask.scss

diff --git a/docs/resources/themes/stylesheets/ext4/default/widgets/_loadmask.scss b/docs/resources/themes/stylesheets/ext4/default/widgets/_loadmask.scss
new file mode 100644
index 00000000..d03b3a03
--- /dev/null
+++ b/docs/resources/themes/stylesheets/ext4/default/widgets/_loadmask.scss
@@ -0,0 +1,59 @@
+/**
+  * @class Ext.LoadMask
+  * Component used to mask a component
+  */
+.#{$prefix}mask {
+    z-index: 100;
+    
+    position: absolute;
+    top: 0;
+    left: 0;
+    
+    @include opacity($loadmask-opacity);
+    
+    width: 100%;
+    height: 100%;
+    zoom: 1;
+    
+    background: $loadmask-backgorund;
+}
+
+.#{$prefix}mask-msg {
+    z-index: 20001;
+
+    position: absolute;
+    top: 0;
+    left: 0;
+    
+    padding: $loadmask-msg-padding;
+    border: 1px solid;
+    border-color: $loadmask-msg-border-color;
+    
+    @if $loadmask-msg-background-gradient {
+        @if $supports-gradients or $compile-all {
+            @include background-gradient($loadmask-msg-background-color, $loadmask-msg-background-gradient);
+        }
+    } @else {
+        background: $loadmask-msg-background-color;
+    }
+    
+    div {
+        padding: $loadmask-msg-inner-padding;
+        
+        //if an icon is defined show it
+        @if $loadmask-msg-inner-icon != null {
+            background-image: theme-image($theme-name, $loadmask-msg-inner-icon);
+            background-repeat: no-repeat;
+            background-position: 5px center;
+        }
+        
+        cursor: wait;
+        
+        border: 1px solid $loadmask-msg-inner-border-color;
+        
+        background-color: $loadmask-msg-inner-background-color;
+        
+        color: $loadmask-msg-inner-color;
+        font: $loadmask-msg-inner-font;
+    }
+}
\ No newline at end of file