Stylize tables

1 files changed, 40 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
index bb089fe..b4d8d4f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -764,3 +764,43 @@ figure:not(.code-container) figcaption .figure-number {
     color: #666;
     text-decoration: none
 }
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 20px 0;
+    font-size: 9px;
+    border: 1px solid #666;
+    box-shadow: 2px 2px 0#ccc
+}
+
+thead th {
+    background: linear-gradient(to bottom,#333 0,#222 40%,#111 50%,#222 60%,#333 100%);
+    color: #fff;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    padding: 8px 10px;
+    text-align: left;
+    border-bottom: 2px solid #000
+}
+
+td,th {
+    padding: 6px 10px;
+    border: 1px solid #ccc
+}
+
+tbody tr:nth-child(even) {
+    background-color: #f9f9f9
+}
+
+tbody tr:last-child td {
+    font-weight: 700;
+    background-color: #eee;
+    border-top: 2px solid #666;
+    color: #000
+}
+
+.org-left:last-child {
+    text-align: right;
+    font-family: monospace
+}