Template:Bonus Stat Row/CSS

.bs-table {

  display:grid;
  grid-template-columns: repeat(8, 12.5%);
  border-bottom: 1px #AAA solid;
  border-left: 1px #AAA solid;
  margin: 10px 0;

}

[class*="-th"], [class*="-td"] {

   line-height: 1.667em;
   padding: .25em .5em;

}

.bs-th {

   grid-row: 1;
   grid-column-start: 1;
   grid-column-end: 9;
   background-color: #ffd441; font-weight: bold;
   text-align: center;
   align-content: center;
   justify-content: center;
   border-top: 1px #AAA solid;
   border-right: 1px #AAA solid;

} .bs-tr {

   display:flex;
   flex-direction:row;
   text-align:right;

}

.bs-tr:nth-child(odd), .bs-tr:nth-child(2), .bs-tr:nth-child(4), .bs-tr:nth-child(6) {

   background-color: #F3F3F3;

}

.bs-tr, .bs-tr:nth-child(-2n+5) {

   background-color: #FFF;

}

.bs-td1, .bs-td2 {

   border-top: 1px #AAA solid;
   border-right: 1px #AAA solid;

} .bs-td1-black, .bs-td2-black {

 border-top:2px #AAA solid;
 border-right: 1px #AAA solid;

} .bs-td1, .bs-td1-black {

 text-align:center;

}