Application.scss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. html,
  2. body {
  3. height: 100%;
  4. margin: 0;
  5. }
  6. body.launching {
  7. @include background-size(cover);
  8. background-color: $base-color;
  9. &::after {
  10. @include animation(rotate-animation 1s linear infinite);
  11. @include transform-origin(50% 50%);
  12. @include background-size(cover);
  13. background-image: url(get-resource-path('images/loading.gif'));
  14. background-position: center;
  15. background-repeat: no-repeat;
  16. content: '';
  17. color: #fff;
  18. position: absolute;
  19. margin-top: -50px;
  20. margin-left: -50px;
  21. top: 50%;
  22. left: 50%;
  23. width: 100px;
  24. height: 100px;
  25. }
  26. }
  27. .main-header {
  28. background-color: $base-color;
  29. background-image: url(get-resource-path('images/default/logo-uas.png'));
  30. background-position: 30px 12px;
  31. background-repeat: no-repeat;
  32. background-size: 80px 32px;
  33. padding: 0 30px 0 100px;
  34. font-size: 14px;
  35. color: #fff;
  36. @include extjs-button-toolbar-small-ui(
  37. $ui: 'header',
  38. $border-color: transparent,
  39. $border-color-over: transparent,
  40. $border-color-focus: transparent,
  41. $border-color-pressed: transparent,
  42. $border-color-focus-over: transparent,
  43. $border-color-focus-pressed: transparent,
  44. $border-color-disabled: transparent,
  45. $background-color: transparent,
  46. $background-color-over: transparent,
  47. $background-color-focus: transparent,
  48. $background-color-pressed: transparent,
  49. $background-color-focus-over: transparent,
  50. $background-color-focus-pressed: transparent,
  51. $background-color-disabled: transparent,
  52. $color: rgba(255, 255, 255, .8),
  53. $color-over: rgb(255, 255, 255),
  54. $color-focus: rgb(255, 255, 255),
  55. $color-pressed: rgb(255, 255, 255),
  56. $color-focus-over: rgb(255, 255, 255),
  57. $color-focus-pressed: rgb(255, 255, 255),
  58. $color-disabled: rgb(255, 255, 255),
  59. $inner-border-width: 0,
  60. $inner-border-width-over: 0,
  61. $inner-border-width-focus: 0,
  62. $inner-border-width-pressed: 0,
  63. $inner-border-width-focus-over: 0,
  64. $inner-border-width-focus-pressed: 0,
  65. $inner-border-width-disabled: 0,
  66. $inner-border-color: transparent,
  67. $inner-border-color-over: transparent,
  68. $inner-border-color-focus: transparent,
  69. $inner-border-color-pressed: transparent,
  70. $inner-border-color-focus-over: transparent,
  71. $inner-border-color-focus-pressed: transparent,
  72. $inner-border-color-disabled: transparent,
  73. $font-size: 14px
  74. );
  75. .x-btn-wrap-header-toolbar-small.x-btn-arrow-right:after {
  76. background-image: none;
  77. width: 8px;
  78. height: 8px;
  79. color: transparent;
  80. border:rgba(255, 255, 255, .8) solid;
  81. border-width: 1px 1px 0 0;
  82. transform: rotate(135deg);
  83. margin-top: 3px;
  84. }
  85. .x-toolbar-text-default {
  86. color: #fff;
  87. }
  88. }