Template:Unicode chart/styles minimal.css

.unicodechart {
	margin-bottom: 1em;
	width: max-content;
}
.unicodechart table {
	border-collapse: collapse;
	border: none;
	text-align: center;
	margin-bottom: 0;
}
.unicodechart .uc-tag {
	border: thin solid var(--border-color-base);
	background-color: var(--background-color-neutral-subtle);
	border-top: none;
	padding: .1em 2em;
	font-size: 0.8rem;
}
.unicodechart td {
	font-size: large;
}
.unicodechart td[scope=row],.unicodechart th {
	width: 3ch;
	height: 3ch;
	font-size: 1rem;
	padding-left: 0.4em;
	padding-right: 0.4em;
	font-weight: 400;
}
.unicodechart .uc-rsv {
	background-color: #ccc!important;
}
.unicodechart .cornercell {
	visibility: hidden;
	border: none;
}
@media screen {
	.skin-theme-clientpref-day .unicodechart td {
		background-color: #fff;
	}
	.skin-theme-clientpref-day .unicodechart td[scope=row],	.skin-theme-clientpref-day .unicodechart th {
		background-color: #f8f8f8;
	}
	@media (max-width:750px) {
		.unicodechart td[scope=row], .unicodechart th {
			width: auto;
		}
	}
}