index : paprika

A blogging platform written in Rust for Cloudflare Workers, integrated with Standard Notes

diff options
context:
space:
mode:
authorPeter Cai <[email protected]>2020-04-15 21:37:13 +0800
committerPeter Cai <[email protected]>2020-04-15 21:37:13 +0800
commitf75e6d57202da1c0283433398968e75cfa5a6af7 (patch)
tree25c08759f5992af573ea84ca279ec80184b3d31e
parent63d966f019f1ece69b9fe6b26a08f948ee3ec980 (diff)
downloadpaprika-f75e6d57202da1c0283433398968e75cfa5a6af7.tar.gz
theme: style tables
-rw-r--r--theme/default/static/style.css31
1 files changed, 31 insertions, 0 deletions
diff --git a/theme/default/static/style.css b/theme/default/static/style.css
index 45064bd..3bb932a 100644
--- a/theme/default/static/style.css
+++ b/theme/default/static/style.css
@@ -145,6 +145,37 @@ blockquote {
display: inline-block;
}
+/* Table */
+table {
+ border-spacing: 0;
+ border: 1px solid #cccccc;
+ margin-bottom: 10px;
+ margin-right: 10px;
+ border-radius: 4px;
+ max-width: 100%;
+ overflow-x: scroll;
+}
+
+th, td {
+ padding: 15px;
+}
+
+th:not(:first-child), td:not(:first-child) {
+ border-left: 1px solid #cccccc;
+}
+
+thead {
+ background-color: #eeeeee;
+}
+
+tr {
+ transition: background-color 0.2s ease-in-out;
+}
+
+tr:hover {
+ background-color: #eeeeee;
+}
+
/* Footer -- Not needed on desktop */
.footer {
display: none;