2017-06-21 07:08:28 +02:00
|
|
|
.kfetopen-st-opened .bullet { background: #73C252; }
|
|
|
|
.kfetopen-st-closed .bullet { background: #B42B26; }
|
|
|
|
.kfetopen-st-unknown .bullet { background: #D4BE4C; }
|
|
|
|
.kfetopen-st-fake_closed .bullet {
|
|
|
|
background: repeating-linear-gradient(
|
|
|
|
45deg,
|
|
|
|
#73C252, #73C252 5px, #B42B26 5px, #B42B26 10px
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
.kfetopen {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.kfetopen .base {
|
|
|
|
height: 50px;
|
2017-09-03 14:42:38 +02:00
|
|
|
max-width: 16px;
|
2017-06-21 07:08:28 +02:00
|
|
|
|
2017-09-03 14:42:38 +02:00
|
|
|
margin-left: 5px;
|
|
|
|
margin-right: 5px;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
align-content: center;
|
2017-06-21 07:08:28 +02:00
|
|
|
align-items: center;
|
2017-09-03 14:42:38 +02:00
|
|
|
justify-content: center;
|
2017-06-21 07:08:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.kfetopen .details {
|
|
|
|
margin: 0;
|
|
|
|
padding: 10px !important;
|
2017-06-23 02:53:05 +02:00
|
|
|
min-width: 200px;
|
|
|
|
font-family: "Roboto Slab";
|
2017-06-21 07:08:28 +02:00
|
|
|
font-size: 16px;
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.kfetopen .bullet {
|
|
|
|
width: 10px;
|
|
|
|
height: 10px;
|
|
|
|
border-radius: 50%;
|
|
|
|
transition: background 0.15s;
|
2017-09-03 14:42:38 +02:00
|
|
|
margin: 3px;
|
2017-06-21 07:08:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.kfetopen .warning {
|
2017-09-03 14:42:38 +02:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
.kfetopen .base {
|
|
|
|
max-width: none;
|
|
|
|
margin-left: 15px;
|
|
|
|
margin-right: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.kfetopen .warning {
|
|
|
|
margin-left: 15px;
|
|
|
|
}
|
2017-06-21 07:08:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.kfetopen .status-text {
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
.kfetopen .force-close-btn {
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|