Module:Track listing/styles.css: Difference between revisions
Appearance
NeonWabbit (talk | contribs) Created page with "→{{pp|small=y}}: .tracklist { border-spacing: 0; } →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-hea..." |
NeonWabbit (talk | contribs) No edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
||
Line 6: | Line 6: | ||
/* 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: #fff; | background-color: var(--background-color-base, #fff); | ||
} | } | ||
.tracklist tr:nth-child(2n-1) { | .tracklist tr:nth-child(2n-1) { | ||
background-color: # | background-color: var(--background-color-neutral-subtle, #f8f9fa); | ||
} | } | ||
Line 25: | Line 25: | ||
.tracklist th[scope="col"] { | .tracklist th[scope="col"] { | ||
text-align: left; | text-align: left; | ||
background-color: # | background-color: var(--background-color-neutral, #eaecf0); | ||
} | } | ||
Line 62: | Line 62: | ||
float: right; | float: right; | ||
padding: 0 10px; | padding: 0 10px; | ||
background-color: # | background-color: var(--background-color-neutral, #eaecf0); | ||
} | } | ||
.tracklist-total-length td { | .tracklist-total-length td { | ||
background-color: # | background-color: var(--background-color-neutral, #eaecf0); | ||
font-weight: bold; | font-weight: bold; | ||
padding: 0 10px 0 0; | padding: 0 10px 0 0; | ||
} | } |
Latest revision as of 10:43, 29 December 2024
/* {{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;
}