X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/28151a28db84c6d6018232f36c0003ecd562b3f0..9a37f767f73894858a3df94c769ebf73af77eb3c:/base.css diff --git a/base.css b/base.css index 5958ced..41742e3 100644 --- a/base.css +++ b/base.css @@ -36,6 +36,9 @@ hr { margin: 0; } +.section ul { + margin-bottom: 1ex; +} .section h2 { margin: 0 1ex; clear: both; @@ -136,6 +139,13 @@ ul.keys li b[title] { /* mnemonic hover */ ul.keys li[onclick]:hover { /* link */ cursor: pointer; } +ul.keys li a { /* key link */ + color: inherit; + text-decoration: none; + display: block; + height: 100%; +} + ul.keys.meta li b, ul.keys.ctrl li b, ul.keys.lead li b { /* char with ctrl or leading key */ @@ -314,15 +324,6 @@ td.di-a {background: #EFD} /* ascii */ td.di-rare {background: #EEE} /* disfavoured */ td.di-invalid {background: #BBB} /* impossible */ -/* continents */ -td.c-af {background: #FFC} -td.c-eu {background: #FDC} -td.c-as {background: #FDD} -td.c-oc {background: #EEDDF4} -td.c-aa {background: #E3E8FF} -td.c-sa {background: #DFF} -td.c-na {background: #DFD} - /* code syntax */ .sy-comment { color: #888 } .sy-constant { color: #008 } @@ -374,24 +375,39 @@ td.di-a:hover {background: #CF8} /* key type colorization */ +td.c-na, .pm {background: #BFB} /* motion */ .po {background: #DFA} /* window */ +td.c-af, .co {background: #FFA} /* command */ +td.c-sa, .ci {background: #BFE} /* info */ +td.c-eu, .cp {background: #FDA} /* TODO */ .mi {background: #FCA} /* insert mode */ +td.c-as, .mo {background: #FCC} /* mode */ +td.c-aa, .mv {background: #ECE} /* visual mode */ +td.c-oc, .me {background: #CCF} /* key mode */ -.pm[onclick]:hover {background: #7E7} -.po[onclick]:hover {background: #CE6} -.ci[onclick]:hover {background: #5ED} -.mi[onclick]:hover {background: #F97} -.mo[onclick]:hover {background: #F88} -.me[onclick]:hover {background: #99F} -.mv[onclick]:hover {background: #D9D} -.co[onclick]:hover {background: #EE4} +td.c-na:hover, +.pm a:hover, .pm[onclick]:hover {background: #7E7} +.po a:hover, .po[onclick]:hover {background: #CE6} +td.c-sa:hover, +.ci a:hover, .ci[onclick]:hover {background: #5ED} +td.c-eu:hover, +.cp a:hover, .cp[onclick]:hover {background: #FA6} +.mi a:hover, .mi[onclick]:hover {background: #F97} +td.c-as:hover, +.mo a:hover, .mo[onclick]:hover {background: #F88} +td.c-oc:hover, +.me a:hover, .me[onclick]:hover {background: #99F} +td.c-aa:hover, +.mv a:hover, .mv[onclick]:hover {background: #D9D} +td.c-af:hover, +.co a:hover, .co[onclick]:hover {background: #EE4} .no { background: #EEE; @@ -401,6 +417,14 @@ ul.keys li.ni { padding: 1px; /* same size as borderlessless keys */ } +dl.legend dt.more, +ul.keys li.more b { + text-shadow: #F20 0 0 0.1em; +} +dl.legend dt.more:hover, +ul.keys li.more:hover b { + text-shadow: #F20 0 0 0.5em, #FC0 0 0 0.2em; +} dl.legend dt.ext, ul.keys li.ext { border-style: dashed;