cryptcheck-rails/app/assets/stylesheets/application.scss.erb

//= 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;
}