feat(table): add style rule to make tables pop out

fix #440

documentation/content/Components/table.md

@@ -0,0 +1,18 @@
+---
+authors: Talha Mansoor
+Title: Tables
+Tags: remarkable
+Date: 2019-08-11 01:16
+Slug: tables
+Category: Components
+---
+
+Tables in Elegant theme have rounded borders and striped alternating rows.
+
+| Season | Episodes | First aired        |
+| ------ | :------- | :----------------- |
+| 1      | 13       | June 2, 2002       |
+| 2      | 12       | June 1, 2003       |
+| 3      | 12       | September 19, 2004 |
+| 4      | 13       | September 10, 2006 |
+| 5      | 10       | January 6, 2008    |

static/css/elegant.css

@@ -663,3 +663,56 @@ div.figure.align-left,
 .gist table {
   table-layout: initial;
 }
+/* Table */
+table {
+  max-width: 100%;
+  background-color: transparent;
+  border-collapse: collapse;
+  border-spacing: 0;
+  border: 1px solid #bfbfbf;
+  border-collapse: separate;
+  *border-collapse: collapse;
+  border-left: 0;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+table th,
+table td {
+  border-left: 1px solid #bfbfbf;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+table thead:first-child tr:first-child th {
+  border-top: 0;
+}
+
+table thead:first-child tr:first-child > th:first-child {
+  -webkit-border-top-left-radius: 6px;
+  border-top-left-radius: 6px;
+  -moz-border-radius-topleft: 6px;
+}
+
+table thead:first-child tr:first-child > th:last-child {
+  -webkit-border-top-right-radius: 6px;
+  border-top-right-radius: 6px;
+  -moz-border-radius-topright: 6px;
+}
+
+table tbody:last-child tr:last-child > td:first-child {
+  -webkit-border-bottom-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+  -moz-border-radius-bottomleft: 6px;
+}
+
+table tbody:last-child tr:last-child > td:last-child {
+  -webkit-border-bottom-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+  -moz-border-radius-bottomright: 6px;
+}
+
+table tbody > tr:nth-child(odd) > td {
+  background-color: #ebebeb;
+}