X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/98699865db67c9772d2a56571e8ddcaee5a5e7bd..a5c0408aa517489b5610479a7aab78d83e11aa23:/base.css diff --git a/base.css b/base.css index 30b3846..0aee0ed 100644 --- a/base.css +++ b/base.css @@ -59,7 +59,7 @@ p.aside { p.footer { margin: 1em 0 0; } -hr ~ .footer { +.help + .footer { margin: 0; } @@ -91,6 +91,14 @@ li.row ul ul { h3 {display: none} /* semantic details (non-css/js) */ li.mode {display: none} /* initially hidden (only show interactively (js)) */ +#rows { + width: 82.5em; /* 12 * (2px + 1px + 6.2em + 1px + 2px) + 8em*/ + padding-right: 72px; +} +#rows > li { + margin-right: -72px; +} + /* individual keys */ dl.legend dt, @@ -140,6 +148,7 @@ ul.keys.ctrl li b small { /* meta key indicator */ li table { float: left; + position: relative; /* prevents buggy hovering if table-caption present in gecko */ } table.glyphs { @@ -157,6 +166,15 @@ table.glyphs { .glyphs tbody td { font-size: 112%; } +.glyphs.big tbody td { + font-size: 200%; +} +.glyphs .glyphs { + margin: 0.5ex 0; +} +.glyphs .glyphs td { + font-size: 100%; +} /* table headers */ @@ -275,11 +293,11 @@ td.Nd, td.Nl, td.No {background: #FDD} /* number */ td.Sc {background: #FCD} /* currency */ td.Sm {background: #ECE} /* math */ td.So {background: #DCF} /* symbol */ -td.Cf, td.Pd, td.Po {background: #CDF} /* punctuation */ +td.Pd, td.Po, td.Pc {background: #CDF} /* punctuation */ td.Ps, td.Pe, td.Pi, td.Pf {background: #BEF} /* quote */ td.Lm, td.Sk {background: #CEE} /* spacing modifier */ td.Mn {background: #ACC} /* modifier */ -td.Cc {color: #666; background: #BBB} /* control */ +td.Cc, td.Cf {color: #666; background: #BBB} /* control */ td.Zs {background: #ACB} /* space */ td.Zs span {background: #EEE} td.Co {background: #A99} /* private */ @@ -287,6 +305,7 @@ td.Xi, td.Cs {background: #CCC} /* invalid */ td.Xd {color: #844} /* deprecated */ td.Xr {color: #888} /* reserved (digraph reverse or proposal) */ .dimap td.Xr {background: #EEE} /* reversed digraph */ +.ccmap td.Xr {opacity:.4} /* implementation-based alternatives */ td.di-b {background: #FDD} /* bmp */ @@ -296,6 +315,15 @@ 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} + /* hover effects */ td.di-d, td.X:hover {cursor: help} @@ -317,12 +345,12 @@ td.Nd:hover, td.Nl:hover, td.No:hover {background: #F99} /* number td.Sc:hover {background: #F8C} /* currency */ td.Sm:hover {background: #F8F} /* math */ td.So:hover {background: #A8F} /* symbol */ -td.Cf:hover, td.Pd:hover, td.Po:hover {background: #8AF} /* punctuation */ +td.Pd:hover, td.Po:hover, td.Pc:hover {background: #8AF} /* punctuation */ td.Ps:hover, td.Pe:hover, td.Pi:hover, td.Pf:hover {background: #8DF} /* quote */ td.Lm:hover, td.Sk:hover {background: #BFF} /* spacing modifier */ td.Mn:hover {background: #CDE} /* modifier */ td.Zs:hover {background: #CED} /* space */ -td.Cc:hover {background: #DDD} /* control */ +td.Cc:hover, td.Cf:hover {background: #DDD} /* control */ td.Co:hover {background: #A77} /* private */ td.Xr:hover {background: #FFF} /* reserved */ td.Xa:hover {outline: 1px solid #0F0} /* ascii */ @@ -361,15 +389,13 @@ ul.keys li.ni { padding: 1px; /* same size as borderlessless keys */ } -dl.legend dt.vim, -ul.keys li.vim { +dl.legend dt.ext, +ul.keys li.ext { border-style: dashed; - -moz-border-radius: 0; /* incompatible with border-style */ } -dl.legend dt.vim7, -ul.keys li.vim7 { - border-style: dotted; - -moz-border-radius: 0; +dl.legend dt.new, +ul.keys li.new { + opacity: .6; } /* l/r help columns */