lightly style tables in posts

[ghost]

styling added:

• thin inner borders
• table body rows alternate light background
• table header text centered
• cellspacing reset and replaced with padding to avoid gaps in borders

---

• I have signed the CLA

[thebaer]

This looks nice, but I think our default style should be as simple as possible, so it's as easy as possible to override with custom CSS. Then we can make this available as a fancier option.

Here, I think we should just make the table width: 100% and add some light borders.

[ghost]

How does this look? Or were you thinking outter borders as well? (ignore the top/left lines, screencap noise)

[thebaer]

Looks good, but is the CSS simple / easily to override?

[ghost]

I reworked it a bit to make it simpler to override. To change the style would require something like:

article table {
  border-color: new-color;
}

article table th {
  font-size: 3em;
}

We could change to using a class but it would be similar to override like:

table.post {
  border-color: new-color;
}

table.post th {
  font-size: 3em;
}

[thebaer]

Cool, I think that looks great 👍

[cjeller1592]

Tables look good on my end! Both Chrome (80.0.3987) and Firefox (73.0.1) show the same table styling.

[thebaer]

Thanks @robjloranger and @cjeller1592! Looks good, merging now.