Puts key names over the entire key, instead of placing them besides the
descriptions. This allows the buttons to be much less wide, making the
entire keyboard fit on lesser resolutions as well.
The CSS surprisingly even seems to work in MSIE. Unfortunately the key
label is always on top (z-indexes won't help here), but with enough
transparancy they still kind of fade to the background (IE is out of
luck here; I'm not going to support their filter crap).
<link rel="stylesheet" type="text/css" media="all" href="base.css">
<!--[if lte IE 6]><style> .help dl.legend dt {margin:0 0 1px} </style><![endif]-->
<!--[if lte IE 7]><style> .help dl.legend dd {float:none} </style><![endif]--><:
- my %styles = map {$_ => $_} qw(dark circus mono);
+ my %styles = map {$_ => $_} qw(dark circus mono terse);
our $style = exists $get{style} && $styles{$get{style}} || "light";
printf(qq{\n<link rel="%s" type="text/css" media="all" href="%s" title="%s">},
$_ eq $style ? "stylesheet" : "alternate stylesheet", "$_.css", $_
--- /dev/null
+ul.keys li {
+ position: relative; /* hides overflow */
+ width: 4.5em;
+}
+ul.keys li b,
+ul.keys.ctrl li b,
+ul.keys.lead li b { /* leading chars always fit */
+ position: absolute; /* background */
+ right: 0; /* least overlap in corner */
+ font-size: 250%;
+ line-height: 2.5ex;
+ opacity: .5;
+ color: #FFF;
+}
+