User:Alistair3149/sandbox/shiplisttest/plain/styles.css

.plain-table-header { margin-top: 1.6rem; font-weight: bold; }

.plain-table-list { font-size: 0.875rem; }

display: block; margin: 0 auto; max-width: 860px; white-space: nowrap; overflow: auto; }
 * 1) plain-table thead {

margin-bottom: 10px; display: flex; }
 * 1) plain-table thead tr {

.headerSort { margin-right: 6px; padding: 5px 21px 5px 12px; border: 1px solid #eaecf0; border-radius: 40px; background-color: white; display: block; }

.headerSort:hover { background-color: #eaecf0; }

.headerSort.headerSortUp, .headerSort.headerSortDown { background-color: #36c; border-color: #36c; color: white; }

.headerSort.headerSortUp:hover, .headerSort.headerSortDown:hover { background-color: #2a4b8d; }

.mw-plusminus-pos { color: #006400; }

.mw-plusminus-neg { color: #8b0000; }

.mw-plusminus-null { color: #a2a9b1; }

/* This does not belong here but needed before the skin is updated */ @media only screen and (max-width: 720px) { .floatnone { margin: 0.6rem -20px !important; } }

@media (prefers-color-scheme: dark) { .headerSort { border-color: #2b2f36; background-color: #24272f; }

.headerSort:hover { background-color: #2b2f36; } }