Add 2 style classes for tables: - numbered-table: numbering table rows - punchcard: colouring filled cells
They can be used by inserting the class comment before the table: .. rst-class:: numbered-table .. rst-class:: punchcard Signed-off-by: Thomas Monjalon <tho...@monjalon.net> --- doc/guides/custom.css | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) diff --git a/doc/guides/custom.css b/doc/guides/custom.css index 7db37ffc68..9c19a28cc8 100644 --- a/doc/guides/custom.css +++ b/doc/guides/custom.css @@ -27,3 +27,45 @@ th.head { background-color: #ccc; } + +/* Class numbering table rows in the first column. + * Usage: insert the following line before the table without indent. + * .. rst-class:: numbered-table + */ +.numbered-table { + counter-reset: row-number; +} +.numbered-table tbody tr { + counter-increment: row-number; +} +.numbered-table tr td:first-child::before { + content: counter(row-number) " - "; + display: inline-block; + min-width: 2.5em; +} +.numbered-table tr td:first-child p { + display: inline-block; +} + +/* Class highlighting non-empty table cells in green color. + * Usage: insert the following line before the table without indent. + * .. rst-class:: punchcard + */ +.punchcard { + vertical-align: middle; +} +.punchcard th, +.punchcard td:not(:first-child) { + text-align: center; +} +.punchcard tbody td { + padding: 4px 12px !important; +} +.punchcard tbody .row-odd td:not(:first-child):not(:empty) { + background-color: #cf9 !important; + color: #0c0 !important; +} +.punchcard tbody .row-even td:not(:first-child):not(:empty) { + background-color: #ce9 !important; + color: #0b0 !important; +} -- 2.47.1