X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/8ee54859dde1136675f9c3cc2226984418094c0c..e3dac38771fe8c06e4c19c42403f7fb9b7f09da8:/base.css diff --git a/base.css b/base.css index c53f11e..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; @@ -223,6 +235,7 @@ thead th, td { /* table headers */ th, +tfoot td, thead td { border: 0; background: transparent !important; @@ -241,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 */ @@ -312,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, @@ -364,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} @@ -429,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} @@ -458,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, @@ -484,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,