Template:Move Target Grid/styles.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | /* ── table framing ─────────────────────────────────────────── */ | ||
.move-target-grid { | .move-target-grid { text-align: center; } | ||
.move-target-grid td { | |||
} | |||
.move-target-grid td{ | |||
width: 60px; | width: 60px; | ||
height: | height: 24px; | ||
font-size: 90%; | font-size: 90%; | ||
border-radius: 9px; | border-radius: 9px; | ||
border: | border: 2px solid; | ||
} | } | ||
.move-target-grid th { | .move-target-grid th { | ||
font-size: 90%; | font-size: 90%; | ||
height: | height: 24px; | ||
border-radius: 9px; | border-radius: 9px; | ||
background: #f0f0f0; | background: #f0f0f0; | ||
border: | border: 2px solid; | ||
} | } | ||
/* ── base colour: NOT hit (blue) ───────────────────────────── */ | |||
.tg-self, | |||
.tg-ally, | |||
.tg-foe { background: #80a4d4; } | |||
/* | /* ── can-hit (yellow) ──────────────────────────────────────── */ | ||
.tg-can { background: #ffd966 !important; } | |||
.tg- | |||
/* hit | /* ── must-hit / hitsAll (red) ──────────────────────────────── */ | ||
.tg-hit { background: #ff6666 !important; } | .tg-hit { background: #ff6666 !important; } | ||
Latest revision as of 05:52, 17 June 2025
/* ── table framing ─────────────────────────────────────────── */
.move-target-grid { text-align: center; }
.move-target-grid td {
width: 60px;
height: 24px;
font-size: 90%;
border-radius: 9px;
border: 2px solid;
}
.move-target-grid th {
font-size: 90%;
height: 24px;
border-radius: 9px;
background: #f0f0f0;
border: 2px solid;
}
/* ── base colour: NOT hit (blue) ───────────────────────────── */
.tg-self,
.tg-ally,
.tg-foe { background: #80a4d4; }
/* ── can-hit (yellow) ──────────────────────────────────────── */
.tg-can { background: #ffd966 !important; }
/* ── must-hit / hitsAll (red) ──────────────────────────────── */
.tg-hit { background: #ff6666 !important; }