git.shiar.nl
/
sheet.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
keys: load javascript asynchronously
[sheet.git]
/
base.css
diff --git
a/base.css
b/base.css
index 610cced134c14fca4c759f3ba9ee68899740d24e..9d01449d11f38be02004abe0252a91902babecaa 100644
(file)
--- a/
base.css
+++ b/
base.css
@@
-152,7
+152,7
@@
h3 {display: none} /* semantic details (non-css/js) */
table.keys {
display: block;
table.keys {
display: block;
- width: 82.5em; /*
12 * (2px + 1px + 6.2em + 1px + 2px) + 8em
*/
+ width: 82.5em; /*
12 * td(2px + 1px + 6.2em + 1px + 2px) + 8em
*/
// padding-right: 72px;
border-spacing: 0;
border-collapse: collapse;
// padding-right: 72px;
border-spacing: 0;
border-collapse: collapse;
@@
-706,6
+706,7
@@
nav > .section {
break-inside: avoid;
-webkit-column-break-inside: avoid; /* webkit */
page-break-inside: avoid; /* moz */
break-inside: avoid;
-webkit-column-break-inside: avoid; /* webkit */
page-break-inside: avoid; /* moz */
+ overflow: hidden; /* webkit workaround */
}
#index nav a {
display: inline-block;
}
#index nav a {
display: inline-block;
@@
-726,14
+727,14
@@
nav > .section {
/* terse optimisation */
@media (max-width: 79em) {
/* terse optimisation */
@media (max-width: 79em) {
-
body
.keys td {
+ .keys td {
position: relative; /* hides overflow */
width: 4.5em;
}
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 */
+ .keys td b,
+ .keys.meta td b,
+ .keys.ctrl td b,
+ .keys.lead td b { /* leading chars always fit */
position: absolute; /* background */
right: 0; /* least overlap in corner */
font-size: 250%;
position: absolute; /* background */
right: 0; /* least overlap in corner */
font-size: 250%;
@@
-741,5
+742,8
@@
nav > .section {
opacity: .5;
color: #FFF;
}
opacity: .5;
color: #FFF;
}
+ table.keys {
+ width: 62.1em; /* 82.5em - 12 * Δtd(6.2em - 4.5em) */
+ }
}
}