browser: fix link and hover styling

diff --git a/base.css b/base.css
index 6126193ae95900a3ad0ecbc88934af5c64c8e704..d0905bc3f55177d00b59340dee4d19e1245a84a3 100644 (file)
--- a/base.css
+++ b/base.css
@@ -556,6 +556,9 @@ ul.legend-set li {
 
 /* page-specific */
 
 
 /* page-specific */
 

+#browser td > a {
+       text-decoration: none;
+}

 #browser .aside {
        font-size: 80%;
        overflow: hidden;
 #browser .aside {
        font-size: 80%;
        overflow: hidden;

diff --git a/browser.plp b/browser.plp
index 198b2781a4a7d120986c18c4e7a5d29517a01ea6..d9da9820f577f23e28bf87164b72e1af9ac4cde1 100644 (file)
--- a/browser.plp
+++ b/browser.plp
@@ -183,7 +183,7 @@ for my $id (sort {
        for ($row->{status}) {
                my $cell = $_ // '-';
                $cell = sprintf '<a href="%s">%s</a>', $_, $cell for $row->{spec} // ();
        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="l %s">%s',

                        $caniuse->{statuses}->{$_}, $CSTATUS{$_} // '', $cell;
        }
        for my $browser (@browsers) {
                        $caniuse->{statuses}->{$_}, $CSTATUS{$_} // '', $cell;
        }
        for my $browser (@browsers) {

diff --git a/dark.css b/dark.css
index b528633a355f312e686cd3c84ebb25f7948c2b91..180e417f0e70a9b7078c91a505c176a8b54f5cd5 100644 (file)
--- a/dark.css
+++ b/dark.css
@@ -8,6 +8,7 @@ body {
 a, a:visited {
        color: #BBB;
 }
 a, a:visited {
        color: #BBB;
 }

+.l:hover a:active, .l:hover a:hover, /* prevent override */

 a:active, a:hover {
        color: #44E;
        text-decoration: none;
 a:active, a:hover {
        color: #44E;
        text-decoration: none;


@@ -100,6 +101,7 @@ th, td {
 .no {background: #222}
 
 .X:hover,
 .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,
 .pm a:hover, .pm[onclick]:hover,
 .po a:hover, .po[onclick]:hover,
 .ci a:hover, .ci[onclick]:hover,

diff --git a/mono.css b/mono.css
index 5579df92fdc0afe32441457a82654d6105ead7ff..2e928f35b5fd80f400ede1edcd85820f065928bb 100644 (file)
--- a/mono.css
+++ b/mono.css
@@ -42,6 +42,7 @@ td,
 
 ul.keys li[onclick]:hover,
 ul.keys li a:hover,
 
 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;
 .X:hover {
        background: #FFF;
        color: #000;

diff --git a/red.css b/red.css
index 4d31bfbed77b557a782fef37d111ad62f3e3bc1b..eab9707aad2ac4dc6b27ab269bbc24d6b9dc0ca7 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}
 .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 */
 .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 }
 
 .sy-error      { font-weight: bold; background-color: #A00; color: #EEE }
 .sy-todo       { background-color: #400 }
 

+#browser td > a:not(:hover):not(:active) {
+       color: inherit;
+}
+