Styles for tables in blog posts: alternating rows and centered table

spaze · Nov 19, 2023 · 51e71b9 · 51e71b9
1 parent 8fe341a
commit 51e71b9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/site/public/www.michalspacek.cz/i/css/screen-dark.css b/site/public/www.michalspacek.cz/i/css/screen-dark.css
@@ -29,6 +29,8 @@ input, select, textarea, button {
 }
 input[type=submit], button { background-color: #224E34; }
 input[type=submit]:hover, button:hover { background-color: #2A6040; }
+.container.blog table th { background-color: hsl(204 64% 14%); }
+.container.blog table tbody tr:nth-child(even) { background-color: hsl(204 44% 14%); }
 small, .small, .column-content .figure p { color: #A9A9A9; }
 small a, .small a { color: #C9C9C9 !important; }
 blockquote, .indent { border-left-color: #2B2B2B; }

diff --git a/site/public/www.michalspacek.cz/i/css/screen.css b/site/public/www.michalspacek.cz/i/css/screen.css
@@ -103,6 +103,14 @@ button:disabled { cursor: not-allowed; }
 	word-break: break-word;
 }
 .container.blog { max-width: 1020px; }
+.container.blog table {
+	margin-right: auto;
+	margin-left: auto;
+	text-align: left;
+}
+.container.blog table th { background-color: hsl(204 64% 97%); }
+.container.blog table tbody tr:nth-child(even) { background-color: hsl(204 44% 97%); }
+.container.blog div:has(table) { overflow-x: auto; }
 .container.admin { max-width: 1200px; }
 .container.talk { max-width: 1100px; }
 #header {