@shower/ribbon/styles/slide/content/table.css

Ribbon theme for Shower HTML presentation engine

/* Table */

.slide table {
	margin-bottom: 1em;
	margin-left: calc(var(--slide-side) * -1);
	width: calc(
		100% + var(--slide-side) * 2
	);
	border-collapse: collapse;
	border-spacing: 0;
}

/* Cells */

.slide th,
.slide td {
	padding-top: 0;
	padding-bottom: 0;
}

.slide th {
	text-align: left;
	font-weight: bold;
}

.slide th:first-child,
.slide td:first-child {
	padding-left: var(--slide-side);
}

.slide th:last-child,
.slide td:last-child {
	padding-right: var(--slide-side);
}

/* Lines */

.slide tr:not(:last-of-type) > * {
	background-image: linear-gradient(
		to top,
		var(--color-line) 0.06em,
		transparent 0.06em
	);
	background-repeat: repeat-x;
}

/* Stripes */

.slide table.striped tr:nth-child(even) {
	background-color: var(--color-fill);
}

.slide table.striped tr > * {
	background-image: none;
}

/* Marked Row */

.slide tr.mark {
	background-color: var(--color-yellow);
}

/* Next Marked Row */

.slide tr.mark.next {
	background-color: transparent;
	visibility: visible;
}

.slide tr.mark.next.active,
.slide tr.mark.next.visited {
	background-color: var(--color-yellow);
}