Template:StatTable/styles.css

From I-Pixelmon
Jump to navigation Jump to search
/* 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}