font-size: 200%;
margin: 0;
}
-h2 {
+h2, caption {
font-size: 125%;
+ font-weight: bold;
+}
+caption {
+ margin: 1ex;
}
hr {
margin: 0;
}
-/* "keyboard" (list of keys) */
-
ul {
margin: 0;
padding: 0;
list-style: none;
}
+
+/* "keyboard" (list of keys) */
+
ul#rows {margin-top: -5ex} /* top (esc) row fits besides header */
li.row1 {margin-left: 7em} /* row offsets relative to ~6em key width */
li.row2 {margin-left: 8em}
ul.keys li[onclick]:hover { /* link */
cursor: pointer;
}
+ul.keys.meta li b,
ul.keys.ctrl li b,
ul.keys.lead li b { /* char with ctrl or leading key */
font-size: 100%; /* space is too limited for 2+ double-sized chars */
line-height: 5ex; /* keep double height though */
}
+ul.keys.meta li b small,
ul.keys.ctrl li b small { /* meta key indicator */
font-size: 70%;
font-weight: normal; /* nice and subtle */
/* character table */
+li table {
+ float: left;
+}
+
table.glyphs {
border-collapse: collapse;
}
margin-bottom: -2.2ex; /* take cell padding */
}
.glyphs small.digraph {
- background: #888;
- color: #FFF;
-
background: #000;
color: #FFF;
opacity: 0.3;
}
.glyphs small.value {
- background: #CCC;
- color: #666;
-
background: #600;
color: #FFF;
opacity: 0.3;
td.Lm, td.Mc, td.Me, td.Zl, td.Zp, td.Cs {background: #F00} /* unstyled */
/* letter scripts */
+td.Armenian,
td.Greek {background: #FFE0CF}
td.Cyrillic {background: #FFDDA8}
td.Latin {background: #FFB}
+td.Aramaic,
td.Hebrew {background: #FFD}
td.Arabic {background: #EFE}
-td.Hangul {background: #DEA}
+td.African {background: #DED}
+td.XXXXXX {background: #ACB} /* same as space */
+td.Brahmic {background: #FBB} /* same as number */
+td.Khmer {background: #FBA}
+td.Hangul,
+td.Syllabic {background: #DEA}
td.Katakana {background: #DFA}
td.Hiragana {background: #DFC}
td.Bopomofo {background: #BFC}