X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/c13fb4121ba63bf654fa7acbc63988864812303e..d7c1207fb1cf7dcac45dd455a78d4c8c106ca4a3:/base.css

diff --git a/base.css b/base.css
index 40d0cb1..cfaa433 100644
--- a/base.css
+++ b/base.css
@@ -1,3 +1,11 @@
+/* media features */
+
+@import url(terse.css) all and (max-width: 80em);
+
+@import url(mono.css) all and (monochrome);
+
+/* general */
+
 body {
 	background: #FFF;
 	color: #000;
@@ -68,7 +76,7 @@ ul.keys li b {
 	line-height: 2.5ex; /* inherits otherwise */
 	padding-left: 2px;
 }
-ul.keys.omni li {
+ul.keys.omni li { /* omni-present esc */
 	width: 8.5em;
 }
 
@@ -105,6 +113,7 @@ ul.keys.ctrl li b small { /* meta key indicator */
 .mo[onclick]:hover {background: #F88}
 .me[onclick]:hover {background: #99F}
 .mv[onclick]:hover {background: #D9D}
+.co[onclick]:hover {background: #EE4}
 
 .no {
 	background: #EEE;
@@ -148,13 +157,14 @@ p.footer {
 .help > * {
 	display: table-cell;
 	width: 20%;
+	vertical-align: top;
 }
 
 .left dl.legend {
-	margin-left: 6.2em;
+	margin-left: 6.4em; /* a bit over 6.2em to allow for borders+padding (border-sizing would work too) */
 }
 .left dl.legend dt {
-	margin-left: -6.2em; /* msie<=6 multiply this by two for some reason */
+	margin-left: -6.4em; /* msie<=6 multiply this by two for some reason */
 	float: left;
 	clear: left;
 }
@@ -162,10 +172,10 @@ p.footer {
 	float: left; /* align next to dt (except msie<=7 does just the opposite) */
 }
 .right dl.legend {
-	margin-right: 6.2em;
+	margin-right: 6.4em;
 }
 .right dl.legend dt {
-	margin-right: -6.2em;
+	margin-right: -6.4em;
 	float: right;
 	clear: right;
 }