flat.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. /*
  2. Theme Name: Flat
  3. Author: Robert Zollner (@Lupul)
  4. Website: www.hestiacp.com
  5. */
  6. body {
  7. letter-spacing: 0;
  8. }
  9. b, strong {
  10. font-weight: 600;
  11. }
  12. .body-login, .body-reset {
  13. background: #5f7eb3 !important;
  14. }
  15. .table-header {
  16. box-shadow: none !important;
  17. background: #fafafa !important;
  18. }
  19. .advanced-options {
  20. background: #fafafa !important;
  21. }
  22. .to-top, .to-shortcuts,
  23. .to-top:hover, .to-shortcuts:hover,
  24. .to-top:active, .to-shortcuts:active {
  25. box-shadow: none !important;
  26. background: none !important;
  27. background-color: #eee !important;
  28. }
  29. .l-header {
  30. box-shadow: none;
  31. background: #5070a6;
  32. text-shadow: none !important;
  33. }
  34. .l-menu__item--active {
  35. background-color: #fff;
  36. }
  37. .l-menu__item.l-menu__item--active a {
  38. background: none;
  39. box-shadow: none !important;
  40. }
  41. .l-menu__item a:hover {
  42. background: #FFFFFF !important;
  43. box-shadow: none;
  44. }
  45. .l-menu__item a:active {
  46. background: none;
  47. box-shadow: none !important;
  48. }
  49. .l-profile__notifications:hover,
  50. .l-profile__notifications.updates:hover,
  51. .l-profile__notifications.active.l-profile__notifications.updates:active {
  52. background: white !important;
  53. border: 1px solid transparent !important;
  54. box-shadow: none !important;
  55. }
  56. .l-unit:hover {
  57. box-shadow: none;
  58. }
  59. .l-unit__stat-col--left a, .l-unit__stat-col--left a:visited {
  60. color: #5f7eb3;
  61. }
  62. .l-unit__stat-col--left a:hover {
  63. color: #474747;
  64. }
  65. .l-unit:hover, .units .l-unit:hover {
  66. box-shadow: none;
  67. }
  68. .vst-input {
  69. box-shadow: none;
  70. }
  71. .vst-list {
  72. box-shadow: none;
  73. }
  74. .advanced-options {
  75. box-shadow: none !important;
  76. }
  77. .vst-textinput {
  78. box-shadow: none;
  79. }
  80. .ui-button, .button, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit, .vst-advanced {
  81. box-shadow: none !important;
  82. background: linear-gradient(to bottom, rgba(235,243,249,1) 0%,rgba(223,235,245,1) 100%) !important;
  83. }
  84. .ui-button.cancel,
  85. .button.cancel,
  86. .to-top, .to-shortcuts {
  87. box-shadow: none !important;
  88. background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(241,241,241,1) 100%) !important;
  89. }
  90. .ui-button:hover, .button:hover, .ui-button.cancel:hover, .button.cancel:hover,
  91. .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit:hover,
  92. .vst-advanced:hover, .to-top:hover, .to-shortcuts:hover {
  93. color: #6986b7 !important;
  94. box-shadow: none !important;
  95. background: linear-gradient(to bottom, rgba(241,248,253,1) 0%,rgba(227,240,251,1) 100%) !important;
  96. }
  97. .ui-button:focus,.ui-button:active,
  98. .button:active,.button:focus,.ui-button.cancel:focus,.ui-button.cancel:active,
  99. .button.cancel:active,.button.cancel:focus,
  100. .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit:active,
  101. .vst-advanced:active,.to-top:focus, .to-shortcuts:focus {
  102. box-shadow: none !important;
  103. background: linear-gradient(to bottom, rgba(210,232,250,1) 0%,rgba(194,224,248,1) 100%) !important;
  104. }
  105. .ui-button.danger:hover, .button.danger:hover {
  106. background: #fcd3cf !important;
  107. color: #F4301A !important;
  108. border: 1px solid #F27E71 !important;
  109. }
  110. .ui-button.danger:active, .button.danger:active, .ui-button.danger:focus, .button.danger:focus {
  111. background: #a91200 !important;
  112. color: #fff !important;
  113. border: 1px solid #F4301A !important;
  114. }
  115. .ui-dialog .ui-dialog-buttonpane button:nth-of-type(2) {
  116. box-shadow: none !important;
  117. }
  118. .ui-dialog {
  119. box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5) !important;
  120. }
  121. .alert {
  122. text-shadow: none !important;
  123. box-shadow: none !important;
  124. }
  125. .pill.usage {
  126. box-shadow: none;
  127. }
  128. .badge {
  129. box-shadow: none;
  130. }
  131. .notification-container {
  132. box-shadow: none;
  133. border: 1px solid #ccc;
  134. background: #fff;
  135. }
  136. .context-menu.sort-order {
  137. box-shadow: none;
  138. border: 1px solid #ccc;
  139. background: #fff !important;
  140. }
  141. .login {
  142. background-color: rgba(255,255,255,0.8) !important;
  143. box-shadow: 0px 2px 10px rgba(0,0,0, 0.3),
  144. inset 0px 0px 2px rgba(255,255,255,1) !important;
  145. }