MediaWiki:Tables.css

From Almost a Hero Wiki
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;
	}
}