From 51e71b97e6905a2731505662f8ffa7035f580591 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michal=20=C5=A0pa=C4=8Dek?= Date: Thu, 9 Nov 2023 02:27:02 +0100 Subject: [PATCH] Styles for tables in blog posts: alternating rows and centered table --- site/public/www.michalspacek.cz/i/css/screen-dark.css | 2 ++ site/public/www.michalspacek.cz/i/css/screen.css | 8 ++++++++ 2 files changed, 10 insertions(+) diff --git a/site/public/www.michalspacek.cz/i/css/screen-dark.css b/site/public/www.michalspacek.cz/i/css/screen-dark.css index dbbb2c3ea..5aae86e0a 100644 --- 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 index 208dae7da..11bb11dcb 100644 --- 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 {