8 text-decoration: underline;
12 text-decoration: none;
24 /* "keyboard" (list of keys) */
31 li.row1 {margin-left: 7em} /* row offsets relative to ~6em key width */
32 li.row2 {margin-left: 8em}
33 li.row3 {margin-left: 10em} /* should actually align to next key on row0 */
34 /* ...however rows>=1 are shifted a bit, to make space */
37 clear: both; /* start new row block (keyboard row) */
41 clear: both; /* start new row (screen row) */
42 } /* css2 selectors ignored by msie<=6 */
45 } /* css1 alternative as well (doesn't match in gecko for some reason) */
47 h3 {display: none} /* semantic details (non-css/js) */
48 li.mode {display: none} /* initially hidden (only show interactively (js)) */
56 line-height: 2.25ex; /* a little terser (seems to be gecko's default anyway) */
57 height: 4.5ex; /* 2 lines */
61 border: 1px solid #000;
63 -moz-border-radius: 4px;
68 line-height: 2.5ex; /* inherits otherwise */
71 ul.keys.omni li { /* omni-present esc */
75 /* fine tuning of special occurrences */
77 ul.keys li b[title] { /* mnemonic hover */
80 ul.keys li[onclick]:hover { /* link */
84 ul.keys.lead li b { /* char with ctrl or leading key */
85 font-size: 100%; /* space is too limited for 2+ double-sized chars */
86 line-height: 5ex; /* keep double height though */
88 ul.keys.ctrl li b small { /* meta key indicator */
90 font-weight: normal; /* nice and subtle */
93 /* key type colorization */
95 .pm {background: #BFB} /* motion */
96 .po {background: #DFA} /* window */
97 .co {background: #FFA} /* command */
98 .ci {background: #BFE} /* info */
99 .mi {background: #FCA} /* insert mode */
100 .mo {background: #FCC} /* mode */
101 .mv {background: #ECE} /* visual mode */
102 .me {background: #CCF} /* key mode */
104 .mi[onclick]:hover {background: #F97}
105 .mo[onclick]:hover {background: #F88}
106 .me[onclick]:hover {background: #99F}
107 .mv[onclick]:hover {background: #D9D}
114 padding: 1px; /* same size as borderlessless keys */
119 border-style: dashed;
120 -moz-border-radius: 0; /* incompatible with border-style */
124 border-style: dotted;
125 -moz-border-radius: 0;
142 /* l/r help columns */
155 margin-left: 6.4em; /* a bit over 6.2em to allow for borders+padding (border-sizing would work too) */
158 margin-left: -6.4em; /* msie<=6 multiply this by two for some reason */
163 float: left; /* align next to dt (except msie<=7 does just the opposite) */
168 .right dl.legend dt {
169 margin-right: -6.4em;
173 .right dl.legend dd {
183 margin: 0 0 1px; /* distinct keys */
184 height: auto; /* not key-height */
188 margin: 3px 0.4em 0; /* align text (add dt border+padding height) */
191 dl.legend-options dt {
200 margin: 6px 0; /* similar to dl legends */
205 @page {size: landscape}
208 ul.legend-set {display: none}