Fandom's fandom-table css rules
.fandom-table {
background: none;
border: 1px solid var(--theme-border-color);
border-collapse: collapse;
border-radius: 3px;
border-spacing: 0;
color: var(--theme-page-text-color);
}
.fandom-table > caption {
border: solid var(--theme-border-color);
border-width: 1px 1px 0;
font-size: 16px;
font-weight: 500;
line-height: 1.75;
padding: 8px 12px;
text-align: left;
}
.fandom-table tr th {
background-color: var(--theme-page-background-color--secondary);
}
.fandom-table tr td,
.fandom-table tr th {
border: 1px solid var(--theme-border-color);
padding: 12px;
vertical-align: middle;
}
.fandom-table .fixed-header {
box-shadow: 0 0 10px 0 rgba(30, 12, 27, 0.2);
outline: 1px solid var(--theme-border-color);
position: relative;
transform: translateY(var(--fixed-table-header-offset));
transition: all 0.3s;
z-index: 1;
}
.fandom-table .fixed-header th {
position: relative;
}
.skin-fandomdesktop .fandom-table.jquery-tablesorter th.headerSort {
background-image: none;
position: relative;
}
.skin-fandomdesktop .fandom-table.jquery-tablesorter th.headerSort:after {
align-items: center;
background-color: var(--theme-page-text-color);
content: "";
display: flex;
height: 10px;
-webkit-mask-image: url(/resources-ucp/v2/dist/svg/wds-icons-dropdown-sort-tiny.svg);
mask-image: url(/resources-ucp/v2/dist/svg/wds-icons-dropdown-sort-tiny.svg);
min-width: 10px;
position: absolute;
right: 6px;
top: calc(50% - 5px);
width: 10px;
}
.skin-fandomdesktop .fandom-table.jquery-tablesorter th.headerSortUp:after {
transform: rotate(180deg);
}
.skin-fandomdesktop .fandom-table.jquery-tablesorter th.headerSortDown:after,
.skin-fandomdesktop .fandom-table.jquery-tablesorter th.headerSortUp:after {
-webkit-mask-image: url(/resources-ucp/v2/dist/svg/wds-icons-dropdown-tiny.svg);
mask-image: url(/resources-ucp/v2/dist/svg/wds-icons-dropdown-tiny.svg);
}