Complete override of labels and width adjusted to variable font size.
--- /dev/null
+.keys .row0 {
+ display: none; /* headerless */
+}
+.keys td {
+ width: 1em;
+ min-width: auto;
+ height: 2.25ex;
+ font-size: 200%;
+ font-size: calc(7.5vmin - 9px); /* fit 12 keys to page */
+ overflow: visible;
+ position: relative;
+ padding: 0;
+}
+.keys td b {
+ position: absolute; /* overlay */
+ z-index: 1;
+ top: 3.3ex; /* halfway over bottom */
+ left: 0;
+ right: 0;
+ font-size: 50%;
+ opacity: .5;
+ color: #FFF;
+ line-height: 2.25ex;
+}
+.keys .shift td b {
+ display: none;
+}
$showkeys eq 'ghost' ? '<style> .no, .alias {opacity:.5} </style>' : (),
'<script type="text/javascript" src="/keys.js?1.6" async></script>',
);
+if ($include =~ /^altgr/ and open my $cssinc, '<', 'keyboard-altgr.css') {
+ local $/;
+ my $data = readline $cssinc;
+ push @keystyle, "<style>\n$data</style>";
+}
Html({
title => "\L$mode\E keyboard cheat sheet",