/* page-specific */
+#browser td > a {
+ text-decoration: none;
+}
#browser .aside {
font-size: 80%;
overflow: hidden;
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) {
a, a:visited {
color: #BBB;
}
+.l:hover a:active, .l:hover a:hover, /* prevent override */
a:active, a:hover {
color: #44E;
text-decoration: none;
.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,
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;
.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 */
.sy-error { font-weight: bold; background-color: #A00; color: #EEE }
.sy-todo { background-color: #400 }
+#browser td > a:not(:hover):not(:active) {
+ color: inherit;
+}
+