47 lines
894 B
CSS
47 lines
894 B
CSS
:root {
|
|
--spacing-general-0: 10px 25px;
|
|
--spacing-general-1: 20px;
|
|
--color-border-0: #eaecf0;
|
|
--border-radius-0: 4px;
|
|
--font-size-0: 1rem;
|
|
--font-size-2: 36px;
|
|
--font-family-0: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
|
|
--color-up: #17b26a;
|
|
--color-down: #f04438;
|
|
--color-pause: #fdb022;
|
|
}
|
|
|
|
.server-status-tile {
|
|
width: 230px;
|
|
margin: var(--spacing-general-0);
|
|
padding: var(--spacing-general-1);
|
|
border: 1px solid var(--color-border-0);
|
|
border-radius: var(--border-radius-0);
|
|
}
|
|
|
|
.server-status-tile-title {
|
|
font-size: var(--font-size-0);
|
|
font-family: var(--font-family-0);
|
|
font-weight: bold;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.server-status-tile-value {
|
|
font-size: var(--font-size-2);
|
|
font-family: var(--font-family-0);
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.up {
|
|
color: var(--color-up);
|
|
}
|
|
|
|
.down {
|
|
color: var(--color-down);
|
|
}
|
|
|
|
.pause {
|
|
color: var(--color-pause);
|
|
}
|