css: markdown: add some nicer table styling

[proxmox-widget-toolkit.git] / src / css / ext6-pmx.css

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index 09ec11c415aad8d714e99bf3062568c3a6f692c7..b74b98230208064c7a9e4ed7de9ecdcbcf510c94 100644 (file)
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -144,3 +144,30 @@ div.right-aligned {
 .pmx-md strong {
     font-weight: bold;
 }
+
+/* markdown tables */
+.pmx-md table {
+    border-spacing: 0;
+    border-collapse: collapse;
+}
+.pmx-md td, .pmx-md th {
+    padding: 5px;
+}
+.pmx-md td[align="center"] {
+    text-align: center;
+}
+.pmx-md td[align="right"] {
+    text-align: right;
+}
+.pmx-md tbody td {
+    border-bottom: 1px solid #e0e0e0;
+}
+.pmx-md tbody tr:nth-of-type(even) {
+    background-color: #f5f5f5;
+}
+.pmx-md tbody tr:last-of-type td {
+    border-bottom: 1px solid #666666;
+}
+.pmx-md tbody tr:hover td {
+    background-color: #e0e0e0;
+}