Helix K
65 lines
766 B
CSS
65 lines
766 B
CSS
::selection,
|
|
::-moz-selection {
|
|
background-color: #2563eb;
|
|
color: #fff;
|
|
}
|
|
|
|
body {
|
|
font-family: sans-serif;
|
|
padding-left: 20px;
|
|
padding-top: 10px;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #000;
|
|
color: #b1b8c0;
|
|
}
|
|
|
|
#wraps {
|
|
margin: 0 auto;
|
|
width: 80%;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.service {
|
|
width: 400px;
|
|
height: 20px;
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-radius: 10px;
|
|
background-color: #040407;
|
|
}
|
|
|
|
.status {
|
|
display: flex;
|
|
gap: 0;
|
|
}
|
|
|
|
.status p {
|
|
width: 9px;
|
|
}
|
|
|
|
.grey {
|
|
background-color: #dadada;
|
|
}
|
|
|
|
.green {
|
|
background-color: #5cdd8b;
|
|
}
|
|
|
|
.red {
|
|
background-color: #dc3545;
|
|
}
|
|
|
|
.block {
|
|
width: 9px;
|
|
height: 22px;
|
|
transition: 0.05s ease;
|
|
}
|
|
|
|
.block:hover {
|
|
opacity: 0.8;
|
|
}
|