Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. //= require_tree .
  2. //= require_self
  3. @import 'bootstrap-sprockets';
  4. @import 'bootstrap';
  5. @import 'bootstrap/variables';
  6. @import 'bootstrap/mixins';
  7. @import 'bootstrap/normalize';
  8. @import 'bootstrap/scaffolding';
  9. @import 'bootstrap/type';
  10. @import 'bootstrap/grid';
  11. @import 'bootstrap/tables';
  12. @import 'bootstrap/forms';
  13. @import 'bootstrap/buttons';
  14. @import 'bootstrap/dropdowns';
  15. @import 'bootstrap/navs';
  16. @import 'bootstrap/navbar';
  17. @import 'bootstrap/progress-bars';
  18. @import 'bootstrap/labels';
  19. @import 'bootstrap/badges';
  20. @import 'bootstrap/alerts';
  21. @import 'bootstrap/utilities';
  22. @import 'bootstrap/responsive-utilities';
  23. @import 'font-awesome-sprockets';
  24. @import 'font-awesome';
  25. * {
  26. box-sizing: border-box;
  27. }
  28. body {
  29. padding-top: $navbar-height + 10px;
  30. }
  31. .label-error, .progress-bar-error {
  32. background-color: #000;
  33. }
  34. .label-critical, .progress-bar-critical {
  35. background-color: #000;
  36. }
  37. table.center {
  38. td, th {
  39. text-align: center;
  40. &.left {
  41. text-align: left;
  42. }
  43. }
  44. }
  45. td.error {
  46. background-color: #ddd;
  47. }
  48. td.primary {
  49. background-color: $state-info-bg;
  50. }
  51. <% unless Rails.env == 'production' %>
  52. .translation_missing {
  53. border: 1px solid red;
  54. }
  55. <% end %>
  56. .progress-bar-default {
  57. background-color: $label-default-bg;
  58. }
  59. .progress {
  60. margin: 0;
  61. }
  62. #check,
  63. #ssh_check,
  64. #tls_check {
  65. margin-top: 100px;
  66. }
  67. $color-critical: #d9534f;
  68. $color-error: #e4804e;
  69. $color-warning: #f0ad4e;
  70. $color-good: #beb052;
  71. $color-best: #8db457;
  72. $color-great: #5cb85c;
  73. .label-state-critical {
  74. background-color: $color-critical;
  75. }
  76. .label-state-error {
  77. background-color: $color-error;
  78. }
  79. .label-state-warning {
  80. background-color: $color-warning;
  81. color: $text-color;
  82. }
  83. .label-state-good {
  84. background-color: $color-good;
  85. color: $text-color;
  86. }
  87. .label-state-best {
  88. background-color: $color-best;
  89. }
  90. .label-state-great {
  91. background-color: $color-great;
  92. }
  93. .label-state-default {
  94. background-color: $label-default-bg;
  95. }
  96. .label-state-success {
  97. background-color: $label-success-bg;
  98. }
  99. $lighten-alert: 35%;
  100. .alert-critical {
  101. background-color: lighten($color-critical, $lighten-alert);
  102. color: $color-critical;
  103. border-color: $color-critical;
  104. }
  105. .alert-error {
  106. background-color: lighten($color-error, $lighten-alert);
  107. color: $color-error;
  108. border-color: $color-error;
  109. }
  110. .alert-warning {
  111. background-color: lighten($color-warning, $lighten-alert);
  112. color: $color-warning;
  113. border-color: $color-warning;
  114. }
  115. .alert-good {
  116. background-color: lighten($color-good, $lighten-alert);
  117. color: $color-good;
  118. border-color: $color-good;
  119. }
  120. .alert-best {
  121. background-color: lighten($color-best, $lighten-alert);
  122. color: $color-best;
  123. border-color: $color-best;
  124. }
  125. .alert-great {
  126. background-color: lighten($color-great, $lighten-alert);
  127. color: $color-great;
  128. border-color: $color-great;
  129. }