Template:Unicode chart/sandbox/styles.css

.unicode-block {
	border-collapse: collapse;
	background: #FFFFFF;
	text-align: center;
}

.unicode-block th {
	background: #F8F8F8;
	font-weight: normal;
	font-size: small;
}

.unicode-block td {
	vertical-align: bottom;
	font-size: large;
    /*padding: unset;
    line-height: 1.75rem;*/
    height: 1em; /* works as min-height */
}

.unicode-block .footer {
	text-align: left;
}

.unicode-block .codepoint {
	font-size: 0.6rem;
	padding: 0;
}

/* ---------------------
	shade out cell
--------------------- */
.unicode-block .reserved { background-color: #CCCCCC; }
.unicode-block .noncharacter { background-color: black; }

.unicode-block td.abbr-cell {
    font-size: small;
}
.unicode-block .abbr-cell .abbr-box {
	display: inline-block;
	border: 1px dashed black;
	background: rgba(127, 127, 127, 0.1);
	padding: 3px;
	margin: 3px;
	line-height: 1.2;
    box-sizing: border-box;
}

.unicode-block .format {
	background-color: pink;
}
.unicode-block .control {
	background-color: lightblue;
}
.unicode-block .space-separator {
	background-color: lightgreen;
}

.unicode-block .modified {
	background-color: yellow;
}
.unicode-block .combining {
	background-color: lavender;
}

.unicode-block .red {
	background-color: red;
}