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;

}