/* "keyboard" (list of keys) */
-#rows {margin-top: -5ex} /* top (esc) row fits besides header */
+.row0 {margin-top: -5ex} /* top (esc) row fits besides header */
.row2 {margin-left: 7em} /* row offsets relative to ~6em key width */
.row3 {margin-left: 8em}
.row4 {margin-left: 10em} /* should actually align to next key on row1 */
background: rgba(255, 255, 255, .66);
right: 0;
bottom: 0;
+ max-width: 100%;
+ box-sizing: border-box;
}
img {
vertical-align: bottom;
margin-left: -60%; /* keep width */
}
+body#word {
+ margin: 8px 1px;
+}
+
/* page-specific */
#browser td > a {
/* terse optimisation */
+@media (min-height: 112ex) and (min-width: 90em) {
+ table.keys {
+ width: auto;
+ }
+ .keys td {
+ padding: 1ex 0 1ex .1em;
+ width: 7em;
+ }
+}
+
@media (max-width: 79em) {
.keys td {
position: relative; /* hides overflow */