MediaWiki:Tables.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Fix built-in table style issues: https://support.wiki.gg/wiki/Help:CSS/Tables */
table {
display: table;
white-space: unset;
}
.wikitable {
background: var(--theme-dropdown-background);
color: var(--theme-text-color);
}
.wikitable > tr > th, .wikitable > * > tr > th {
background: var(--theme-dropdown-background);
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > t {
color: var(--theme-text-color);
}
/* Also applying colors to mw-datatable
* mw-datatable is used to display file revisions
*/
.article-table, .mw-datatable {
border-collapse: separate;
border-spacing: 0;
background: var(--theme-table-td-background);
border-radius: 6px;
border: 1px solid var(--theme-table-border);
}
.article-table th, .mw-datatable th {
background: var(--theme-table-th-background);
color: var(--theme-table-th-font-color);
padding: 8px;
}
.article-table tr td, .article-table tr, .mw-datatable tr td, .mw-datatable tr {
border-bottom: 1px solid var(--theme-table-border);
padding: 6px;
}
.mw-datatable td {
background: var(--theme-table-td-background);
border-color: var(--theme-table-table-border);
}
.mw-datatable tr:hover td {
background: var(--theme-table-th-background);
border-color: var(--theme-table-table-border);
}
/* Specific Styling for article-table */
.schedule td:nth-child(1) { width:6em;}
.article-table tr:last-child td {
border-radius: 6px;
border-bottom: none;
}
table.article-table th:first-of-type {
border-radius: 0 0 0 0;
}
table.article-table th:last-child {
border-radius: 0 5px 0 0;
}
/* General classes for table size */
.tablexsmall {width: 30%;}
.tablesmall {width: 45%;}
.tablemedium {width: calc(100% - 355px);}
.tablelarge {width: 99%;}
/* BG COLOR
Background color to highlight specific columns.
Removes the need to use th for first few columns of items in tables.
*/
#content .mw-parser-output .tdbg td,
#content .mw-parser-output .tdbg1 td:nth-child(1),
#content .mw-parser-output .tdbg2 td:nth-child(2),
#content .mw-parser-output .tdbg3 td:nth-child(3),
#content .mw-parser-output .tdbg4 td:nth-child(4),
#content .mw-parser-output .tdbg5 td:nth-child(5),
#content .mw-parser-output .tdbg6 td:nth-child(6),
#content .mw-parser-output .tdbg7 td:nth-child(7),
#content .mw-parser-output .tdbg8 td:nth-child(8),
#content .mw-parser-output .tdbg9 td:nth-child(9),
#content .mw-parser-output .tdbg10 td:nth-child(10),
#content .mw-parser-output .tdbg11 td:nth-child(11),
#content .mw-parser-output .tdbg12 td:nth-child(12),
#content .mw-parser-output .tdbg13 td:nth-child(13),
#content .mw-parser-output .tdbg14 td:nth-child(14),
#content .mw-parser-output .tdbg15 td:nth-child(15),
#content .mw-parser-output .tdbg16 td:nth-child(16),
#content .mw-parser-output .tdbg17 td:nth-child(17),
#content .mw-parser-output .tdbg18 td:nth-child(18),
#content .mw-parser-output .tdbg19 td:nth-child(19),
#content .mw-parser-output .tdbg20 td:nth-child(20) {
background: var(--theme-table-th-background);
border-radius: 0; /* Border radius is usually not applicable for horizontal th */
color: var(--theme-table-th-font-color);
/* prevent link colors from clashing with the background and becoming unreadable */
a {
color: var(--theme-table-th-font-color);
}
}
/* CELL WIDTH */
#content .mw-parser-output .tdwid td,
#content .mw-parser-output .tdwid1 td:nth-child(1),
#content .mw-parser-output .tdwid2 td:nth-child(2),
#content .mw-parser-output .tdwid3 td:nth-child(3),
#content .mw-parser-output .tdwid4 td:nth-child(4),
#content .mw-parser-output .tdwid5 td:nth-child(5),
#content .mw-parser-output .tdwid6 td:nth-child(6),
#content .mw-parser-output .tdwid7 td:nth-child(7),
#content .mw-parser-output .tdwid8 td:nth-child(8),
#content .mw-parser-output .tdwid9 td:nth-child(9),
#content .mw-parser-output .tdwid10 td:nth-child(10),
#content .mw-parser-output .tdwid11 td:nth-child(11),
#content .mw-parser-output .tdwid12 td:nth-child(12),
#content .mw-parser-output .tdwid13 td:nth-child(13),
#content .mw-parser-output .tdwid14 td:nth-child(14),
#content .mw-parser-output .tdwid15 td:nth-child(15),
#content .mw-parser-output .tdwid16 td:nth-child(16),
#content .mw-parser-output .tdwid17 td:nth-child(17),
#content .mw-parser-output .tdwid18 td:nth-child(18),
#content .mw-parser-output .tdwid19 td:nth-child(19),
#content .mw-parser-output .tdwid20 td:nth-child(20) {
width: 10%;
}
#content .mw-parser-output .td20wid td,
#content .mw-parser-output .td20wid1 td:nth-child(1),
#content .mw-parser-output .td20wid2 td:nth-child(2),
#content .mw-parser-output .td20wid3 td:nth-child(3),
#content .mw-parser-output .td20wid4 td:nth-child(4),
#content .mw-parser-output .td20wid5 td:nth-child(5),
#content .mw-parser-output .td20wid6 td:nth-child(6),
#content .mw-parser-output .td20wid7 td:nth-child(7),
#content .mw-parser-output .td20wid8 td:nth-child(8),
#content .mw-parser-output .td20wid9 td:nth-child(9),
#content .mw-parser-output .td20wid10 td:nth-child(10),
#content .mw-parser-output .td20wid11 td:nth-child(11),
#content .mw-parser-output .td20wid12 td:nth-child(12),
#content .mw-parser-output .td20wid13 td:nth-child(13),
#content .mw-parser-output .td20wid14 td:nth-child(14),
#content .mw-parser-output .td20wid15 td:nth-child(15),
#content .mw-parser-output .td20wid16 td:nth-child(16),
#content .mw-parser-output .td20wid17 td:nth-child(17),
#content .mw-parser-output .td20wid18 td:nth-child(18),
#content .mw-parser-output .td20wid19 td:nth-child(19),
#content .mw-parser-output .td20wid20 td:nth-child(20) {
width: 20%;
}
#content .mw-parser-output .td30wid td,
#content .mw-parser-output .td30wid1 td:nth-child(1),
#content .mw-parser-output .td30wid2 td:nth-child(2),
#content .mw-parser-output .td30wid3 td:nth-child(3),
#content .mw-parser-output .td30wid4 td:nth-child(4),
#content .mw-parser-output .td30wid5 td:nth-child(5),
#content .mw-parser-output .td30wid6 td:nth-child(6),
#content .mw-parser-output .td30wid7 td:nth-child(7),
#content .mw-parser-output .td30wid8 td:nth-child(8),
#content .mw-parser-output .td30wid9 td:nth-child(9),
#content .mw-parser-output .td30wid10 td:nth-child(10),
#content .mw-parser-output .td30wid11 td:nth-child(11),
#content .mw-parser-output .td30wid12 td:nth-child(12),
#content .mw-parser-output .td30wid13 td:nth-child(13),
#content .mw-parser-output .td30wid14 td:nth-child(14),
#content .mw-parser-output .td30wid15 td:nth-child(15),
#content .mw-parser-output .td30wid16 td:nth-child(16),
#content .mw-parser-output .td30wid17 td:nth-child(17),
#content .mw-parser-output .td30wid18 td:nth-child(18),
#content .mw-parser-output .td30wid19 td:nth-child(19),
#content .mw-parser-output .td30wid30 td:nth-child(20) {
width: 30%;
}
/* ALIGNMENT
Styles that can be added to an entire table itself
to apply to each cell in the respective column.
Removes the need to apply styles to individual cells.
*/
#content .mw-parser-output .tdl td,
#content .mw-parser-output .tdl1 td:nth-child(1),
#content .mw-parser-output .tdl2 td:nth-child(2),
#content .mw-parser-output .tdl3 td:nth-child(3),
#content .mw-parser-output .tdl4 td:nth-child(4),
#content .mw-parser-output .tdl5 td:nth-child(5),
#content .mw-parser-output .tdl6 td:nth-child(6),
#content .mw-parser-output .tdl7 td:nth-child(7),
#content .mw-parser-output .tdl8 td:nth-child(8),
#content .mw-parser-output .tdl9 td:nth-child(9),
#content .mw-parser-output .tdl10 td:nth-child(10),
#content .mw-parser-output .tdl11 td:nth-child(11),
#content .mw-parser-output .tdl12 td:nth-child(12),
#content .mw-parser-output .tdl13 td:nth-child(13),
#content .mw-parser-output .tdl14 td:nth-child(14),
#content .mw-parser-output .tdl15 td:nth-child(15),
#content .mw-parser-output .tdl16 td:nth-child(16),
#content .mw-parser-output .tdl17 td:nth-child(17),
#content .mw-parser-output .tdl18 td:nth-child(18),
#content .mw-parser-output .tdl19 td:nth-child(19),
#content .mw-parser-output .tdl20 td:nth-child(20) {
text-align: left;
}
#content .mw-parser-output .thl th,
#content .mw-parser-output .thl1 th:nth-child(1),
#content .mw-parser-output .thl2 th:nth-child(2),
#content .mw-parser-output .thl3 th:nth-child(3),
#content .mw-parser-output .thl4 th:nth-child(4),
#content .mw-parser-output .thl5 th:nth-child(5),
#content .mw-parser-output .thl6 th:nth-child(6),
#content .mw-parser-output .thl7 th:nth-child(7),
#content .mw-parser-output .thl8 th:nth-child(8),
#content .mw-parser-output .thl9 th:nth-child(9),
#content .mw-parser-output .thl10 th:nth-child(10),
#content .mw-parser-output .thl11 th:nth-child(11),
#content .mw-parser-output .thl12 th:nth-child(12),
#content .mw-parser-output .thl13 th:nth-child(13),
#content .mw-parser-output .thl14 th:nth-child(14),
#content .mw-parser-output .thl15 th:nth-child(15),
#content .mw-parser-output .thl16 th:nth-child(16),
#content .mw-parser-output .thl17 th:nth-child(17),
#content .mw-parser-output .thl18 th:nth-child(18),
#content .mw-parser-output .thl19 th:nth-child(19),
#content .mw-parser-output .thl20 th:nth-child(20) {
text-align: left;
}
#content .mw-parser-output .tdc td,
#content .mw-parser-output .tdc1 td:nth-child(1),
#content .mw-parser-output .tdc2 td:nth-child(2),
#content .mw-parser-output .tdc3 td:nth-child(3),
#content .mw-parser-output .tdc4 td:nth-child(4),
#content .mw-parser-output .tdc5 td:nth-child(5),
#content .mw-parser-output .tdc6 td:nth-child(6),
#content .mw-parser-output .tdc7 td:nth-child(7),
#content .mw-parser-output .tdc8 td:nth-child(8),
#content .mw-parser-output .tdc9 td:nth-child(9),
#content .mw-parser-output .tdc10 td:nth-child(10),
#content .mw-parser-output .tdc11 td:nth-child(11),
#content .mw-parser-output .tdc12 td:nth-child(12),
#content .mw-parser-output .tdc13 td:nth-child(13),
#content .mw-parser-output .tdc14 td:nth-child(14),
#content .mw-parser-output .tdc15 td:nth-child(15),
#content .mw-parser-output .tdc16 td:nth-child(16),
#content .mw-parser-output .tdc17 td:nth-child(17),
#content .mw-parser-output .tdc18 td:nth-child(18),
#content .mw-parser-output .tdc19 td:nth-child(19),
#content .mw-parser-output .tdc20 td:nth-child(20) {
text-align: center;
}
#content .mw-parser-output .thc th,
#content .mw-parser-output .thc1 th:nth-child(1),
#content .mw-parser-output .thc2 th:nth-child(2),
#content .mw-parser-output .thc3 th:nth-child(3),
#content .mw-parser-output .thc4 th:nth-child(4),
#content .mw-parser-output .thc5 th:nth-child(5),
#content .mw-parser-output .thc6 th:nth-child(6),
#content .mw-parser-output .thc7 th:nth-child(7),
#content .mw-parser-output .thc8 th:nth-child(8),
#content .mw-parser-output .thc9 th:nth-child(9),
#content .mw-parser-output .thc10 th:nth-child(10),
#content .mw-parser-output .thc11 th:nth-child(11),
#content .mw-parser-output .thc12 th:nth-child(12),
#content .mw-parser-output .thc13 th:nth-child(13),
#content .mw-parser-output .thc14 th:nth-child(14),
#content .mw-parser-output .thc15 th:nth-child(15),
#content .mw-parser-output .thc16 th:nth-child(16),
#content .mw-parser-output .thc17 th:nth-child(17),
#content .mw-parser-output .thc18 th:nth-child(18),
#content .mw-parser-output .thc19 th:nth-child(19),
#content .mw-parser-output .thc20 th:nth-child(20) {
text-align: center;
}
#content .mw-parser-output .tdr td,
#content .mw-parser-output .tdr1 td:nth-child(1),
#content .mw-parser-output .tdr2 td:nth-child(2),
#content .mw-parser-output .tdr3 td:nth-child(3),
#content .mw-parser-output .tdr4 td:nth-child(4),
#content .mw-parser-output .tdr5 td:nth-child(5),
#content .mw-parser-output .tdr6 td:nth-child(6),
#content .mw-parser-output .tdr7 td:nth-child(7),
#content .mw-parser-output .tdr8 td:nth-child(8),
#content .mw-parser-output .tdr9 td:nth-child(9),
#content .mw-parser-output .tdr10 td:nth-child(10),
#content .mw-parser-output .tdr11 td:nth-child(11),
#content .mw-parser-output .tdr12 td:nth-child(12),
#content .mw-parser-output .tdr13 td:nth-child(13),
#content .mw-parser-output .tdr14 td:nth-child(14),
#content .mw-parser-output .tdr15 td:nth-child(15),
#content .mw-parser-output .tdr16 td:nth-child(16),
#content .mw-parser-output .tdr17 td:nth-child(17),
#content .mw-parser-output .tdr18 td:nth-child(18),
#content .mw-parser-output .tdr19 td:nth-child(19),
#content .mw-parser-output .tdr20 td:nth-child(20) {
text-align: right;
}
#content .mw-parser-output .thr th,
#content .mw-parser-output .thr1 th:nth-child(1),
#content .mw-parser-output .thr2 th:nth-child(2),
#content .mw-parser-output .thr3 th:nth-child(3),
#content .mw-parser-output .thr4 th:nth-child(4),
#content .mw-parser-output .thr5 th:nth-child(5),
#content .mw-parser-output .thr6 th:nth-child(6),
#content .mw-parser-output .thr7 th:nth-child(7),
#content .mw-parser-output .thr8 th:nth-child(8),
#content .mw-parser-output .thr9 th:nth-child(9),
#content .mw-parser-output .thr10 th:nth-child(10),
#content .mw-parser-output .thr11 th:nth-child(11),
#content .mw-parser-output .thr12 th:nth-child(12),
#content .mw-parser-output .thr13 th:nth-child(13),
#content .mw-parser-output .thr14 th:nth-child(14),
#content .mw-parser-output .thr15 th:nth-child(15),
#content .mw-parser-output .thr16 th:nth-child(16),
#content .mw-parser-output .thr17 th:nth-child(17),
#content .mw-parser-output .thr18 th:nth-child(18),
#content .mw-parser-output .thr19 th:nth-child(19),
#content .mw-parser-output .thr20 th:nth-child(20) {
text-align: right;
}
#content .mw-parser-output .tdt td,
#content .mw-parser-output .tdt1 td:nth-child(1),
#content .mw-parser-output .tdt2 td:nth-child(2),
#content .mw-parser-output .tdt3 td:nth-child(3),
#content .mw-parser-output .tdt4 td:nth-child(4),
#content .mw-parser-output .tdt5 td:nth-child(5),
#content .mw-parser-output .tdt6 td:nth-child(6),
#content .mw-parser-output .tdt7 td:nth-child(7),
#content .mw-parser-output .tdt8 td:nth-child(8),
#content .mw-parser-output .tdt9 td:nth-child(9),
#content .mw-parser-output .tdt10 td:nth-child(10),
#content .mw-parser-output .tdt11 td:nth-child(11),
#content .mw-parser-output .tdt12 td:nth-child(12),
#content .mw-parser-output .tdt13 td:nth-child(13),
#content .mw-parser-output .tdt14 td:nth-child(14),
#content .mw-parser-output .tdt15 td:nth-child(15),
#content .mw-parser-output .tdt16 td:nth-child(16),
#content .mw-parser-output .tdt17 td:nth-child(17),
#content .mw-parser-output .tdt18 td:nth-child(18),
#content .mw-parser-output .tdt19 td:nth-child(19),
#content .mw-parser-output .tdt20 td:nth-child(20) {
vertical-align: top;
}
#content .mw-parser-output .tht th,
#content .mw-parser-output .tht1 th:nth-child(1),
#content .mw-parser-output .tht2 th:nth-child(2),
#content .mw-parser-output .tht3 th:nth-child(3),
#content .mw-parser-output .tht4 th:nth-child(4),
#content .mw-parser-output .tht5 th:nth-child(5),
#content .mw-parser-output .tht6 th:nth-child(6),
#content .mw-parser-output .tht7 th:nth-child(7),
#content .mw-parser-output .tht8 th:nth-child(8),
#content .mw-parser-output .tht9 th:nth-child(9),
#content .mw-parser-output .tht10 th:nth-child(10),
#content .mw-parser-output .tht11 th:nth-child(11),
#content .mw-parser-output .tht12 th:nth-child(12),
#content .mw-parser-output .tht13 th:nth-child(13),
#content .mw-parser-output .tht14 th:nth-child(14),
#content .mw-parser-output .tht15 th:nth-child(15),
#content .mw-parser-output .tht16 th:nth-child(16),
#content .mw-parser-output .tht17 th:nth-child(17),
#content .mw-parser-output .tht18 th:nth-child(18),
#content .mw-parser-output .tht19 th:nth-child(19),
#content .mw-parser-output .tht20 th:nth-child(20) {
vertical-align: top;
}
#content .mw-parser-output .tdm td,
#content .mw-parser-output .tdm1 td:nth-child(1),
#content .mw-parser-output .tdm2 td:nth-child(2),
#content .mw-parser-output .tdm3 td:nth-child(3),
#content .mw-parser-output .tdm4 td:nth-child(4),
#content .mw-parser-output .tdm5 td:nth-child(5),
#content .mw-parser-output .tdm6 td:nth-child(6),
#content .mw-parser-output .tdm7 td:nth-child(7),
#content .mw-parser-output .tdm8 td:nth-child(8),
#content .mw-parser-output .tdm9 td:nth-child(9),
#content .mw-parser-output .tdm10 td:nth-child(10),
#content .mw-parser-output .tdm11 td:nth-child(11),
#content .mw-parser-output .tdm12 td:nth-child(12),
#content .mw-parser-output .tdm13 td:nth-child(13),
#content .mw-parser-output .tdm14 td:nth-child(14),
#content .mw-parser-output .tdm15 td:nth-child(15),
#content .mw-parser-output .tdm16 td:nth-child(16),
#content .mw-parser-output .tdm17 td:nth-child(17),
#content .mw-parser-output .tdm18 td:nth-child(18),
#content .mw-parser-output .tdm19 td:nth-child(19),
#content .mw-parser-output .tdm20 td:nth-child(20) {
vertical-align: middle;
}
#content .mw-parser-output .thm th,
#content .mw-parser-output .thm1 th:nth-child(1),
#content .mw-parser-output .thm2 th:nth-child(2),
#content .mw-parser-output .thm3 th:nth-child(3),
#content .mw-parser-output .thm4 th:nth-child(4),
#content .mw-parser-output .thm5 th:nth-child(5),
#content .mw-parser-output .thm6 th:nth-child(6),
#content .mw-parser-output .thm7 th:nth-child(7),
#content .mw-parser-output .thm8 th:nth-child(8),
#content .mw-parser-output .thm9 th:nth-child(9),
#content .mw-parser-output .thm10 th:nth-child(10),
#content .mw-parser-output .thm11 th:nth-child(11),
#content .mw-parser-output .thm12 th:nth-child(12),
#content .mw-parser-output .thm13 th:nth-child(13),
#content .mw-parser-output .thm14 th:nth-child(14),
#content .mw-parser-output .thm15 th:nth-child(15),
#content .mw-parser-output .thm16 th:nth-child(16),
#content .mw-parser-output .thm17 th:nth-child(17),
#content .mw-parser-output .thm18 th:nth-child(18),
#content .mw-parser-output .thm19 th:nth-child(19),
#content .mw-parser-output .thm20 th:nth-child(20) {
vertical-align: middle;
}
#content .mw-parser-output .tdb td,
#content .mw-parser-output .tdb1 td:nth-child(1),
#content .mw-parser-output .tdb2 td:nth-child(2),
#content .mw-parser-output .tdb3 td:nth-child(3),
#content .mw-parser-output .tdb4 td:nth-child(4),
#content .mw-parser-output .tdb5 td:nth-child(5),
#content .mw-parser-output .tdb6 td:nth-child(6),
#content .mw-parser-output .tdb7 td:nth-child(7),
#content .mw-parser-output .tdb8 td:nth-child(8),
#content .mw-parser-output .tdb9 td:nth-child(9),
#content .mw-parser-output .tdb10 td:nth-child(10),
#content .mw-parser-output .tdb11 td:nth-child(11),
#content .mw-parser-output .tdb12 td:nth-child(12),
#content .mw-parser-output .tdb13 td:nth-child(13),
#content .mw-parser-output .tdb14 td:nth-child(14),
#content .mw-parser-output .tdb15 td:nth-child(15),
#content .mw-parser-output .tdb16 td:nth-child(16),
#content .mw-parser-output .tdb17 td:nth-child(17),
#content .mw-parser-output .tdb18 td:nth-child(18),
#content .mw-parser-output .tdb19 td:nth-child(19),
#content .mw-parser-output .tdb20 td:nth-child(20) {
vertical-align: bottom;
}
#content .mw-parser-output .thb th,
#content .mw-parser-output .thb1 th:nth-child(1),
#content .mw-parser-output .thb2 th:nth-child(2),
#content .mw-parser-output .thb3 th:nth-child(3),
#content .mw-parser-output .thb4 th:nth-child(4),
#content .mw-parser-output .thb5 th:nth-child(5),
#content .mw-parser-output .thb6 th:nth-child(6),
#content .mw-parser-output .thb7 th:nth-child(7),
#content .mw-parser-output .thb8 th:nth-child(8),
#content .mw-parser-output .thb9 th:nth-child(9),
#content .mw-parser-output .thb10 th:nth-child(10),
#content .mw-parser-output .thb11 th:nth-child(11),
#content .mw-parser-output .thb12 th:nth-child(12),
#content .mw-parser-output .thb13 th:nth-child(13),
#content .mw-parser-output .thb14 th:nth-child(14),
#content .mw-parser-output .thb15 th:nth-child(15),
#content .mw-parser-output .thb16 th:nth-child(16),
#content .mw-parser-output .thb17 th:nth-child(17),
#content .mw-parser-output .thb18 th:nth-child(18),
#content .mw-parser-output .thb19 th:nth-child(19),
#content .mw-parser-output .thb20 th:nth-child(20) {
vertical-align: bottom;
}
/* MOBILE
Mobile specific overrides.
*/
@media only screen and (max-width: 768px) {
.tablesmall, .tablemedium {
width: 100%
}
.tablexsmall {
width: 90%
}
/** This applies a shadow to left/right when you can scroll horizontally
* This is not applied to the table, but the wrapper created in Common.js
* For this to work, article-table needs a transparent background
**/
.table-scroll-shadow {
overflow: auto;
background-image: linear-gradient(to right, var(--theme-table-td-background), var(--theme-table-td-background)),
linear-gradient(to right, var(--theme-table-td-background), var(--theme-table-td-background)),
linear-gradient(to right, rgba(255, 255, 255, .20), rgba(255, 255, 255, 0)),
linear-gradient(to left, rgba(255, 255, 255, .20), rgba(255, 255, 255, 0));
background-position: left center, right center, left center, right center;
background-repeat: no-repeat;
background-color: var(--theme-table-td-background);
background-size: 40px 100%, 40px 100%, 30px 100%, 30px 100%;
background-attachment: local, local, scroll, scroll;
}
.article-table {
background: unset;
}
}