_messagebox.scss.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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">@mixin extjs-messagebox {
  19. .#{$prefix}message-box .#{$prefix}window-body {
  20. background-color: $window-background-color;
  21. border: none;
  22. }
  23. .#{$prefix}message-box .#{$prefix}progress-wrap {
  24. margin-top: 4px;
  25. }
  26. .#{$prefix}message-box-icon {
  27. width: 47px;
  28. height: 32px;
  29. }
  30. .#{$prefix}message-box-info,
  31. .#{$prefix}message-box-warning,
  32. .#{$prefix}message-box-question,
  33. .#{$prefix}message-box-error {
  34. background: transparent no-repeat top left;
  35. }
  36. .#{$prefix}message-box .#{$prefix}msg-box-wait {
  37. background-image: theme-background-image($theme-name, 'shared/blue-loading.gif');
  38. }
  39. .#{$prefix}message-box-info {
  40. background-image: theme-background-image($theme-name, 'shared/icon-info.gif');
  41. }
  42. .#{$prefix}message-box-warning {
  43. background-image: theme-background-image($theme-name, 'shared/icon-warning.gif');
  44. }
  45. .#{$prefix}message-box-question {
  46. background-image: theme-background-image($theme-name, 'shared/icon-question.gif');
  47. }
  48. .#{$prefix}message-box-error {
  49. background-image: theme-background-image($theme-name, 'shared/icon-error.gif');
  50. }
  51. }</pre>
  52. </body>
  53. </html>