3 @import url(terse.css) all and (max-width: 80em);
5 @import url(mono.css) all and (monochrome);
16 text-decoration: underline;
20 text-decoration: none;
32 /* "keyboard" (list of keys) */
39 li.row1 {margin-left: 7em} /* row offsets relative to ~6em key width */
40 li.row2 {margin-left: 8em}
41 li.row3 {margin-left: 10em} /* should actually align to next key on row0 */
42 /* ...however rows>=1 are shifted a bit, to make space */
45 clear: both; /* start new row block (keyboard row) */
49 clear: both; /* start new row (screen row) */
50 } /* css2 selectors ignored by msie<=6 */
53 } /* css1 alternative as well (doesn't match in gecko for some reason) */
55 h3 {display: none} /* semantic details (non-css/js) */
56 li.mode {display: none} /* initially hidden (only show interactively (js)) */
64 line-height: 2.25ex; /* a little terser (seems to be gecko's default anyway) */
65 height: 4.5ex; /* 2 lines */
69 border: 1px solid #000;
71 -moz-border-radius: 4px;
76 line-height: 2.5ex; /* inherits otherwise */
79 ul.keys.omni li { /* omni-present esc */
83 /* fine tuning of special occurrences */
85 ul.keys li b[title] { /* mnemonic hover */
88 ul.keys li[onclick]:hover { /* link */
92 ul.keys.lead li b { /* char with ctrl or leading key */
93 font-size: 100%; /* space is too limited for 2+ double-sized chars */
94 line-height: 5ex; /* keep double height though */
96 ul.keys.ctrl li b small { /* meta key indicator */
98 font-weight: normal; /* nice and subtle */
101 /* key type colorization */
103 .pm {background: #BFB} /* motion */
104 .po {background: #DFA} /* window */
105 .co {background: #FFA} /* command */
106 .ci {background: #BFE} /* info */
107 .mi {background: #FCA} /* insert mode */
108 .mo {background: #FCC} /* mode */
109 .mv {background: #ECE} /* visual mode */
110 .me {background: #CCF} /* key mode */
112 .mi[onclick]:hover {background: #F97}
113 .mo[onclick]:hover {background: #F88}
114 .me[onclick]:hover {background: #99F}
115 .mv[onclick]:hover {background: #D9D}
116 .co[onclick]:hover {background: #EE4}
123 padding: 1px; /* same size as borderlessless keys */
128 border-style: dashed;
129 -moz-border-radius: 0; /* incompatible with border-style */
133 border-style: dotted;
134 -moz-border-radius: 0;
151 /* l/r help columns */
164 margin-left: 6.4em; /* a bit over 6.2em to allow for borders+padding (border-sizing would work too) */
167 margin-left: -6.4em; /* msie<=6 multiply this by two for some reason */
172 float: left; /* align next to dt (except msie<=7 does just the opposite) */
177 .right dl.legend dt {
178 margin-right: -6.4em;
182 .right dl.legend dd {
192 margin: 0 0 1px; /* distinct keys */
193 height: auto; /* not key-height */
197 margin: 3px 0.4em 0; /* align text (add dt border+padding height) */
200 dl.legend-options dt {
209 margin: 6px 0; /* similar to dl legends */
214 @page {size: landscape}
217 ul.legend-set {display: none}