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;
46 /* "keyboard" (list of keys) */
53 li.row1 {margin-left: 7em} /* row offsets relative to ~6em key width */
54 li.row2 {margin-left: 8em}
55 li.row3 {margin-left: 10em} /* should actually align to next key on row0 */
56 /* ...however rows>=1 are shifted a bit, to make space */
59 clear: both; /* start new row block (keyboard row) */
63 clear: both; /* start new row (screen row) */
64 } /* css2 selectors ignored by msie<=6 */
67 } /* css1 alternative as well (doesn't match in gecko for some reason) */
69 h3 {display: none} /* semantic details (non-css/js) */
70 li.mode {display: none} /* initially hidden (only show interactively (js)) */
78 line-height: 2.25ex; /* a little terser (seems to be gecko's default anyway) */
79 height: 4.5ex; /* 2 lines */
83 border: 1px solid #000;
85 -moz-border-radius: 4px;
90 line-height: 2.5ex; /* inherits otherwise */
93 ul.keys.omni li { /* omni-present esc */
97 /* fine tuning of special occurrences */
99 ul.keys li b[title] { /* mnemonic hover */
102 ul.keys li[onclick]:hover { /* link */
106 ul.keys.lead li b { /* char with ctrl or leading key */
107 font-size: 100%; /* space is too limited for 2+ double-sized chars */
108 line-height: 5ex; /* keep double height though */
110 ul.keys.ctrl li b small { /* meta key indicator */
112 font-weight: normal; /* nice and subtle */
115 /* key type colorization */
117 .pm {background: #BFB} /* motion */
118 .po {background: #DFA} /* window */
119 .co {background: #FFA} /* command */
120 .ci {background: #BFE} /* info */
121 .mi {background: #FCA} /* insert mode */
122 .mo {background: #FCC} /* mode */
123 .mv {background: #ECE} /* visual mode */
124 .me {background: #CCF} /* key mode */
126 .mi[onclick]:hover {background: #F97}
127 .mo[onclick]:hover {background: #F88}
128 .me[onclick]:hover {background: #99F}
129 .mv[onclick]:hover {background: #D9D}
130 .co[onclick]:hover {background: #EE4}
137 padding: 1px; /* same size as borderlessless keys */
142 border-style: dashed;
143 -moz-border-radius: 0; /* incompatible with border-style */
147 border-style: dotted;
148 -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}