Add CSS style for tables

There is no style for HTML tables at the moment.

1 files changed, 44 insertions, 0 deletions

diff --git a/static/css/main.css b/static/css/main.css
index 17fa821..3b27b09 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -174,6 +174,42 @@ ul {
   list-style: disc inside;
 }
 
+table {
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  -webkit-overflow-scrolling: touch;
+  background-color: transparent;
+  margin-bottom: 1rem;
+  overflow-x: auto;
+  width: 100%;
+}
+
+table th,
+table td {
+  border-bottom: 1px solid #dee2e6;
+  padding: 0.75rem;
+  vertical-align: top;
+}
+
+table thead th {
+  border-bottom: 2px solid #dee2e6;
+  vertical-align: bottom;
+}
+
+table tbody + tbody {
+  border-top: 2px solid #dee2e6;
+}
+
+table tbody tr:nth-of-type(even) {
+  background-color: #808080;
+  color: #fff;
+}
+
+table th {
+  background-color: #333;
+  border-color: #333;
+  color: #fff;
+}
+
 #avatar {
   float: left;
   margin-right: 20px;
@@ -460,6 +496,14 @@ legend, td, th {
     padding-left: 20px;
   }
 
+  table {
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    -webkit-overflow-scrolling: touch;
+    display: block;
+    overflow-x: auto;
+    width: 100%;
+  }
+
   #avatar {
     display: none;
   }