X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/db05a4bbf2450d4b3899740db34a0ef5799855b0..0f1264a15b66ff3682c5ebe2b9af8d2936a302f9:/base.css

diff --git a/base.css b/base.css
index 9e8058c..c349bde 100644
--- a/base.css
+++ b/base.css
@@ -243,6 +243,47 @@ dl.legend dt,
 	font-weight: normal; /* nice and subtle */
 }
 
+/* enlarged keys */
+
+.keys.big td {
+	width: 1em;
+	min-width: auto;
+	height: 2.25ex;
+	font-size: 200%;
+	font-size: calc(7vmin - 4px); /* fit 12 keys to page */
+	overflow: visible;
+	position: relative;
+	padding: 0;
+	margin: 0 .2vw -1px;
+}
+
+/* override row alignments */
+.keys.big tbody {
+	font-size: calc(1.4vmin); /* enlarged td conversion */
+}
+.keys.big .row2 {margin-left: 7em}
+.keys.big .row3 {margin-left: 8em}
+.keys.big .row4 {margin-left: 10em}
+.keys.big .row0 {
+	display: none; /* headerless */
+}
+
+.keys.big td b {
+	position: absolute; /* overlay */
+	z-index: 1;
+	top: -1.2ex; /* halfway over shift */
+	left: 0;
+	right: 0;
+	font-size: 50%;
+	opacity: .5;
+	color: #FFF;
+	line-height: 2.25ex;
+}
+.keys.big .meta td b,
+.keys.big .shift td b {
+	display: none;
+}
+
 /* tables */
 
 table {