_loadmask.scss2.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>The source code</title>
  6. <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  7. <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  8. <style type="text/css">
  9. .highlight { display: block; background-color: #ddd; }
  10. </style>
  11. <script type="text/javascript">
  12. function highlight() {
  13. document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14. }
  15. </script>
  16. </head>
  17. <body onload="prettyPrint(); highlight();">
  18. <pre class="prettyprint lang-js">/* Styles for Ext.LoadMask */
  19. .#{$prefix}mask {
  20. z-index: 100;
  21. position: absolute;
  22. top: 0;
  23. left: 0;
  24. @include opacity($loadmask-opacity);
  25. width: 100%;
  26. height: 100%;
  27. zoom: 1;
  28. background: $loadmask-backgorund;
  29. }
  30. .#{$prefix}mask-msg {
  31. z-index: 20001;
  32. position: absolute;
  33. top: 0;
  34. left: 0;
  35. padding: $loadmask-msg-padding;
  36. border: 1px solid;
  37. border-color: $loadmask-msg-border-color;
  38. @if $loadmask-msg-background-gradient {
  39. @if $supports-gradients or $compile-all {
  40. @include background-gradient($loadmask-msg-background-color, $loadmask-msg-background-gradient);
  41. }
  42. } @else {
  43. background: $loadmask-msg-background-color;
  44. }
  45. div {
  46. padding: $loadmask-msg-inner-padding;
  47. //if an icon is defined show it
  48. @if $loadmask-msg-inner-icon != null {
  49. background-image: theme-background-image($theme-name, $loadmask-msg-inner-icon);
  50. background-repeat: no-repeat;
  51. background-position: 5px center;
  52. }
  53. cursor: wait;
  54. border: 1px solid $loadmask-msg-inner-border-color;
  55. background-color: $loadmask-msg-inner-background-color;
  56. color: $loadmask-msg-inner-color;
  57. font: $loadmask-msg-inner-font;
  58. }
  59. }</pre>
  60. </body>
  61. </html>