X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/33e3013acbef27ba49fa091389ed8bf4096fa860..d59162b2f180b322e6b4f245b44255d3fa9cf724:/base.css diff --git a/base.css b/base.css index 7a2d4e7..fa7d04a 100644 --- a/base.css +++ b/base.css @@ -17,12 +17,6 @@ a:active, a:hover { /* common sections */ -h1 { - background-image: -moz-repeating-linear-gradient(top left -75deg, - rgba(255,0,0,.5), rgba(255,0,0,0) 1ex, - rgba(255,0,0,0) 2ex, rgba(255,0,0,.5) 3ex - ); -} h1, h2 { font-size: 200%; margin: 0; @@ -69,6 +63,7 @@ p.aside { } p.footer { margin: 1em 0 0; + clear: both; } .help + .footer { margin: 0; @@ -237,7 +232,7 @@ th, tfoot td, thead td { border: 0; - background: transparent !important; + background: transparent; } .glyphs thead td { width: auto; /* no glyph cells in header */ @@ -261,6 +256,25 @@ tfoot .cat th { border-top: 1px solid #888; } +/* colour map */ + +table.color td { + border: 1px solid #555; + font-weight: normal; + padding: 0 8px; +} +table.color td samp { + margin: 0 -8px 0 8px; + font-family: inherit; + float: right; +} +table.color td samp ~ samp { +} +table.color td samp small { + font: 100% monospace; + padding: 0 .5ex; +} + /* digraphs map */ table.dimap { @@ -331,10 +345,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, @@ -366,7 +381,7 @@ table.dimap { .Mn {background: #ACC} /* modifier */ .Cc, .Cf {color: #666; background: #BBB} /* control */ .Zs {background: #ACB} /* space */ -.Co {background: #DCC} /* private */ +.Co, .Xi.Co {background: #DCC} /* private */ .Xi, .Cs {background: #CCC} /* invalid */ .Xd {color: #844} /* deprecated */ .Xr {color: #888} /* reserved (digraph reverse or proposal) */ @@ -383,7 +398,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} @@ -446,9 +461,10 @@ table.dimap { .Cc:hover, .Cf:hover {background: #DDD} /* control */ .Co:hover {background: #A77} /* private */ .Xr:hover {background: #FFF} /* reserved */ +.Xi:hover {background: #DDD} /* invalid */ .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} @@ -459,56 +475,38 @@ table.dimap { /* key type colorization */ .c-sa, -.ci, -.g0 {background: #BFE} /* cyan: info */ +.g1 {background: #BFE} /* cyan: info */ .c-na, -.pm, -.g1 {background: #BFB} /* green: motion */ -.po, -.g2 {background: #DFA} /* greenish: jump (g1+) */ +.g2 {background: #BFB} /* green: motion */ +.g3 {background: #DFA} /* greenish: jump (g2+) */ .c-af, -.co, -.g3 {background: #FFA} /* yellow: command */ +.g4 {background: #FFA} /* yellow: command */ .c-eu, -.cp, -.g4 {background: #FDA} /* orangish: open (g5-) */ -.mi, -.g5 {background: #FCA} /* orange: insert */ +.g5 {background: #FDA} /* orangish: open (g6-) */ +.g6 {background: #FCA} /* orange: insert */ .c-as, -.mo, -.g6 {background: #FCC} /* red: mode */ +.g7 {background: #FCC} /* red: mode */ .c-an, -.mv, -.g7 {background: #ECE} /* purple: visual (g6+) */ +.g8 {background: #ECE} /* purple: visual (g7+) */ .c-oc, -.me, -.g8 {background: #CCF} /* blue: prefix */ +.g9 {background: #CCF} /* blue: prefix */ .c-sa:hover, -.ci a:hover, .ci[onclick]:hover, -.g0 a:hover, .g0[onclick]:hover {background: #5ED} +.g1 a:hover, .g1[onclick]:hover {background: #5ED} .c-na:hover, -.pm a:hover, .pm[onclick]:hover, -.g1 a:hover, .g1[onclick]:hover {background: #7E7} -.po a:hover, .po[onclick]:hover, -.g2 a:hover, .g2[onclick]:hover {background: #CE6} +.g2 a:hover, .g2[onclick]:hover {background: #7E7} +.g3 a:hover, .g3[onclick]:hover {background: #CE6} .c-af:hover, -.co a:hover, .co[onclick]:hover, -.g3 a:hover, .g3[onclick]:hover {background: #EE4} +.g4 a:hover, .g4[onclick]:hover {background: #EE4} .c-eu:hover, -.cp a:hover, .cp[onclick]:hover, -.g4 a:hover, .g4[onclick]:hover {background: #FA6} -.mi a:hover, .mi[onclick]:hover, -.g5 a:hover, .g5[onclick]:hover {background: #F97} +.g5 a:hover, .g5[onclick]:hover {background: #FA6} +.g6 a:hover, .g6[onclick]:hover {background: #F97} .c-as:hover, -.mo a:hover, .mo[onclick]:hover, -.g6 a:hover, .g6[onclick]:hover {background: #F88} +.g7 a:hover, .g7[onclick]:hover {background: #F88} .c-an:hover, -.mv a:hover, .mv[onclick]:hover, -.g7 a:hover, .g7[onclick]:hover {background: #D9D} +.g8 a:hover, .g8[onclick]:hover {background: #D9D} .c-oc:hover, -.me a:hover, .me[onclick]:hover, -.g8 a:hover, .g8[onclick]:hover {background: #99F} +.g9 a:hover, .g9[onclick]:hover {background: #99F} .no { background: #EEE; /* unassigned */