22 lines
1.2 KiB
CSS
22 lines
1.2 KiB
CSS
* { box-sizing: border-box; }
|
|
html, body { margin: 0; padding: 0; font-family: sans-serif; }
|
|
body { padding: 1rem; max-width: 64rem; margin: 0 auto; }
|
|
fieldset { margin: 0 0 1rem 0; padding: 0.5rem 1rem; }
|
|
legend { font-weight: bold; }
|
|
label { display: block; margin: 0.25rem 0; }
|
|
input, select, button, textarea { font: inherit; }
|
|
input[type="number"] { width: 5rem; }
|
|
table.bf-grid { border-collapse: collapse; }
|
|
table.bf-grid td { padding: 0; }
|
|
table.bf-grid button { width: 2rem; height: 2rem; border: 1px solid #ccc; background: #fff; }
|
|
table.bf-grid button[data-paint="open"] { background: #fff; }
|
|
table.bf-grid button[data-paint="forest"] { background: #cfc; }
|
|
table.bf-grid button[data-paint="rough"] { background: #fec; }
|
|
table.bf-grid button[data-paint="water"] { background: #cce; }
|
|
table.bf-grid button[data-paint="blocking"] { background: #444; color: #fff; }
|
|
table.bf-grid button[data-objective="1"] { outline: 3px solid #c00; }
|
|
table.bf-grid button[data-zone="alpha"] { outline: 3px solid #00c; }
|
|
table.bf-grid button[data-zone="bravo"] { outline: 3px solid #0c0; }
|
|
.bf-errors { color: #c00; }
|
|
.bf-toast { background: #dfd; padding: 0.5rem 1rem; margin: 0.5rem 0; }
|