browser: fix link and hover styling
authorMischa POSLAWSKY <perl@shiar.org>
Sun, 5 Dec 2010 20:35:43 +0000 (21:35 +0100)
committerMischa POSLAWSKY <perl@shiar.org>
Mon, 6 Dec 2010 00:04:46 +0000 (01:04 +0100)
base.css
browser.plp
dark.css
mono.css
red.css

index 6126193..d0905bc 100644 (file)
--- a/base.css
+++ b/base.css
@@ -556,6 +556,9 @@ ul.legend-set li {
 
 /* page-specific */
 
+#browser td > a {
+       text-decoration: none;
+}
 #browser .aside {
        font-size: 80%;
        overflow: hidden;
index 198b278..d9da982 100644 (file)
@@ -183,7 +183,7 @@ for my $id (sort {
        for ($row->{status}) {
                my $cell = $_ // '-';
                $cell = sprintf '<a href="%s">%s</a>', $_, $cell for $row->{spec} // ();
-               printf '<td title="%s" class="%s">%s',
+               printf '<td title="%s" class="%s">%s',
                        $caniuse->{statuses}->{$_}, $CSTATUS{$_} // '', $cell;
        }
        for my $browser (@browsers) {
index b528633..180e417 100644 (file)
--- a/dark.css
+++ b/dark.css
@@ -8,6 +8,7 @@ body {
 a, a:visited {
        color: #BBB;
 }
+.l:hover a:active, .l:hover a:hover, /* prevent override */
 a:active, a:hover {
        color: #44E;
        text-decoration: none;
@@ -100,6 +101,7 @@ th, td {
 .no {background: #222}
 
 .X:hover,
+.l:hover a, .l:hover a:visited,
 .pm a:hover, .pm[onclick]:hover,
 .po a:hover, .po[onclick]:hover,
 .ci a:hover, .ci[onclick]:hover,
index 5579df9..2e928f3 100644 (file)
--- a/mono.css
+++ b/mono.css
@@ -42,6 +42,7 @@ td,
 
 ul.keys li[onclick]:hover,
 ul.keys li a:hover,
+.l:hover, .l:hover a, .l:hover a:visited,
 .X:hover {
        background: #FFF;
        color: #000;
diff --git a/red.css b/red.css
index 4d31bfb..eab9707 100644 (file)
--- a/red.css
+++ b/red.css
@@ -124,7 +124,7 @@ tbody, colgroup, th {
 .c-oc     {background: #100; color: #8BC}
 .c-sa     {background: #100; color: #DD6}
 .c-na     {background: #300; color: #DD6}
-.l1:hover,
+.l:hover,
 .X:hover  {background: #800; color: #FF0}
 
 /* code syntax */
@@ -137,3 +137,7 @@ tbody, colgroup, th {
 .sy-error      { font-weight: bold; background-color: #A00; color: #EEE }
 .sy-todo       { background-color: #400 }
 
+#browser td > a:not(:hover):not(:active) {
+       color: inherit;
+}
+