Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

Jump to content

Module:Track listing/styles.css

Page template-protected
From Wikipedia, the free encyclopedia
/* {{pp|small=y}} */
.tracklist {
	border-spacing: 0;
}

/* set on all rows we can set the total length row to transparent */
.tracklist tr {
	background-color: var(--background-color-base, #fff);
}

.tracklist tr:nth-child(2n-1) {
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
}

.tracklist caption {
	text-align: left;
	font-weight: bold;
}

.tracklist td,
.tracklist th[scope="row"] {
	vertical-align: top;
}

.tracklist th[scope="col"] {
	text-align: left;
	background-color: var(--background-color-neutral, #eaecf0);
}

.tracklist th.tracklist-length-header,
.tracklist th.tracklist-number-header,
.tracklist th[scope="row"],
.tracklist-length,
.tracklist-total-length td {
	padding-right: 10px;
	text-align: right;
}

.tracklist th[scope="row"] {
	font-weight: normal;
}

.tracklist-number-header {
	width: 2em;
	padding-left: 10px;
}

.tracklist-length-header {
	width: 4em;
}

.tracklist tr.tracklist-total-length {
	background-color: transparent;
}

.tracklist .tracklist-total-length th {
	padding: 0;
	font-weight: bold;
}

.tracklist-total-length th > span {
	float: right;
	padding: 0 10px;
	background-color: var(--background-color-neutral, #eaecf0);
}

.tracklist-total-length td {
	background-color: var(--background-color-neutral, #eaecf0);
	font-weight: bold;
	padding: 0 10px 0 0;
}