X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/95a62b8397c02f6103132a3c248df2c50e6c8829..4f83f1046336f756fad6e1b8a371b5cf353fc72d:/digraphs.css diff --git a/digraphs.css b/digraphs.css new file mode 100644 index 0000000..3e53004 --- /dev/null +++ b/digraphs.css @@ -0,0 +1,115 @@ +/* general */ + +body { + background: #FFF; + color: #000; +} + +a, a:visited { + color: #000; + text-decoration: underline; +} +a:active, a:hover { + color: #00F; + text-decoration: none; +} + +/* head/foot */ + +h1 { + text-align: center; + font-size: 200%; + margin: 0 0 0.2em; +} +p.footer { + margin: 1em 0 0; + text-align: center; +} + +/* digraph table */ + +table { + border-collapse: collapse; + table-layout: fixed; /* prevent resizing, notably in msie6 */ +} +#legend { + margin-top: 1em; +} +#legend table { + width: 100%; + table-layout: auto; +} +#legend td { + padding: 0 0.2em; +} + +/* character cells */ + +thead th, td { + width: 1.2em; /* msie only looks at the first row */ + min-width: 1em; /* prevents gecko from restricting to page width */ +} +th, td { + text-align: center; +} +td { + border: 1px solid #888; + background: #DDD; +} + +td.X {background: #FFF} /* unidentified */ +td.Lm, td.Mc, td.Me, td.Zl, td.Zp, td.Cs {background: #F00} /* unstyled */ + +/* letter scripts */ +td.Greek {background: #FFE0CF} +td.Cyrillic {background: #FFDDA8} +td.Latin {background: #FFB} +td.Hebrew {background: #FFD} +td.Arabic {background: #EFE} +td.Hiragana {background: #DFC} +td.Katakana {background: #DFA} +td.Bopomofo {background: #BFC} + +/* other categories */ +td.Nd, td.Nl, td.No {background: #FBB} /* 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.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.Zs {background: #ACB} /* space */ +td.Zs span {background: #EEE} + +/* properties */ +td.Xa {color: #0A0} /* ascii */ +td.Xl {color: #070} /* latin1 */ +td.Co {color: #800} /* private */ +td.Xz {color: #D00} /* proposed */ + +/* hover effects */ +td.Greek:hover {background: #FA9} +td.Cyrillic:hover {background: #FB7} +td.Latin:hover {background: #FF6} +td.Hebrew:hover {background: #FFA} +td.Arabic:hover {background: #CFD} +td.Hiragana:hover {background: #AF8} +td.Katakana:hover {background: #BF7} +td.Bopomofo:hover {background: #8FA} +td.Nd:hover, td.Nl:hover, td.No:hover {background: #F88} /* 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.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.Xa:hover {outline: 1px solid #0F0} /* ascii */ +td.Xl:hover {outline: 1px solid #0C0} /* latin1 */ +td.Co:hover {outline: 1px solid #C00} /* private */ +td.Xz:hover {outline: 1px solid #F00} /* proposed */ +