Module:Track listing/styles.css: Difference between revisions

From TwentyOneWiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(8 intermediate revisions by the same user not shown)
Line 5: Line 5:


.tracklist tbody {
.tracklist tbody {
     color: #333; /* [[mw:Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#Always_define_color_when_defining_background]] */
     color: #000; /* [[mw:Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#Always_define_color_when_defining_background]] */
}
}


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


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


Line 29: Line 29:
.tracklist th[scope="col"] {
.tracklist th[scope="col"] {
text-align: left;
text-align: left;
background-color: #eee;
background-color: #D33328;
    color: #fff;
}
}


Line 66: Line 67:
float: right;
float: right;
padding: 0 10px;
padding: 0 10px;
background-color: #eee;
background-color: #D33328;
    color: #fff;
}
}


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

Latest revision as of 12:09, 11 July 2024

/* {{pp|small=y}} */
.tracklist {
	border-spacing: 0;
}

.tracklist tbody {
    color: #000; /* [[mw:Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#Always_define_color_when_defining_background]] */
}

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

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

.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: #D33328;
    color: #fff;
}

.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: #D33328;
    color: #fff;
}

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