No Description https://cryptcheck.fr/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

application.scss 2.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  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. table.center td {
  35. text-align: center;
  36. &.left {
  37. text-align: left;
  38. }
  39. }
  40. td.error {
  41. background-color: #ddd;
  42. }
  43. td.primary {
  44. background-color: $state-info-bg;
  45. }
  46. .translation_missing {
  47. border: 1px solid red;
  48. }
  49. .progress-bar-default {
  50. background-color: $label-default-bg;
  51. }
  52. .progress {
  53. margin: 0;
  54. }
  55. #check,
  56. #ssh_check,
  57. #tls_check {
  58. margin-top: 100px;
  59. }
  60. $color-critical: #d9534f;
  61. $color-error: #e4804e;
  62. $color-warning: #f0ad4e;
  63. $color-good: #beb052;
  64. $color-best: #8db457;
  65. $color-great: #5cb85c;
  66. .label-state-critical {
  67. background-color: $color-critical;
  68. }
  69. .label-state-error {
  70. background-color: $color-error;
  71. }
  72. .label-state-warning {
  73. background-color: $color-warning;
  74. color: $text-color;
  75. }
  76. .label-state-good {
  77. background-color: $color-good;
  78. color: $text-color;
  79. }
  80. .label-state-best {
  81. background-color: $color-best;
  82. }
  83. .label-state-great {
  84. background-color: $color-great;
  85. }
  86. .label-state-default {
  87. //background-color: #008000;
  88. background-color: $label-default-bg;
  89. }
  90. .label-state-success {
  91. background-color: $label-success-bg;
  92. }
  93. .alert-critical, .alert-error {
  94. background-color: $alert-danger-bg;
  95. color: $alert-danger-text;
  96. border-color: $alert-danger-border
  97. }
  98. .alert-warning {
  99. background-color: $alert-warning-bg;
  100. color: $alert-warning-text;
  101. border-color: $alert-warning-border
  102. }
  103. .alert-good, .alert-great, .alert-best {
  104. background-color: $alert-success-bg;
  105. color: $alert-success-text;
  106. border-color: $alert-success-border
  107. }