Move rules for more compact keyboard into base include to save a (serial
so delayed) request. Users can always resize their browser to enable this
style (and not just for light colours), so advantages of keeping it separate
are minimal.
16 files changed:
ul.legend-set {display: none} /* current options only relevant on dynamic media */
}
ul.legend-set {display: none} /* current options only relevant on dynamic media */
}
+/* terse optimisation */
+
+@media (max-width: 79em) {
+ body .keys td {
+ position: relative; /* hides overflow */
+ width: 4.5em;
+ }
+ body .keys td b,
+ body .keys.meta td b,
+ body .keys.ctrl td b,
+ body .keys.lead td 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;
+ }
+}
+
-@import url(terse.css) all and (max-width: 79em);
.l1 {background: #F77}
.l1:hover a, .l1:hover a:visited,
.l1 {background: #F77}
.l1:hover a, .l1:hover a:visited,
- $meta->{stylesheet} ||= [qw'light dark circus mono red terse'];
+ $meta->{stylesheet} ||= [qw( light dark circus mono red )];
$meta->{charset} ||= 'utf-8';
# convert options to arrays
$meta->{charset} ||= 'utf-8';
# convert options to arrays
-@import url(terse.css) all and (max-width: 79em);
Html({
title => 'keyboard cheat sheet',
version => '1.0',
Html({
title => 'keyboard cheat sheet',
version => '1.0',
- stylesheet => [qw'light dark circus mono red terse'],
+ stylesheet => [qw( light dark circus mono red )],
less sheet cheat keys pager more
shortkey reference keyboard commands options overview
'],
less sheet cheat keys pager more
shortkey reference keyboard commands options overview
'],
- stylesheet => [qw'light dark circus mono red terse'],
+ stylesheet => [qw( light dark circus mono red )],
-@import url(terse.css) all and (max-width: 79em);
@import url(mono.css) all and (monochrome);
@import url(mono.css) all and (monochrome);
-@import url(terse.css) all and (max-width: 79em);
a:active, a:visited:active,
a:hover, a:visited:hover {color: inherit}
a:active, a:visited:active,
a:hover, a:visited:hover {color: inherit}
keywords => [qw'
mplayer video media sheet cheat reference overview control shortkey keyboard
'],
keywords => [qw'
mplayer video media sheet cheat reference overview control shortkey keyboard
'],
- stylesheet => [qw'light dark circus mono red terse'],
+ stylesheet => [qw( light dark circus mono red )],
keywords => [qw'
mutt MUA email client sheet cheat reference overview commands keyboard
'],
keywords => [qw'
mutt MUA email client sheet cheat reference overview commands keyboard
'],
- stylesheet => [qw'light dark circus mono red terse'],
+ stylesheet => [qw( light dark circus mono red )],
keywords => [qw'
nethack rogue game control controls sheet reference overview keyboard
'],
keywords => [qw'
nethack rogue game control controls sheet reference overview keyboard
'],
- stylesheet => [qw'light dark circus mono red terse'],
+ stylesheet => [qw( light dark circus mono red )],
keywords => [qw'
readline gnu bash emacs sheet cheat reference overview keyboard editing curses
'],
keywords => [qw'
readline gnu bash emacs sheet cheat reference overview keyboard editing curses
'],
- stylesheet => [qw'light dark circus mono red terse'],
+ stylesheet => [qw( light dark circus mono red )],
screen sheet cheat reference overview commands keyboard
terminal window manager
'],
screen sheet cheat reference overview commands keyboard
terminal window manager
'],
- stylesheet => [qw'light dark circus mono red terse'],
+ stylesheet => [qw( light dark circus mono red )],
+++ /dev/null
-@import url(base.css);
-
-body .keys td {
- position: relative; /* hides overflow */
- width: 4.5em;
-}
-body .keys td b,
-body .keys.meta td b,
-body .keys.ctrl td b,
-body .keys.lead td 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;
-}
-
keywords => [qw'
vi vim nvi sheet cheat reference overview commands keyboard
'],
keywords => [qw'
vi vim nvi sheet cheat reference overview commands keyboard
'],
- stylesheet => [qw'light dark circus mono red terse'],
+ stylesheet => [qw( light dark circus mono red )],
vimperator firefox vim iceweasel sheet cheat reference overview
commands keyboard browser
'],
vimperator firefox vim iceweasel sheet cheat reference overview
commands keyboard browser
'],
- stylesheet => [qw'light dark circus mono red terse'],
+ stylesheet => [qw( light dark circus mono red )],