CSS: Automatically stripe all tables

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
This commit is contained in:
Michael Tremer
2024-03-23 19:00:49 +01:00
parent 66db90757a
commit 72e6d61719

View File

@@ -1,3 +1,11 @@
:root {
--color-green : #339933;
--color-green-invert : #ffffff;
--color-red : #993333;
--color-red-invert : #ffffff;
--color-grey : #d6d6d6;
--color-light-grey : #f0f0f0;
}
/* This controls the width of the fixed width layouts */
@@ -290,6 +298,18 @@ table {
padding-right: 0.5em;
}
.tbl th[scope=row] {
text-align: left;
}
.tbl tr:nth-child(odd) td {
background-color: var(--color-grey);
}
.tbl tr:nth-child(even) td {
background-color: var(--color-light-grey);
}
.tbl th:first-child {
border-left: 1px solid #363636;
border-top: 1px solid #363636;