User:Alistair3149/sandbox/pledgevehiclelist2/styles.css

.template-pledgevehiclelist {
	margin: 0;
}

.template-pledgevehiclelist thead,
.template-pledgevehiclelist tbody {
	overflow: auto;
}

.template-pledgevehiclelist thead {
	white-space: nowrap;
}

.template-pledgevehiclelist thead .headerSort {
	background-color: var( --color-surface-2 );
}

.template-pledgevehiclelist thead .headerSort:hover {
	background-color: var( --color-surface-2--hover );
}

.template-pledgevehiclelist thead .headerSort.headerSortUp,
.template-pledgevehiclelist thead .headerSort.headerSortDown {
	background-color: var( --color-primary );
	color: #fff;
}

.template-pledgevehiclelist thead .headerSort.headerSortUp:hover,
.template-pledgevehiclelist thead .headerSort.headerSortDown:hover {
	background-color: var( --color-primary--hover );
}

.template-pledgevehiclelist thead .headerSort:hover {
	background-color: var( --color-surface-2--hover );
}

.template-pledgevehiclelist thead tr {
	background-color: transparent !important;
}

.template-pledgevehiclelist tbody .Name {
	font-weight: var( --font-weight-semibold );
}

/* Has to be hacky because of how SMW assign classes by th alias */
.template-pledgevehiclelist tbody .Pledge-availability + td,
.template-pledgevehiclelist tbody .Pledge-availability + td + td + td {
	color: var( --color-base--emphasized );
    font-weight: var( --font-weight-medium );
}

.template-pledgevehiclelist tbody .Pledge-availability + td + td,
.template-pledgevehiclelist tbody .Pledge-availability + td + td + td + td {
	color: var( --color-base--subtle );
}

.citizen-table-wrapper {
	border-radius: var( --border-radius--large );
	mask-image: none !important;
	-webkit-mask-image: none !important;
}