Make some visual changes to the status page.
This commit is contained in:
James Brooks
@@ -0,0 +1,23 @@
|
|||||||
|
$green: #2ECC71;
|
||||||
|
$dark-green: darken($green, 10%);
|
||||||
|
|
||||||
|
$blue: #3498db;
|
||||||
|
$dark-blue: darken($blue, 10%);
|
||||||
|
|
||||||
|
$red: #ff6f6f;
|
||||||
|
$dark-red: darken($red, 10%);
|
||||||
|
|
||||||
|
$teal: #0dccc0;
|
||||||
|
$dark-teal: darken($teal, 10%);
|
||||||
|
|
||||||
|
$yellow: #F7CA18;
|
||||||
|
$dark-yellow: darken($yellow, 10%);
|
||||||
|
|
||||||
|
$pink: #b23f73;
|
||||||
|
$dark-pink: darken($pink, 10%);
|
||||||
|
|
||||||
|
$grey: #ecf0f1;
|
||||||
|
$dark-grey: darken($grey, 10%);
|
||||||
|
|
||||||
|
$orange: #E87E04;
|
||||||
|
$dark-orange: darken($orange, 10%);
|
||||||
+139
-134
@@ -1,162 +1,167 @@
|
|||||||
body {
|
@import 'palette';
|
||||||
|
|
||||||
|
body.status-page {
|
||||||
|
font-family: 'Lato';
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-success, .text-component-1 {
|
|
||||||
color: #4cae4c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-info, .text-component-2 {
|
|
||||||
color: #46b8da;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-alert, .text-component-3 {
|
|
||||||
color: #F9BF3B;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-danger, .text-component-4 {
|
|
||||||
color: #D91E18;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 960px;
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-header {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert {
|
|
||||||
margin-top: 20px;
|
|
||||||
border-radius: 0;
|
|
||||||
font-size: 1.2em;
|
|
||||||
&.alert-success {
|
|
||||||
background-color: #8DCD8D;
|
|
||||||
border-color: #4cae4c;
|
|
||||||
color: white;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.alert-info {
|
h1, h2, h3, h4, h5 {
|
||||||
background: #8CD3E8;
|
margin-bottom: 20px;
|
||||||
border-color: #46b8da;
|
|
||||||
color: #FFF;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.alert-danger {
|
.text-success, .text-component-1 {
|
||||||
background: #D91E18;
|
color: $green;
|
||||||
border-color: #CF000F;
|
|
||||||
color: #FFF;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.badge {
|
.text-info, .text-component-2 {
|
||||||
padding-top: 8px;
|
color: $blue;
|
||||||
padding-bottom: 8px;
|
|
||||||
padding-left: 12px;
|
|
||||||
padding-right: 12px;
|
|
||||||
&.badge-incident-1 {
|
|
||||||
background-color: #F27935;
|
|
||||||
}
|
}
|
||||||
&.badge-incident-2 {
|
|
||||||
background-color: #F9BF3B;
|
|
||||||
}
|
|
||||||
&.badge-incident-3 {
|
|
||||||
background-color: #46b8da;
|
|
||||||
}
|
|
||||||
&.badge-incident-4 {
|
|
||||||
background-color: #4cae4c;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-group {
|
.text-alert, .text-component-3 {
|
||||||
margin-bottom: 20px;
|
color: $yellow;
|
||||||
padding-left: 0;
|
}
|
||||||
border-radius: 0;
|
|
||||||
|
|
||||||
.list-group-item {
|
.text-danger, .text-component-4 {
|
||||||
|
color: $red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
max-width: 960px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background-color: #ffffff;
|
font-size: 1.2em;
|
||||||
border: 1px solid #BDC3C7;
|
&.alert-success {
|
||||||
font-size: 1.1em;
|
background-color: $green;
|
||||||
|
border-color: $dark-green;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
span.badge {
|
&.alert-info {
|
||||||
position: absolute;
|
background: $blue;
|
||||||
top: 0;
|
border-color: $dark-blue;
|
||||||
right: 0;
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.alert-danger {
|
||||||
|
background: $red;
|
||||||
|
border-color: $dark-red;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
padding-left: 12px;
|
||||||
|
padding-right: 12px;
|
||||||
|
&.badge-incident-1 {
|
||||||
|
background-color: $orange;
|
||||||
|
}
|
||||||
|
&.badge-incident-2 {
|
||||||
|
background-color: $yellow;
|
||||||
|
}
|
||||||
|
&.badge-incident-3 {
|
||||||
|
background-color: $blue;
|
||||||
|
}
|
||||||
|
&.badge-incident-4 {
|
||||||
|
background-color: $green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding-left: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
|
.list-group-item {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
display: block;
|
background-color: #ffffff;
|
||||||
}
|
border: 1px solid $grey;
|
||||||
|
|
||||||
i.glyphicon {
|
|
||||||
font-size: 1.4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4 {
|
|
||||||
margin-bottom: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-weight: 400;
|
|
||||||
max-width: 90%;
|
|
||||||
}
|
|
||||||
|
|
||||||
p, time {
|
|
||||||
margin-bottom: 0;
|
|
||||||
line-height: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
time {
|
|
||||||
color: #6C7A89;
|
|
||||||
// letter-spacing: 0.02em;
|
|
||||||
font-weight: 300;
|
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
span.badge {
|
||||||
background-color: #F2F1EF;
|
position: absolute;
|
||||||
h3 {
|
top: 0;
|
||||||
color: #22313F;
|
right: 0;
|
||||||
padding-top: 6px;
|
border-radius: 0;
|
||||||
padding-bottom: 6px;
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
i.glyphicon {
|
||||||
|
font-size: 1.4em;
|
||||||
|
color: rgba(white, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4 {
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-weight: 400;
|
||||||
|
max-width: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
p, time {
|
||||||
|
margin-bottom: 0;
|
||||||
|
line-height: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
time {
|
||||||
|
color: #6C7A89;
|
||||||
|
// letter-spacing: 0.02em;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 1.6em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&.active {
|
||||||
color: inherit;
|
background-color: #F2F1EF;
|
||||||
border-color: #BDC3C7;
|
h3 {
|
||||||
|
color: #22313F;
|
||||||
|
padding-top: 2px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 1.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: inherit;
|
||||||
|
border-color: $grey;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.components {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
p {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.badge {
|
||||||
|
color: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.components {
|
footer.footer {
|
||||||
margin-bottom: 30px;
|
padding-top: 40px;
|
||||||
p {
|
padding-bottom: 40px;
|
||||||
margin-bottom: 10px;
|
color: #777;
|
||||||
}
|
text-align: center;
|
||||||
.badge {
|
border-top: 1px solid $grey;
|
||||||
color: transparent;
|
background-color: lighten($grey, 5%);
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
footer.footer {
|
|
||||||
padding-top: 40px;
|
|
||||||
padding-bottom: 40px;
|
|
||||||
color: #777;
|
|
||||||
text-align: center;
|
|
||||||
border-top: 1px solid #e5e5e5;
|
|
||||||
background-color: lighten(#e5e5e5, 5%);
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -29,6 +29,7 @@ return [
|
|||||||
'logout' => 'Logout',
|
'logout' => 'Logout',
|
||||||
'logged_in' => 'You\'re logged in.',
|
'logged_in' => 'You\'re logged in.',
|
||||||
'setup' => 'Setup Cachet',
|
'setup' => 'Setup Cachet',
|
||||||
|
'no_incidents' => 'No incidents reported.',
|
||||||
'dashboard' => [
|
'dashboard' => [
|
||||||
'dashboard' => 'Dashboard',
|
'dashboard' => 'Dashboard',
|
||||||
'components' => 'Components',
|
'components' => 'Components',
|
||||||
|
|||||||
@@ -1,17 +1,20 @@
|
|||||||
@extends('layout.master')
|
@extends('layout.master')
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class='alert alert-{{ $systemStatus }}'>{{ $systemMessage }}</div>
|
|
||||||
|
|
||||||
@if(Auth::check())
|
@if(Auth::check())
|
||||||
<div class='page-header text-right'>
|
<ul class='nav nav-pills'>
|
||||||
<div class='btn-group'>
|
<li>
|
||||||
<a class="btn btn-default" href="{{ URL::route('dashboard') }}">{{ Lang::get('cachet.dashboard.dashboard') }}</a>
|
<a class="btn btn-default" href="{{ URL::route('dashboard') }}">{{ Lang::get('cachet.dashboard.dashboard') }}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
<a class="btn btn-danger" href="{{ URL::route('logout') }}">{{ Lang::get('cachet.logout') }}</a>
|
<a class="btn btn-danger" href="{{ URL::route('logout') }}">{{ Lang::get('cachet.logout') }}</a>
|
||||||
</div>
|
</li>
|
||||||
</div>
|
</ul>
|
||||||
|
<hr />
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
|
<div class='alert alert-{{ $systemStatus }}'>{{ $systemMessage }}</div>
|
||||||
|
|
||||||
@include('partials.components')
|
@include('partials.components')
|
||||||
|
|
||||||
@if(Setting::get('display_graphs'))
|
@if(Setting::get('display_graphs'))
|
||||||
|
|||||||
@@ -1,12 +1,10 @@
|
|||||||
@if($components->count() > 0)
|
@if($components->count() > 0)
|
||||||
<div class='page-header'>
|
<ul class='list-group components'>
|
||||||
<ul class='list-group components'>
|
@foreach($components as $component)
|
||||||
@foreach($components as $component)
|
<li class='list-group-item component '>
|
||||||
<li class='list-group-item component '>
|
<h4>{{ $component->name }} <small class='text-component-{{ $component->status }}'>{{ $component->humanStatus }}</small></h4>
|
||||||
<h4>{{ $component->name }} <small class='text-component-{{ $component->status }}'>{{ $component->humanStatus }}</small></h4>
|
<p>{{ $component->description }}</p>
|
||||||
<p>{{ $component->description }}</p>
|
</li>
|
||||||
</li>
|
@endforeach
|
||||||
@endforeach
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
@endif
|
@endif
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
@unless($incidents->count() > 0)
|
@unless($incidents->count() > 0)
|
||||||
<li class='list-group-item'>No incidents reported.</li>
|
<li class='list-group-item'>{{ Lang::get('cachet.no_incidents') }}</li>
|
||||||
@endunless
|
@endunless
|
||||||
|
|
||||||
@foreach($incidents as $incidentID => $incident)
|
@foreach($incidents as $incidentID => $incident)
|
||||||
|
|||||||
@@ -4377,119 +4377,109 @@ body.dashboard .content {
|
|||||||
body.dashboard .content h3 {
|
body.dashboard .content h3 {
|
||||||
margin-top: 0; }
|
margin-top: 0; }
|
||||||
|
|
||||||
body {
|
body.status-page {
|
||||||
|
font-family: 'Lato';
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: 300; }
|
font-weight: 300; }
|
||||||
|
body.status-page hr {
|
||||||
hr {
|
margin-top: 10px;
|
||||||
margin-top: 10px;
|
margin-bottom: 10px; }
|
||||||
margin-bottom: 10px; }
|
body.status-page h1, body.status-page h2, body.status-page h3, body.status-page h4, body.status-page h5 {
|
||||||
|
margin-bottom: 20px; }
|
||||||
h1 {
|
body.status-page .text-success, body.status-page .text-component-1 {
|
||||||
margin-bottom: 20px; }
|
color: #2ECC71; }
|
||||||
|
body.status-page .text-info, body.status-page .text-component-2 {
|
||||||
.text-success, .text-component-1 {
|
color: #3498db; }
|
||||||
color: #4cae4c; }
|
body.status-page .text-alert, body.status-page .text-component-3 {
|
||||||
|
color: #F7CA18; }
|
||||||
.text-info, .text-component-2 {
|
body.status-page .text-danger, body.status-page .text-component-4 {
|
||||||
color: #46b8da; }
|
color: #ff6f6f; }
|
||||||
|
body.status-page .container {
|
||||||
.text-alert, .text-component-3 {
|
max-width: 960px;
|
||||||
color: #F9BF3B; }
|
margin-bottom: 40px;
|
||||||
|
margin-top: 20px; }
|
||||||
.text-danger, .text-component-4 {
|
body.status-page .page-header {
|
||||||
color: #D91E18; }
|
margin-top: 10px; }
|
||||||
|
body.status-page .alert {
|
||||||
.container {
|
|
||||||
max-width: 960px;
|
|
||||||
margin-bottom: 40px; }
|
|
||||||
|
|
||||||
.page-header {
|
|
||||||
margin-top: 10px; }
|
|
||||||
|
|
||||||
.alert {
|
|
||||||
margin-top: 20px;
|
|
||||||
border-radius: 0;
|
|
||||||
font-size: 1.2em; }
|
|
||||||
.alert.alert-success {
|
|
||||||
background-color: #8DCD8D;
|
|
||||||
border-color: #4cae4c;
|
|
||||||
color: white; }
|
|
||||||
.alert.alert-info {
|
|
||||||
background: #8CD3E8;
|
|
||||||
border-color: #46b8da;
|
|
||||||
color: #FFF; }
|
|
||||||
.alert.alert-danger {
|
|
||||||
background: #D91E18;
|
|
||||||
border-color: #CF000F;
|
|
||||||
color: #FFF; }
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
padding-top: 8px;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
padding-left: 12px;
|
|
||||||
padding-right: 12px; }
|
|
||||||
.badge.badge-incident-1 {
|
|
||||||
background-color: #F27935; }
|
|
||||||
.badge.badge-incident-2 {
|
|
||||||
background-color: #F9BF3B; }
|
|
||||||
.badge.badge-incident-3 {
|
|
||||||
background-color: #46b8da; }
|
|
||||||
.badge.badge-incident-4 {
|
|
||||||
background-color: #4cae4c; }
|
|
||||||
|
|
||||||
.list-group {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
padding-left: 0;
|
|
||||||
border-radius: 0; }
|
|
||||||
.list-group .list-group-item {
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background-color: #ffffff;
|
font-size: 1.2em; }
|
||||||
border: 1px solid #BDC3C7;
|
body.status-page .alert.alert-success {
|
||||||
font-size: 1.1em; }
|
background-color: #2ECC71;
|
||||||
.list-group .list-group-item span.badge {
|
border-color: #25a25a;
|
||||||
position: absolute;
|
color: white; }
|
||||||
top: 0;
|
body.status-page .alert.alert-info {
|
||||||
right: 0;
|
background: #3498db;
|
||||||
|
border-color: #217dbb;
|
||||||
|
color: #FFF; }
|
||||||
|
body.status-page .alert.alert-danger {
|
||||||
|
background: #ff6f6f;
|
||||||
|
border-color: #ff3c3c;
|
||||||
|
color: #FFF; }
|
||||||
|
body.status-page .badge {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
padding-left: 12px;
|
||||||
|
padding-right: 12px; }
|
||||||
|
body.status-page .badge.badge-incident-1 {
|
||||||
|
background-color: #E87E04; }
|
||||||
|
body.status-page .badge.badge-incident-2 {
|
||||||
|
background-color: #F7CA18; }
|
||||||
|
body.status-page .badge.badge-incident-3 {
|
||||||
|
background-color: #3498db; }
|
||||||
|
body.status-page .badge.badge-incident-4 {
|
||||||
|
background-color: #2ECC71; }
|
||||||
|
body.status-page .list-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding-left: 0;
|
||||||
|
border-radius: 0; }
|
||||||
|
body.status-page .list-group .list-group-item {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
display: block; }
|
background-color: #ffffff;
|
||||||
.list-group .list-group-item i.glyphicon {
|
border: 1px solid #ecf0f1;
|
||||||
font-size: 1.4em; }
|
|
||||||
.list-group .list-group-item h1, .list-group .list-group-item h2, .list-group .list-group-item h3, .list-group .list-group-item h4 {
|
|
||||||
margin-bottom: 2px; }
|
|
||||||
.list-group .list-group-item h4 {
|
|
||||||
font-weight: 400;
|
|
||||||
max-width: 90%; }
|
|
||||||
.list-group .list-group-item p, .list-group .list-group-item time {
|
|
||||||
margin-bottom: 0;
|
|
||||||
line-height: 1.3em; }
|
|
||||||
.list-group .list-group-item time {
|
|
||||||
color: #6C7A89;
|
|
||||||
font-weight: 300;
|
|
||||||
font-size: 1.1em; }
|
font-size: 1.1em; }
|
||||||
.list-group .list-group-item.active {
|
body.status-page .list-group .list-group-item span.badge {
|
||||||
background-color: #F2F1EF; }
|
position: absolute;
|
||||||
.list-group .list-group-item.active h3 {
|
top: 0;
|
||||||
color: #22313F;
|
right: 0;
|
||||||
padding-top: 6px;
|
border-radius: 0;
|
||||||
padding-bottom: 6px;
|
display: block; }
|
||||||
|
body.status-page .list-group .list-group-item i.glyphicon {
|
||||||
|
font-size: 1.4em;
|
||||||
|
color: rgba(255, 255, 255, 0.9); }
|
||||||
|
body.status-page .list-group .list-group-item h1, body.status-page .list-group .list-group-item h2, body.status-page .list-group .list-group-item h3, body.status-page .list-group .list-group-item h4 {
|
||||||
|
margin-bottom: 2px; }
|
||||||
|
body.status-page .list-group .list-group-item h4 {
|
||||||
|
font-weight: 400;
|
||||||
|
max-width: 90%; }
|
||||||
|
body.status-page .list-group .list-group-item p, body.status-page .list-group .list-group-item time {
|
||||||
|
margin-bottom: 0;
|
||||||
|
line-height: 1.3em; }
|
||||||
|
body.status-page .list-group .list-group-item time {
|
||||||
|
color: #6C7A89;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 1.6em; }
|
font-size: 1.1em; }
|
||||||
.list-group .list-group-item.active:hover {
|
body.status-page .list-group .list-group-item.active {
|
||||||
color: inherit;
|
background-color: #F2F1EF; }
|
||||||
border-color: #BDC3C7; }
|
body.status-page .list-group .list-group-item.active h3 {
|
||||||
.list-group.components {
|
color: #22313F;
|
||||||
margin-bottom: 30px; }
|
padding-top: 2px;
|
||||||
.list-group.components p {
|
padding-bottom: 2px;
|
||||||
margin-bottom: 10px; }
|
font-weight: 600;
|
||||||
.list-group.components .badge {
|
font-size: 1.4em; }
|
||||||
color: transparent; }
|
body.status-page .list-group .list-group-item.active:hover {
|
||||||
|
color: inherit;
|
||||||
footer.footer {
|
border-color: #ecf0f1; }
|
||||||
padding-top: 40px;
|
body.status-page .list-group.components {
|
||||||
padding-bottom: 40px;
|
margin-bottom: 30px; }
|
||||||
color: #777;
|
body.status-page .list-group.components p {
|
||||||
text-align: center;
|
margin-bottom: 10px; }
|
||||||
border-top: 1px solid #e5e5e5;
|
body.status-page .list-group.components .badge {
|
||||||
background-color: #f2f2f2; }
|
color: transparent; }
|
||||||
|
body.status-page footer.footer {
|
||||||
|
padding-top: 40px;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
color: #777;
|
||||||
|
text-align: center;
|
||||||
|
border-top: 1px solid #ecf0f1;
|
||||||
|
background-color: #fbfcfc; }
|
||||||
+99
-109
@@ -4377,119 +4377,109 @@ body.dashboard .content {
|
|||||||
body.dashboard .content h3 {
|
body.dashboard .content h3 {
|
||||||
margin-top: 0; }
|
margin-top: 0; }
|
||||||
|
|
||||||
body {
|
body.status-page {
|
||||||
|
font-family: 'Lato';
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: 300; }
|
font-weight: 300; }
|
||||||
|
body.status-page hr {
|
||||||
hr {
|
margin-top: 10px;
|
||||||
margin-top: 10px;
|
margin-bottom: 10px; }
|
||||||
margin-bottom: 10px; }
|
body.status-page h1, body.status-page h2, body.status-page h3, body.status-page h4, body.status-page h5 {
|
||||||
|
margin-bottom: 20px; }
|
||||||
h1 {
|
body.status-page .text-success, body.status-page .text-component-1 {
|
||||||
margin-bottom: 20px; }
|
color: #2ECC71; }
|
||||||
|
body.status-page .text-info, body.status-page .text-component-2 {
|
||||||
.text-success, .text-component-1 {
|
color: #3498db; }
|
||||||
color: #4cae4c; }
|
body.status-page .text-alert, body.status-page .text-component-3 {
|
||||||
|
color: #F7CA18; }
|
||||||
.text-info, .text-component-2 {
|
body.status-page .text-danger, body.status-page .text-component-4 {
|
||||||
color: #46b8da; }
|
color: #ff6f6f; }
|
||||||
|
body.status-page .container {
|
||||||
.text-alert, .text-component-3 {
|
max-width: 960px;
|
||||||
color: #F9BF3B; }
|
margin-bottom: 40px;
|
||||||
|
margin-top: 20px; }
|
||||||
.text-danger, .text-component-4 {
|
body.status-page .page-header {
|
||||||
color: #D91E18; }
|
margin-top: 10px; }
|
||||||
|
body.status-page .alert {
|
||||||
.container {
|
|
||||||
max-width: 960px;
|
|
||||||
margin-bottom: 40px; }
|
|
||||||
|
|
||||||
.page-header {
|
|
||||||
margin-top: 10px; }
|
|
||||||
|
|
||||||
.alert {
|
|
||||||
margin-top: 20px;
|
|
||||||
border-radius: 0;
|
|
||||||
font-size: 1.2em; }
|
|
||||||
.alert.alert-success {
|
|
||||||
background-color: #8DCD8D;
|
|
||||||
border-color: #4cae4c;
|
|
||||||
color: white; }
|
|
||||||
.alert.alert-info {
|
|
||||||
background: #8CD3E8;
|
|
||||||
border-color: #46b8da;
|
|
||||||
color: #FFF; }
|
|
||||||
.alert.alert-danger {
|
|
||||||
background: #D91E18;
|
|
||||||
border-color: #CF000F;
|
|
||||||
color: #FFF; }
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
padding-top: 8px;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
padding-left: 12px;
|
|
||||||
padding-right: 12px; }
|
|
||||||
.badge.badge-incident-1 {
|
|
||||||
background-color: #F27935; }
|
|
||||||
.badge.badge-incident-2 {
|
|
||||||
background-color: #F9BF3B; }
|
|
||||||
.badge.badge-incident-3 {
|
|
||||||
background-color: #46b8da; }
|
|
||||||
.badge.badge-incident-4 {
|
|
||||||
background-color: #4cae4c; }
|
|
||||||
|
|
||||||
.list-group {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
padding-left: 0;
|
|
||||||
border-radius: 0; }
|
|
||||||
.list-group .list-group-item {
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background-color: #ffffff;
|
font-size: 1.2em; }
|
||||||
border: 1px solid #BDC3C7;
|
body.status-page .alert.alert-success {
|
||||||
font-size: 1.1em; }
|
background-color: #2ECC71;
|
||||||
.list-group .list-group-item span.badge {
|
border-color: #25a25a;
|
||||||
position: absolute;
|
color: white; }
|
||||||
top: 0;
|
body.status-page .alert.alert-info {
|
||||||
right: 0;
|
background: #3498db;
|
||||||
|
border-color: #217dbb;
|
||||||
|
color: #FFF; }
|
||||||
|
body.status-page .alert.alert-danger {
|
||||||
|
background: #ff6f6f;
|
||||||
|
border-color: #ff3c3c;
|
||||||
|
color: #FFF; }
|
||||||
|
body.status-page .badge {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
padding-left: 12px;
|
||||||
|
padding-right: 12px; }
|
||||||
|
body.status-page .badge.badge-incident-1 {
|
||||||
|
background-color: #E87E04; }
|
||||||
|
body.status-page .badge.badge-incident-2 {
|
||||||
|
background-color: #F7CA18; }
|
||||||
|
body.status-page .badge.badge-incident-3 {
|
||||||
|
background-color: #3498db; }
|
||||||
|
body.status-page .badge.badge-incident-4 {
|
||||||
|
background-color: #2ECC71; }
|
||||||
|
body.status-page .list-group {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding-left: 0;
|
||||||
|
border-radius: 0; }
|
||||||
|
body.status-page .list-group .list-group-item {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
display: block; }
|
background-color: #ffffff;
|
||||||
.list-group .list-group-item i.glyphicon {
|
border: 1px solid #ecf0f1;
|
||||||
font-size: 1.4em; }
|
|
||||||
.list-group .list-group-item h1, .list-group .list-group-item h2, .list-group .list-group-item h3, .list-group .list-group-item h4 {
|
|
||||||
margin-bottom: 2px; }
|
|
||||||
.list-group .list-group-item h4 {
|
|
||||||
font-weight: 400;
|
|
||||||
max-width: 90%; }
|
|
||||||
.list-group .list-group-item p, .list-group .list-group-item time {
|
|
||||||
margin-bottom: 0;
|
|
||||||
line-height: 1.3em; }
|
|
||||||
.list-group .list-group-item time {
|
|
||||||
color: #6C7A89;
|
|
||||||
font-weight: 300;
|
|
||||||
font-size: 1.1em; }
|
font-size: 1.1em; }
|
||||||
.list-group .list-group-item.active {
|
body.status-page .list-group .list-group-item span.badge {
|
||||||
background-color: #F2F1EF; }
|
position: absolute;
|
||||||
.list-group .list-group-item.active h3 {
|
top: 0;
|
||||||
color: #22313F;
|
right: 0;
|
||||||
padding-top: 6px;
|
border-radius: 0;
|
||||||
padding-bottom: 6px;
|
display: block; }
|
||||||
|
body.status-page .list-group .list-group-item i.glyphicon {
|
||||||
|
font-size: 1.4em;
|
||||||
|
color: rgba(255, 255, 255, 0.9); }
|
||||||
|
body.status-page .list-group .list-group-item h1, body.status-page .list-group .list-group-item h2, body.status-page .list-group .list-group-item h3, body.status-page .list-group .list-group-item h4 {
|
||||||
|
margin-bottom: 2px; }
|
||||||
|
body.status-page .list-group .list-group-item h4 {
|
||||||
|
font-weight: 400;
|
||||||
|
max-width: 90%; }
|
||||||
|
body.status-page .list-group .list-group-item p, body.status-page .list-group .list-group-item time {
|
||||||
|
margin-bottom: 0;
|
||||||
|
line-height: 1.3em; }
|
||||||
|
body.status-page .list-group .list-group-item time {
|
||||||
|
color: #6C7A89;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 1.6em; }
|
font-size: 1.1em; }
|
||||||
.list-group .list-group-item.active:hover {
|
body.status-page .list-group .list-group-item.active {
|
||||||
color: inherit;
|
background-color: #F2F1EF; }
|
||||||
border-color: #BDC3C7; }
|
body.status-page .list-group .list-group-item.active h3 {
|
||||||
.list-group.components {
|
color: #22313F;
|
||||||
margin-bottom: 30px; }
|
padding-top: 2px;
|
||||||
.list-group.components p {
|
padding-bottom: 2px;
|
||||||
margin-bottom: 10px; }
|
font-weight: 600;
|
||||||
.list-group.components .badge {
|
font-size: 1.4em; }
|
||||||
color: transparent; }
|
body.status-page .list-group .list-group-item.active:hover {
|
||||||
|
color: inherit;
|
||||||
footer.footer {
|
border-color: #ecf0f1; }
|
||||||
padding-top: 40px;
|
body.status-page .list-group.components {
|
||||||
padding-bottom: 40px;
|
margin-bottom: 30px; }
|
||||||
color: #777;
|
body.status-page .list-group.components p {
|
||||||
text-align: center;
|
margin-bottom: 10px; }
|
||||||
border-top: 1px solid #e5e5e5;
|
body.status-page .list-group.components .badge {
|
||||||
background-color: #f2f2f2; }
|
color: transparent; }
|
||||||
|
body.status-page footer.footer {
|
||||||
|
padding-top: 40px;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
color: #777;
|
||||||
|
text-align: center;
|
||||||
|
border-top: 1px solid #ecf0f1;
|
||||||
|
background-color: #fbfcfc; }
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
{
|
{
|
||||||
"css/all.css": "css/all-ced1a963.css",
|
"css/all.css": "css/all-bfee613c.css",
|
||||||
"js/all.js": "js/all-d8f5640f.js"
|
"js/all.js": "js/all-d8f5640f.js"
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user