style: update to table elements
authorMischa POSLAWSKY <perl@shiar.org>
Sun, 8 Mar 2015 06:34:21 +0000 (07:34 +0100)
committerMischa POSLAWSKY <perl@shiar.org>
Tue, 9 Jun 2015 03:43:43 +0000 (05:43 +0200)
Remaining broken .keys rules overlooked in commit v1.6-6-g789eda05c6
(2015-02-09) [style/mono: update key hover to table elements].

circus.css
dark.css
mono.css
red.css
terse.css

index b2aed61..276aa45 100644 (file)
@@ -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;
 }
 
index 835d32d..6c471ba 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}
index 055d2f9..f8c6ae2 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 48f8fcf..c816855 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;
index b286da6..e0581c7 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%;