Template:TCG Set List/styles.css

.tcg-set-table {
  border: 3px solid;
  border-spacing: 2px;
  border-radius: 10px;
  white-space: nowrap;

  /* Undo Minerva styling */
  display: table;
  border-collapse: separate;
}

/* Rounded corners - should be 10px minus .tcg-set-table's border and border-spacing values */
.tcg-set-table tr:first-child > th:first-child {
  border-top-left-radius: 5px;
}
.tcg-set-table tr:first-child > th:last-child {
  border-top-right-radius: 5px;
}
.tcg-set-table tbody > tr:last-child > :first-child {
  border-bottom-left-radius: 5px;
}
.tcg-set-table tbody > tr:last-child > :last-child {
  border-bottom-right-radius: 5px;
}

/* Header styling */
.tcg-set-table tr:nth-of-type(2) th {
  position: sticky;
  top: 0;
}

.tcg-set-table th img {
  /* Undo Minerva styling */
  max-width: unset !important;
}

/* Body styling */
.tcg-set-table tbody td {
  background-color: #fff;
}

/* Ideally these would use :has() instead, but that psuedo-class is not supported in Bulbapedia's version of Sanitized CSS yet */
.tcg-set-table > tbody > tr > td:nth-child(3),
.tcg-set-table > tbody > tr > td:nth-child(4) {
  text-align: center;
}

/* Styling for tables with 'nr' class - mark column, no rarity column */
.tcg-set-table.nr > tbody > tr > td:nth-child(2),
.tcg-set-table.nr > tbody > tr > td:nth-child(4) {
	text-align: center;
}
.tcg-set-table.nr > tbody > tr > td:nth-child(3) {
	text-align: left;
}

.tcg-set-table .tcg-pocket-rarity-symbol {
  /* white-space: nowrap alone does not increase the column width */
  display: inline-block;
  width: max-content;
}

.tcg-set-table > tfoot {
  display: none; /* Hide the footer — its purpose is worked-around by rounding the corners */
}

/* <noinclude>
[[Category:TCG templates]]
[[Category:TemplateStyles stylesheets]]
</noinclude> */