X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/d1a85d0091dac51bdef010e8681597b555156d86..130c94fc7747fd586b677f48fbabd2ecf10297c5:/base.css diff --git a/base.css b/base.css index c231fe1..33e61f4 100644 --- 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; @@ -85,6 +96,11 @@ ul { text-align: left; } +h2 small { + position: absolute; /* side note; do not influence alignment */ + margin-left: 1em; +} + dl > dt { float: left; width: 50%; @@ -188,7 +204,7 @@ dl.legend dt, table { border-collapse: collapse; } -table th, table td { +th, td { border-color: #778; border: 1px solid #888; background: #DDD; @@ -218,6 +234,7 @@ thead th, td { /* table headers */ th, +tfoot td, thead td { border: 0; background: transparent !important; @@ -236,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 */ @@ -307,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, @@ -359,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} @@ -424,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} @@ -453,7 +478,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 +504,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,