flat.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  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. }
  29. .l-menu__item--active {
  30. background-color: #fff;
  31. }
  32. .l-menu__item.l-menu__item--active a {
  33. background: none;
  34. }
  35. .l-menu__item a:hover {
  36. background: #FFFFFF !important;
  37. box-shadow: none;
  38. }
  39. .l-menu__item a:active {
  40. background: none;
  41. box-shadow: none;
  42. }
  43. .l-profile__notifications:hover,
  44. .l-profile__notifications.updates:hover,
  45. .l-profile__notifications.active.l-profile__notifications.updates:active {
  46. background: white !important;
  47. border: 1px solid transparent !important;
  48. box-shadow: none !important;
  49. }
  50. .l-unit:hover {
  51. box-shadow: none;
  52. }
  53. .l-unit__stat-col--left a, .l-unit__stat-col--left a:visited {
  54. color: #5f7eb3;
  55. }
  56. .l-unit__stat-col--left a:hover {
  57. color: #474747;
  58. }
  59. .l-unit:hover, .units .l-unit:hover {
  60. box-shadow: none;
  61. }
  62. .vst-input {
  63. box-shadow: none;
  64. }
  65. .vst-list {
  66. box-shadow: none;
  67. }
  68. .advanced-options {
  69. box-shadow: none !important;
  70. }
  71. .vst-textinput {
  72. box-shadow: none;
  73. }
  74. .ui-button, .button {
  75. box-shadow: none !important;
  76. background: linear-gradient(to bottom, rgba(235,243,249,1) 0%,rgba(223,235,245,1) 100%) !important;
  77. }
  78. .ui-button.cancel, .button.cancel {
  79. box-shadow: none !important;
  80. background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(241,241,241,1) 100%) !important;
  81. }
  82. .ui-button:hover, .button:hover, .ui-button.cancel:hover, .button.cancel:hover {
  83. box-shadow: none !important;
  84. background: linear-gradient(to bottom, rgba(241,248,253,1) 0%,rgba(227,240,251,1) 100%) !important;
  85. }
  86. .ui-button:focus,.ui-button:active,
  87. .button:active,.button:focus,.ui-button.cancel:focus,.ui-button.cancel:active,
  88. .button.cancel:active,.button.cancel:focus {
  89. box-shadow: none !important;
  90. background: linear-gradient(to bottom, rgba(210,232,250,1) 0%,rgba(194,224,248,1) 100%) !important;
  91. }
  92. .ui-button.danger:hover, .button.danger:hover {
  93. background: #fcd3cf !important;
  94. color: #F4301A !important;
  95. border: 1px solid #F27E71 !important;
  96. }
  97. .ui-button.danger:active, .button.danger:active, .ui-button.danger:focus, .button.danger:focus {
  98. background: #a91200 !important;
  99. color: #fff !important;
  100. border: 1px solid #F4301A !important;
  101. }
  102. .alert {
  103. text-shadow: none !important;
  104. box-shadow: none !important;
  105. }
  106. .pill.usage {
  107. box-shadow: none;
  108. }
  109. .badge {
  110. box-shadow: none;
  111. }
  112. .notification-container {
  113. box-shadow: none;
  114. border: 1px solid #dadada;
  115. }
  116. .context-menu.sort-order {
  117. box-shadow: none;
  118. border: 1px solid #dadada;
  119. }