X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/5f6d3958e4207035fefe088df2519231b5f07476..69a605876ce089075ae4fe8ca76c85630a8c6897:/base.css diff --git a/base.css b/base.css index 078b27d..ededb55 100644 --- a/base.css +++ b/base.css @@ -48,6 +48,9 @@ hr { position: relative; /* prevents buggy hovering in table if caption present in gecko */ margin: 1ex 1ex 2ex; } +.section .section { + float: left; +} #charset .section table { margin: -0.5ex 0 1ex; /* headers provide sufficient spacing already */ } @@ -214,25 +217,28 @@ th { /* digraphs map */ -table.glyphs.dimap { +table.dimap { table-layout: fixed; /* prevent resizing, notably in msie6 */ } -.glyphs.dimap thead th, .glyphs.dimap td { +.dimap thead th, .dimap td { /* below-maximum size (but still average enough to be regular) so we can fit more */ width: 1.2em; /* msie only looks at the first row */ min-width: 1em; /* prevents gecko from restricting to page width */ } -.glyphs.dimap th { +.dimap th { text-align: center; /* row headers are also glyph-sized */ } -.glyphs.dimap tbody, .glyphs.dimap colgroup { +.mapped tbody, .mapped colgroup, +.dimap tbody, .dimap colgroup { border: 2px double #888; /* major character group grid */ } -.glyphs.dimap tbody { +.mapped tbody, +.dimap tbody { border-width: 2px 0; /* horizontal group dividers */ } -.glyphs.dimap colgroup { +.mapped colgroup, +.dimap colgroup { border-width: 0 2px; /* vertical divides */ } @@ -321,6 +327,7 @@ td.di-b {background: #FDD} /* bmp */ td.di-d {background: #FFD} /* rfc-1345 digraph */ td.di-prop {background: #FED} /* proposed digraph */ td.di-a {background: #EFD} /* ascii */ +td.di-aa {background: #DFD} /* ascii */ td.di-rare {background: #EEE} /* disfavoured */ td.di-invalid {background: #BBB} /* impossible */ @@ -372,6 +379,7 @@ td.di-b:hover {background: #F88} td.di-d:hover {background: #FF8} td.di-prop:hover {background: #FC8} td.di-a:hover {background: #CF8} +td.di-aa:hover {background: #8F8} /* key type colorization */ @@ -417,6 +425,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;