flat.css 3.9 KB

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