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 b2aed61884524f1e3c2d6bc256551c9609d18084..276aa45426b1d5ceedf565069dbcb27b78e69834 100644 (file)
--- 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 835d32d0332f94998c36ecd1b8dac6311dfa70a2..6c471ba01f16c953d63e39c4b9c1924cefaae435 100644 (file)
--- 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 055d2f9fefe0aadc3da25cb54761d4cf0f75a03c..f8c6ae28d784dd4e982d798fe8d3f85fa0e57256 100644 (file)
--- 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 48f8fcf9b3c1c1bd385bc11e50cf7a9c46fe188e..c816855dcea12a47efb405f09fe40f3b0ec7faa6 100644 (file)
--- 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 b286da6257fdde8e185b9bca4450635a7acb8d4c..e0581c7211c8e9e7156386408b7aeeae045b4027 100644 (file)
--- 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%;