X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/8da63edfda172244fb15ffd3cf69223fe06d4898..d6d025d26de5282bb1fdde360d10bc0a82b5c1b4:/base.css

diff --git a/base.css b/base.css
index 453cb5e..b89cd1a 100644
--- a/base.css
+++ b/base.css
@@ -69,11 +69,23 @@ p.aside {
 }
 p.footer {
 	margin: 1em 0 0;
+	clear: both;
 }
 .help + .footer {
 	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;
@@ -85,6 +97,11 @@ ul {
 	text-align: left;
 }
 
+h2 small {
+	position: absolute; /* side note; do not influence alignment */
+	margin-left: 1em;
+}
+
 dl > dt {
 	float: left;
 	width: 50%;
@@ -185,10 +202,10 @@ dl.legend dt,
 
 /* tables */
 
-table.map {
+table {
 	border-collapse: collapse;
 }
-table.map th, table.map td {
+th, td {
 	border-color: #778;
 	border: 1px solid #888;
 	background: #DDD;
@@ -218,6 +235,7 @@ thead th, td {
 /* table headers */
 
 th,
+tfoot td,
 thead td {
 	border: 0;
 	background: transparent !important;
@@ -236,6 +254,13 @@ th {
 	text-align: right; /* variable width so keep near cells */
 	padding: 0 0.5em;
 }
+.cat {
+	font-size: 70%;
+	text-transform: uppercase;
+}
+tfoot .cat th {
+	border-top: 1px solid #888;
+}
 
 /* digraphs map */
 
@@ -307,10 +332,11 @@ table.dimap {
 .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,
@@ -359,7 +385,7 @@ table.dimap {
 	/* 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}
@@ -424,7 +450,7 @@ table.dimap {
 .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}
@@ -453,7 +479,7 @@ table.dimap {
 .c-as,
 .mo,
 .g6 {background: #FCC} /* red: mode */
-.c-aa,
+.c-an,
 .mv,
 .g7 {background: #ECE} /* purple: visual (g6+) */
 .c-oc,
@@ -479,7 +505,7 @@ table.dimap {
 .c-as:hover,
 .mo a:hover, .mo[onclick]:hover,
 .g6 a:hover, .g6[onclick]:hover {background: #F88}
-.c-aa:hover,
+.c-an:hover,
 .mv a:hover, .mv[onclick]:hover,
 .g7 a:hover, .g7[onclick]:hover {background: #D9D}
 .c-oc:hover,
@@ -492,6 +518,7 @@ table.dimap {
 .keys td.ni {
 	border: 0;
 	padding: 1px; /* same size as borderlessless keys */
+	background: none;
 }
 
 dl.legend dt.more,