display: inline-block;
text-align: left;
}
+body > pre {
+ width: 78ch;
+ tab-size: 4;
+ -moz-tab-size: 4;
+ padding: 0 1em;
+ border-width: 0 1px;
+ border-style: solid;
+}
h2 small {
position: absolute; /* side note; do not influence alignment */
right: 1em;
}
+.family-name {
+ font-variant: small-caps;
+}
+
#index nav {
columns: 3;
-moz-columns: 3;
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;
+ }
+}
+