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-background-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 }