From 67ecf689a69994975ad1d4f35fe100d20904a295 Mon Sep 17 00:00:00 2001 From: CentreMetre Date: Sun, 14 Jun 2026 21:46:00 +0100 Subject: [PATCH] Add default css --- table.css | 87 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 table.css diff --git a/table.css b/table.css new file mode 100644 index 0000000..c3d09d1 --- /dev/null +++ b/table.css @@ -0,0 +1,87 @@ +thead { + background: hsl(0, 0%, 90%); +} + +th { + border-left: 1px solid hsl(0, 0%, 16%); + border-bottom: 1px solid hsl(0, 0%, 16%); + border-right: 1px solid hsl(0, 0%, 16%); + /*padding: 5px;*/ + width: 1%; +} + +table { + font-family: "inter", sans-serif; + border-collapse: collapse; +} + +.table-div { + /*width: 50%;*/ +} + +.row-id { + font-weight: bold; + + border-bottom: 1px solid hsl(0, 0%, 16%); + border-right: 1px solid hsl(0, 0%, 16%); +} + +tr:nth-child(even) { + background: hsl(210, 100%, 96.08%) +} + +table th:first-of-type, +table td:first-of-type { + border-left: 0; +} + +table th:last-of-type, +table td:last-of-type { + border-right: 0; +} + +table th:first-of-type { /*add border radius to top left of table*/ + border-top-left-radius: 7px; +} + +table th:last-of-type { /*add border radius to top right of table*/ + border-top-right-radius: 7px; +} + +table td { + padding-left: 5px; + padding-right: 5px; + border-right: 1px solid #737373; + border-left: 1px solid darkgrey; +} + +td input[type=checkbox] { + color: #0c2d4a; +} + +.table-cell-boolean { + text-align: center; +} + +.table-cell-boolean-true { + color: green; +} + +.table-cell-boolean-false { + color: red; +} + +.table-cell-number { + text-align: right; +} + +.table-cell-datetime { + text-align: right; + /*width: 20ch;*/ + /*padding-left: 2ch;*/ + white-space: normal; + min-width: 0; + /*font-family: monospace;*/ + max-width: 14ch + +} \ No newline at end of file