From: Mischa POSLAWSKY <perl@shiar.org>
Date: Sun, 8 Mar 2015 06:34:21 +0000 (+0100)
Subject: style: update to table elements
X-Git-Tag: v1.7~27
X-Git-Url: http://git.shiar.nl/sheet.git/commitdiff_plain/8ff57924c2b3dc23159f637ef8a5c2efc9b510b2

style: update to table elements

Remaining broken .keys rules overlooked in commit v1.6-6-g789eda05c6
(2015-02-09) [style/mono: update key hover to table elements].
---

diff --git a/circus.css b/circus.css
index b2aed61..276aa45 100644
--- a/circus.css
+++ b/circus.css
@@ -81,7 +81,7 @@
 .g8 a:hover, .g8[onclick]:hover {background: #000; color: #99F}
 
 dl.legend dt.ext,
-ul.keys li.ext {
+.keys td.ext {
 	border: 1px solid #F00;
 }
 
diff --git a/dark.css b/dark.css
index 835d32d..6c471ba 100644
--- a/dark.css
+++ b/dark.css
@@ -15,7 +15,7 @@ a:active, a:hover {
 }
 
 dl.legend dt,
-ul.keys li {
+.keys td {
 	border-color: #888;
 }
 dl.legend-options dt {background: #333}
diff --git a/mono.css b/mono.css
index 055d2f9..f8c6ae2 100644
--- a/mono.css
+++ b/mono.css
@@ -39,20 +39,20 @@ td,
 .me, .g8 {background: #000; color: #AAA}   /* key mode */
 
 .keys td[onclick]:hover,
-ul.keys li a:hover,
+.keys td a:hover,
 .l:hover, .l:hover a, .l:hover a:visited,
 .X:hover {
 	background: #FFF;
 	color: #000;
 	border-color: #444;
 }
-ul.keys li[onclick]:hover,
-ul.keys li a:hover {
+.keys td[onclick]:hover,
+.keys td a:hover {
 	background: #888; /* command (.co) lookalike */
 }
 
 body dl.legend dt.new,
-body ul.keys li.new {
+body .keys td.new {
 	opacity: 1;
 	border-color: #888;
 }
diff --git a/red.css b/red.css
index 48f8fcf..c816855 100644
--- a/red.css
+++ b/red.css
@@ -27,15 +27,15 @@ p.footer {
 }
 
 dl.legend dt,
-ul.keys li {
+.keys td {
 	border-radius: 0;
 	-moz-border-radius: 0;
 	border-color: #800;
 }
-ul.keys li {
+.keys td {
 	text-align: left;
 }
-ul.keys li b {
+.keys td b {
 	margin-right: 3px;
 	font-size: 100%;
 	background: #800;
@@ -95,9 +95,13 @@ th, td, .Co {
 .mapped tbody, .mapped colgroup,
 .dimap tbody, .dimap colgroup,
 tbody, colgroup, th {
-	background: #800 !important;
+	background: #800;
 	border: 1px solid #800;
 }
+.keys tbody {
+	background: #000;
+	border: 0;
+}
 
 .glyphs small.digraph {
 	background: #600;
diff --git a/terse.css b/terse.css
index b286da6..e0581c7 100644
--- a/terse.css
+++ b/terse.css
@@ -1,13 +1,13 @@
 @import url(base.css);
 
-body ul.keys li {
+body .keys td {
 	position: relative; /* hides overflow */
 	width: 4.5em;
 }
-body ul.keys li b,
-body ul.keys.meta li b,
-body ul.keys.ctrl li b,
-body ul.keys.lead li b { /* leading chars always fit */
+body .keys td b,
+body .keys.meta td b,
+body .keys.ctrl td b,
+body .keys.lead td b { /* leading chars always fit */
 	position: absolute; /* background */
 	right: 0; /* least overlap in corner */
 	font-size: 250%;