_loadmask.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /* Styles for Ext.LoadMask */
  2. .#{$prefix}mask {
  3. z-index: 100;
  4. position: absolute;
  5. top: 0;
  6. left: 0;
  7. @include opacity($loadmask-opacity);
  8. width: 100%;
  9. height: 100%;
  10. zoom: 1;
  11. background: $loadmask-backgorund;
  12. }
  13. .#{$prefix}mask-msg {
  14. z-index: 20001;
  15. position: absolute;
  16. top: 0;
  17. left: 0;
  18. padding: $loadmask-msg-padding;
  19. border: 1px solid;
  20. border-color: $loadmask-msg-border-color;
  21. @if $loadmask-msg-background-gradient {
  22. @if $supports-gradients or $compile-all {
  23. @include background-gradient($loadmask-msg-background-color, $loadmask-msg-background-gradient);
  24. }
  25. } @else {
  26. background: $loadmask-msg-background-color;
  27. }
  28. div {
  29. padding: $loadmask-msg-inner-padding;
  30. //if an icon is defined show it
  31. @if $loadmask-msg-inner-icon != null {
  32. background-image: theme-background-image($theme-name, $loadmask-msg-inner-icon);
  33. background-repeat: no-repeat;
  34. background-position: 5px center;
  35. }
  36. cursor: wait;
  37. border: 1px solid $loadmask-msg-inner-border-color;
  38. background-color: $loadmask-msg-inner-background-color;
  39. color: $loadmask-msg-inner-color;
  40. font: $loadmask-msg-inner-font;
  41. }
  42. }