+/* media features */
+
+@import url(terse.css) all and (max-width: 80em);
+
+@import url(mono.css) all and (monochrome);
+
+/* general */
+
body {
background: #FFF;
color: #000;
margin-bottom: -4ex;
}
+/* footer */
+
+hr {
+ clear: both;
+ visibility: hidden;
+ height: 2ex;
+ margin: 0;
+}
+
+p.footer {
+ margin: 0;
+ text-align: center;
+}
+
/* "keyboard" (list of keys) */
ul {
line-height: 2.5ex; /* inherits otherwise */
padding-left: 2px;
}
-ul.keys.omni li {
+ul.keys.omni li { /* omni-present esc */
width: 8.5em;
}
.mo[onclick]:hover {background: #F88}
.me[onclick]:hover {background: #99F}
.mv[onclick]:hover {background: #D9D}
+.co[onclick]:hover {background: #EE4}
.no {
background: #EEE;
-moz-border-radius: 0;
}
-/* footer */
-
-hr {
- clear: both;
- visibility: hidden;
- height: 2ex;
- margin: 0;
-}
-
-p.footer {
- margin: 0;
- text-align: center;
-}
-
/* l/r help columns */
.help {
.help > * {
display: table-cell;
width: 20%;
+ vertical-align: top;
}
.left dl.legend {
- margin-left: 6.2em;
+ margin-left: 6.4em; /* a bit over 6.2em to allow for borders+padding (border-sizing would work too) */
}
.left dl.legend dt {
- margin-left: -6.2em; /* msie<=6 multiply this by two for some reason */
+ margin-left: -6.4em; /* msie<=6 multiply this by two for some reason */
float: left;
clear: left;
}
float: left; /* align next to dt (except msie<=7 does just the opposite) */
}
.right dl.legend {
- margin-right: 6.2em;
+ margin-right: 6.4em;
}
.right dl.legend dt {
- margin-right: -6.2em;
+ margin-right: -6.4em;
float: right;
clear: right;
}
/* printing hints */
-@page {size: landscape}
+@page {
+ size: landscape;
+ margin: 0;
+}
@media print {
ul.legend-set {display: none}