Template:Playerlist/style.css

.t-playerlist {
	margin: 2rem 0;
	display: flex;
	font-size: 0.8125rem;
	line-height: 1.375;
	overflow-x: auto;
	padding-bottom: 10px;
}

.t-playerlist__item {
	padding: 0 var( --space-md );
}

.t-playerlist__item:first-child {
	padding-left: 0;
}

.t-playerlist__item + .t-playerlist__item {
	border-left: 1px solid var( --border-color-base );
}

.t-playerlist__label {
	color: var( --color-base--subtle );
	letter-spacing: 0.05em;
}

.t-playerlist__value {
	color: var( --color-base--emphasized );
	font-weight: 500;
	font-size: 2rem;
	white-space: nowrap;
	min-width: 150px;
}

.t-playerlist__desc {
	letter-spacing: 0.025em;
}

#none {
	font-style: italic;
	color: var(--color-surface-4);
}

#leave {
	background: var(--background-color-destructive);
	box-shadow: var(--box-shadow-plist);
}

#hibernate {
	background: var(--background-color-primary--active);
	box-shadow: var(--box-shadow-plist);
}

#kick {
	background: var(--background-color-warning);
	box-shadow: var(--box-shadow-plist);
}

.playerlist {
	width: 100%;
	background: var(--color-surface-2);
	border-radius: 10px;
	border-collapse: separate;
	box-shadow: var(--box-shadow-dialog);
	overflow-x: auto;
	display: block;
}

.dh-footer-desc {
	margin-top: 10rem;
	text-align: center;
}

.dh-footer-desc .dh-db-version {
	color: var(--color-surface-4);
	font-size: 12px;
	letter-spacing: 3px;
	font-family: 'Consola';
}

.dh-footer-desc .dh-db-desc {
	letter-spacing: 2px;
	color: var(--color-base--subtle);
	font-family: 'AlibabaPuHuiTi';
}

.playerlist tbody {
	vertical-align: top;
}

.playerlist tbody .contact-type .contact-img {
	padding-right: 10px;
}

.playerlist tbody .note {
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
}

#header th {
	text-align: center;
	font-size: 18px;
	color: var(--color-base);
	width: calc(100% / 7);
}

#header #piic {
	min-width: 150px;
}

#header #player-id {
	min-width: 130px;
}

#header #player-nick {
	min-width: 110px;
}

#header #player-contact {
	min-width: 160px;
}

#header #player-type {
	min-width: 130px;
}

#header #player-jointime {
	min-width: 120px;
} 

#header #player-status {
	min-width: 100px;
}

#header #player-regdate,
#header #player-lastlogin,
#header #player-pergroup {
	min-width: 120px;
}

.citizen-table-wrapper {
	overflow-x: unset!important;
}

.citizen-overflow--right,
.citizen-overflow--left {
	-webkit-mask-image: unset!important;
}