Module:Sports series/styles.css

/* {{pp-template}} */
/* Base styles for sports series table */
.sports-series {
    text-align: center;
}

/* Collapsible style */
.sports-series.mw-collapsible {
    width: 100%;
    border-collapse: collapse;
}

/* Centering style */
.sports-series.center-table {
    margin-left: auto;
    margin-right: auto;
    border: none;
}

/* Nowrap the entire table when |nowrap=y */
.sports-series[data-nowrap="y"] {
    white-space: nowrap;
}

/* Nowrap the column headers when |nowrap= is not set */
.sports-series[data-nowrap="n"] th {
    white-space: nowrap;
}

/* Align the team1 column header and rows to the right */
.sports-series tr:not(.title-row) th:first-child,
.sports-series tr:not(.heading-row) td:first-child {
    text-align: right;
}

/* Align the team2 column header and rows to the left */
.sports-series th:nth-child(3),
.sports-series td:nth-child(3) {
    text-align: left;
}

/* Auto apply nowrap to the aggregate/leg score cells when |nowrap= is not set */
.sports-series[data-nowrap="n"] td:nth-child(2),
.sports-series[data-nowrap="n"] td:nth-child(n+4) {
    white-space: nowrap;
}

/* Allow wrapping for specific cells with too much text */
.sports-series td:nth-child(2).allow-wrap,
.sports-series td:nth-child(n+4).allow-wrap {
    white-space: normal;
}

/* Colours for specifc cell styles  */
.sports-series .winner {
	background-color: #CCFFCC;
	color: #000;
}
.sports-series .draw {
	background-color: #FFFFBB;
	color: #000;
}
.sports-series .fbr-home-win {
	background-color: #BBF3FF;
	color: #000;
}
.sports-series .fbr-away-win {
	background-color: #FFBBBB;
	color: #000;
}
.sports-series .heading-row {
	background-color: whitesmoke;
	color: #000;
}
.sports-series .solid-cell {
	background-color: #BBBBBB; 
	color: #BBBBBB;
}

/* Styling for small score text  */
.sports-series-small {
    font-size: 85%;
}

/* Styling for the table footer/notes  */
.sports-series-notes {
    font-size: 90%;
    margin-bottom: 0.5em;
}

/* Styling for hidden refs when |note_list=n  */
.sports-series-hidden { display: none; }