Template:StatTable/styles.css: Difference between revisions

From I-Pixelmon
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* frame & table */
/* frame & table */
.statbox table{
.statbox table{
  border:3px solid;
   border-radius:10px;
   border-radius:10px;
   background:#d7d8e8;
   background:#d7d8e8;
Line 24: Line 25:
.statbox td.bar{padding:0}
.statbox td.bar{padding:0}


/* row background + bar colours */
/* row colours + bar colours */
.row-hp  {background:#ff9a9a}  .row-hp  .fill{background:#ff5757}
.row-hp  {background:#ff9a9a}  .row-hp  .fill{background:#ff5757}
.row-atk {background:#f6c19e}  .row-atk .fill{background:#e48a39}
.row-atk {background:#f6c19e}  .row-atk .fill{background:#e48a39}

Revision as of 04:01, 19 May 2025

/* frame & table */
.statbox table{
  border:3px solid;
  border-radius:10px;
  background:#d7d8e8;
  border-collapse:separate;
  margin:auto;
  max-width:620px;
  width:100%;
  font-family:inherit;
}
.statbox th{
  width:110px;
  padding:6px 4px;
  text-align:left;
  font-weight:700;
  font-size:110%;
}
.statbox td.val{
  width:48px;
  text-align:right;
  padding-right:6px;
  font-weight:700;
}
.statbox td.bar{padding:0}

/* row colours + bar colours */
.row-hp  {background:#ff9a9a}  .row-hp  .fill{background:#ff5757}
.row-atk {background:#f6c19e}  .row-atk .fill{background:#e48a39}
.row-def {background:#fff2b3}  .row-def .fill{background:#f2cf45}
.row-spa {background:#bcd0ff}  .row-spa .fill{background:#6d93ff}
.row-spd {background:#cfe8c4}  .row-spd .fill{background:#62b455}
.row-spe {background:#f8bfd8}  .row-spe .fill{background:#f27ab0}

.fill{
  height:20px;
  border:1px solid rgba(0,0,0,.25);
}

.total-lab{padding:6px;font-weight:700;background:#d7d8e8}
.total-val{padding:6px;text-align:right;background:#fff;font-weight:700}