mirror of https://github.com/statping/statping
169 lines
2.3 KiB
CSS
169 lines
2.3 KiB
CSS
HTML,BODY {
|
|
background-color: #efefef;
|
|
}
|
|
|
|
.container {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
max-width: 860px;
|
|
}
|
|
|
|
.online_list .badge {
|
|
margin-top: 0.2rem;
|
|
}
|
|
|
|
.navbar {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
|
|
.failing_bg {
|
|
background-color: #ff4e4e !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.lg_number {
|
|
font-size: 26pt;
|
|
font-weight: bold;
|
|
display: block;
|
|
color: #3e3e3e;
|
|
}
|
|
|
|
.text_perfect {
|
|
color: #33b418;
|
|
text-shadow: 0px 1px 0 #0e6702;
|
|
}
|
|
|
|
.text_good {
|
|
color: #33b418;
|
|
text-shadow: 0px 1px 0 #0e6702;
|
|
}
|
|
|
|
.text_ok {
|
|
color: #33b418;
|
|
text-shadow: 0px 1px 0 #0e6702;
|
|
}
|
|
|
|
.text_bad {
|
|
color: #33b418;
|
|
text-shadow: 0px 1px 0 #0e6702;
|
|
}
|
|
|
|
.stats_area {
|
|
text-align: center;
|
|
color: #a5a5a5;
|
|
}
|
|
|
|
.offline_bg {
|
|
background-color: white !important;
|
|
}
|
|
|
|
.online_list {
|
|
|
|
}
|
|
|
|
.footer {
|
|
text-decoration: none;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.footer A {
|
|
color: #aaaaaa;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.footer A:HOVER {
|
|
color: #6d6d6d;
|
|
}
|
|
|
|
.online_badge {
|
|
color: #fff;
|
|
background-color: #35b317;
|
|
}
|
|
|
|
.offline_badge {
|
|
color: #fff;
|
|
background-color: #c51919;
|
|
}
|
|
|
|
.progress {
|
|
margin-top: -20px;
|
|
margin-left: -20px;
|
|
margin-bottom: 15px;
|
|
width: calc(100% + 40px);
|
|
height: 3px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.card-body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.card-body H4 A {
|
|
color: #239e07;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.chart-container {
|
|
position: relative;
|
|
height: 20vh;
|
|
width: 67vh;
|
|
margin-left: -52px;
|
|
margin-bottom: -30px;
|
|
}
|
|
|
|
|
|
.btn-primary {
|
|
background-color: white;
|
|
border: 1px solid #b9b9b9;
|
|
color: #353535;
|
|
height: 35px;
|
|
padding: 5px 15px;
|
|
}
|
|
|
|
.btn-danger {
|
|
background-color: #dd3545;
|
|
border: 1px solid #b70000;
|
|
color: #fffcfc;
|
|
height: 35px;
|
|
padding: 5px 15px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.sm-container {
|
|
margin-top: 40px !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.list-group-item H5 {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.chart-container {
|
|
position: relative;
|
|
height: 20vh;
|
|
width: 100vw;
|
|
}
|
|
|
|
.container {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.navbar {
|
|
margin-left: 0px;
|
|
margin-top: 0px;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.card-body {
|
|
font-size: 6pt;
|
|
}
|
|
|
|
.lg_number {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
|
|
} |