mirror of
https://github.com/vincentmli/bpfire.git
synced 2026-04-11 11:35:54 +02:00
CSS: Automatically stripe all tables
Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user