X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/273b14f459b4d91cfb0a923f78eda146526da17f..8b1e223a13f55230aa463da49ca130b3d3a38cc2:/base.css diff --git a/base.css b/base.css index a8fc2d2..f20f167 100644 --- a/base.css +++ b/base.css @@ -132,7 +132,7 @@ dl > dd { #rows {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 row0 */ +.row4 {margin-left: 10em} /* should actually align to next key on row1 */ /* ...however rows>=1 are shifted a bit, to make space */ table.keys tr { @@ -742,18 +742,33 @@ nav > .section { opacity: .5; color: #FFF; } + table.keys { width: 62.1em; /* 82.5em - 12 * Δtd(6.2em - 4.5em) */ } + .row2 {margin-left: 5.3em} /* 7em / Δtd(6em : 4.5em) */ + .row3 {margin-left: 6em} /* 8em / Δtd */ + .row4 {margin-left: 7.5em} /* 10em / Δtd */ + @media (max-width: 61em) { .keys td { width: 3em; height: 6.75ex; /* 3 lines */ font-size: 80%; } + .keys td b, + .keys .meta td b, + .keys .ctrl td b, + .keys .lead td b { + line-height: 4ex; + } + table.keys { width: 37em; /* (12 * td(3em + 6px) + 8em) * 80% */ } + .row2 {margin-left: 3.5em} /* 7em / Δtd(6em : 3em) */ + .row3 {margin-left: 4em} /* 8em / Δtd */ + .row4 {margin-left: 5em} /* 10em / Δtd */ } }