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 .Name { position: sticky; left: 0; }

.template-pledgevehiclelist tbody .Name { padding: 0; /* Transfer padding to link and allow more clickable area */ background-color: var( --color-surface-2 ); font-weight: var( --font-weight-semibold ); }

.template-pledgevehiclelist tbody .Name a { display: block; padding: var( --space-xs ) var( --space-sm ) }

/* 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: 1px solid var( --border-color-base ); border-radius: var( --border-radius--large ); mask-image: none !important; -webkit-mask-image: none !important; }