From e564b815204ba3b4704ee181256ed018ac49b62a Mon Sep 17 00:00:00 2001 From: luke-strange <92686634+luke-strange@users.noreply.github.com> Date: Wed, 28 Aug 2024 14:09:43 +0100 Subject: [PATCH] Add table styling --- src/_includes/css/custom.css | 31 ++++++++++++++++++++++++++++++- 1 file changed, 30 insertions(+), 1 deletion(-) diff --git a/src/_includes/css/custom.css b/src/_includes/css/custom.css index cd6f360..3652223 100644 --- a/src/_includes/css/custom.css +++ b/src/_includes/css/custom.css @@ -52,4 +52,33 @@ p.status { display: inline-block; border-radius: 15%; padding-inline: 0.25em;} html { scroll-behavior: smooth; } -.subtitle { font-size: 1.2em; padding: 0;} \ No newline at end of file +.subtitle { font-size: 1.2em; padding: 0;} + +/* Table Styling */ +table { + width: 100%; + border-collapse: collapse; +} + +th, td { + padding: 0.5rem; + text-align: center; +} + +/* Table Header */ +th { + background-color: #f3f3f3; + font-weight: 800; + color: black; +} + +/* Alternate Row Colors */ +tr:nth-child(even) { + background-color: #f4f8fa; +} + +/* Hover Effect */ +tr:hover { + background-color: #b4d8f9; + transition: background-color 0.3s; +} \ No newline at end of file