|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157 |
- //= require_tree .
- //= require_self
- @import 'bootstrap-sprockets';
- @import 'bootstrap';
- @import 'bootstrap/variables';
- @import 'bootstrap/mixins';
- @import 'bootstrap/normalize';
- @import 'bootstrap/scaffolding';
- @import 'bootstrap/type';
- @import 'bootstrap/grid';
- @import 'bootstrap/tables';
- @import 'bootstrap/forms';
- @import 'bootstrap/buttons';
- @import 'bootstrap/dropdowns';
- @import 'bootstrap/navs';
- @import 'bootstrap/navbar';
- @import 'bootstrap/progress-bars';
- @import 'bootstrap/labels';
- @import 'bootstrap/badges';
- @import 'bootstrap/alerts';
- @import 'bootstrap/utilities';
- @import 'bootstrap/responsive-utilities';
- @import 'font-awesome-sprockets';
- @import 'font-awesome';
-
- * {
- box-sizing: border-box;
- }
-
- body {
- padding-top: $navbar-height + 10px;
- }
-
- .label-error, .progress-bar-error {
- background-color: #000;
- }
-
- .label-critical, .progress-bar-critical {
- background-color: #000;
- }
-
- table.center {
- td, th {
- text-align: center;
-
- &.left {
- text-align: left;
- }
- }
- }
-
- td.error {
- background-color: #ddd;
- }
-
- td.primary {
- background-color: $state-info-bg;
- }
-
- <% unless Rails.env == 'production' %>
- .translation_missing {
- border: 1px solid red;
- }
-
- <% end %>
-
- .progress-bar-default {
- background-color: $label-default-bg;
- }
-
- .progress {
- margin: 0;
- }
-
- #check,
- #ssh_check,
- #tls_check {
- margin-top: 100px;
- }
-
- $color-critical: #d9534f;
- $color-error: #e4804e;
- $color-warning: #f0ad4e;
- $color-good: #beb052;
- $color-best: #8db457;
- $color-great: #5cb85c;
-
- .label-state-critical {
- background-color: $color-critical;
- }
-
- .label-state-error {
- background-color: $color-error;
- }
-
- .label-state-warning {
- background-color: $color-warning;
- color: $text-color;
- }
-
- .label-state-good {
- background-color: $color-good;
- color: $text-color;
- }
-
- .label-state-best {
- background-color: $color-best;
- }
-
- .label-state-great {
- background-color: $color-great;
- }
-
- .label-state-default {
- background-color: $label-default-bg;
- }
-
- .label-state-success {
- background-color: $label-success-bg;
- }
-
- $lighten-alert: 35%;
- .alert-critical {
- background-color: lighten($color-critical, $lighten-alert);
- color: $color-critical;
- border-color: $color-critical;
- }
-
- .alert-error {
- background-color: lighten($color-error, $lighten-alert);
- color: $color-error;
- border-color: $color-error;
- }
-
- .alert-warning {
- background-color: lighten($color-warning, $lighten-alert);
- color: $color-warning;
- border-color: $color-warning;
- }
-
- .alert-good {
- background-color: lighten($color-good, $lighten-alert);
- color: $color-good;
- border-color: $color-good;
- }
-
- .alert-best {
- background-color: lighten($color-best, $lighten-alert);
- color: $color-best;
- border-color: $color-best;
- }
-
- .alert-great {
- background-color: lighten($color-great, $lighten-alert);
- color: $color-great;
- border-color: $color-great;
- }
|