Module:Track listing/styles.css

/* */ .tracklist { border-spacing: 0; }

.tracklist tbody { color: #333; /* Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis */ }

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

.tracklist tr:nth-child(2n-1) { background-color: #f7f7f7; }

.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: #eee; }

.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: #eee; }

.tracklist-total-length td { background-color: #eee; font-weight: bold; padding: 0 10px 0 0; }

/* Night theme */ html.skin-theme-clientpref-night .tracklist tr { background-color: #000; }

html.skin-theme-clientpref-night .tracklist tr:nth-child(2n-1) { background-color: #361c02; }

html.skin-theme-clientpref-night .tracklist th[scope="col"], html.skin-theme-clientpref-night .tracklist-total-length td, html.skin-theme-clientpref-night .tracklist-total-length th > span { background-color: #111111

}

html.skin-theme-clientpref-night .tracklist tbody { color: #ccc; }

@media (prefers-color-scheme: dark) { /* */	html.skin-theme-clientpref-night .tracklist tr { background-color: #000; }

html.skin-theme-clientpref-night .tracklist tr:nth-child(2n-1) { background-color: #361c02; }

html.skin-theme-clientpref-night .tracklist th[scope="col"], html.skin-theme-clientpref-night .tracklist-total-length td, html.skin-theme-clientpref-night .tracklist-total-length th > span { background-color: #111111

}

html.skin-theme-clientpref-night .tracklist tbody { color: #ccc; }

}