margin: 0;
}
+.error {
+ background: #F00;
+ background: rgba(255, 0, 0, .8);
+ color: #FFF;
+ border: 2px solid #000;
+ border-width: 2px 0;
+ padding: 1em;
+ margin: 2ex auto;
+ clear: both;
+}
+
ul {
margin: 0;
padding: 0;
.X {background: #FFF} /* unidentified */
#digraphs .Xa {color: #0A0} /* ascii */
#digraphs .Xl {color: #070} /* latin1 */
-#digraphs .Xz {color: #D00} /* proposed */
+#digraphs .u-prop {color: #D00} /* proposed */
+#digraphs .u-prop.ex {color: #D88; color: rgba(221, 0, 0, .5)} /* unofficial proposal */
.Lm, .Mc, .Me, .Zl, .Zp {background: #F00} /* unstyled */
-.X > span {background: #888} /* invisible contents */
+.X > span {background: #898; background: rgba(0, 0, 0, .25)} /* invisible contents */
/* letter scripts */
.Armenian,
/* default u-ascii */
.l5 {background: #DFD} /* complete, perfect */
.l0 {background: #EEE} /* unknown, omitted */
-.ex { color: #888} /* experimental, disfavoured */
+.ex { color: #888; color: rgba(0, 0, 0, .5)} /* experimental, disfavoured */
.u-invalid {background: #BBB} /* invalid, impossible */
.p0 {opacity: .6}
.Xr:hover {background: #FFF} /* reserved */
.Xa:hover {outline: 1px solid #0F0} /* ascii */
.Xl:hover {outline: 1px solid #0C0} /* latin1 */
-.Xz:hover {outline: 1px solid #F00} /* proposed */
+.u-prop:hover {outline: 1px solid #F00} /* proposed */
.l0:hover {background: #888}
.l1:hover {background: #F88}
.l2:hover {background: #FC8}