Template:Move Target Grid/styles.css: Difference between revisions

From Pixelrus
Jump to navigation Jump to search
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* core table */
/* ── table framing ─────────────────────────────────────────── */
.move-target-grid {
.move-target-grid { text-align: center; }
  text-align: center;
.move-target-grid td {
border: 2px solid;
}
.move-target-grid td{
   width: 60px;
   width: 60px;
   height: 38px;
   height: 24px;
   font-size: 90%;
   font-size: 90%;
   border-radius: 9px;
   border-radius: 9px;
border: 1px solid;
  border: 2px solid;
}
}
.move-target-grid th {
.move-target-grid th {
   font-size: 90%;
   font-size: 90%;
   height: 38px;
   height: 24px;
   border-radius: 9px;
   border-radius: 9px;
   background: #f0f0f0;
   background: #f0f0f0;
border: 1px solid;
  border: 2px solid;
}
}


/* ── base colour: NOT hit (blue) ───────────────────────────── */
.tg-self,
.tg-ally,
.tg-foe  { background: #80a4d4; }


/* default squares */
/* ── can-hit (yellow) ──────────────────────────────────────── */
.tg-self { background: #80a4d4; }  /* user */
.tg-can { background: #ffd966 !important; }
.tg-ally { background: #80a4d4; }  /* allies not hit */
.tg-foe { background: #ffd966; }   /* foes not hit */


/* hit overlay */
/* ── 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; }