index: link apl page
[sheet.git] / base.css
index e2f9bac7eeb509c8c37ec68842cf26b958b7a232..33e61f406d2471f8f5af51a450a5838ae31f6251 100644 (file)
--- a/base.css
+++ b/base.css
@@ -74,6 +74,17 @@ p.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;
@@ -223,6 +234,7 @@ thead th, td {
 /* table headers */
 
 th,
+tfoot td,
 thead td {
        border: 0;
        background: transparent !important;
@@ -241,6 +253,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 */
 
@@ -312,10 +331,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,
@@ -364,7 +384,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}
@@ -429,7 +449,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}