From: Mischa POSLAWSKY <perl@shiar.org>
Date: Sun, 5 Dec 2010 20:35:43 +0000 (+0100)
Subject: browser: fix link and hover styling
X-Git-Tag: v1.4~72
X-Git-Url: http://git.shiar.nl/sheet.git/commitdiff_plain/0f352cba4bd2bd1271275c60853c500a233eeef5

browser: fix link and hover styling
---

diff --git a/base.css b/base.css
index 6126193..d0905bc 100644
--- 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;
diff --git a/browser.plp b/browser.plp
index 198b278..d9da982 100644
--- 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} // ();
-		printf '<td title="%s" class="%s">%s',
+		printf '<td title="%s" class="l %s">%s',
 			$caniuse->{statuses}->{$_}, $CSTATUS{$_} // '', $cell;
 	}
 	for my $browser (@browsers) {
diff --git a/dark.css b/dark.css
index b528633..180e417 100644
--- 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,
diff --git a/mono.css b/mono.css
index 5579df9..2e928f3 100644
--- 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
--- 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;
+}
+