332e0cbe5a
- Split into 4 files referenced by the first - Using MLFE and page-wide color definitions - Improved consistency and reduced markup complexity - Hinted more user actions - Improved visual parsability of tables and logs - Improved visibility of counter units - TODO: - Add text selection to important fields - Improve button placement - Reindent templates
50 lines
687 B
CSS
50 lines
687 B
CSS
@import url("mlfe.css");
|
|
@import url("color.css");
|
|
@import url("component.css");
|
|
|
|
:root {
|
|
font-family: monospace;
|
|
font-size: 16px;
|
|
}
|
|
|
|
body {
|
|
padding: 0.5rem;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.counter-image {
|
|
image-rendering: pixelated;
|
|
image-rendering: -moz-crisp-edges;
|
|
image-rendering: crisp-edges;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.counter {
|
|
flex-flow: row nowrap;
|
|
align-items: end;
|
|
font-size: 1.5rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.workers {
|
|
flex-flow: row wrap;
|
|
}
|
|
|
|
.workers > * {
|
|
gap: 0.5rem;
|
|
border: 1px solid var(--fg);
|
|
}
|
|
|
|
.log > p {
|
|
padding: 0.25rem 0;
|
|
user-select: text;
|
|
}
|
|
|
|
.log > p:hover {
|
|
background: var(--cl-hl);
|
|
}
|
|
|
|
nav > :first-child {
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
}
|