.glyphs th,
.glyphs thead td {
border: 0;
- background: transparent;
+ background: transparent !important;
}
.glyphs thead td {
width: auto; /* no glyph cells in header */
color: #000; /* on default (light) background hover */
} /* mode link */
+/* character properties */
+
+.glyphs th, .glyphs td {
+ border-color: #333;
+ background: #181818;
+}
+.glyphs.dimap tbody, .glyphs.dimap colgroup {
+ border-color: #555;
+}
+
+.glyphs small.digraph {
+ background: #444;
+ color: #000;
+ opacity: 0.5;
+}
+.glyphs small.value {
+ background: #633;
+ color: #000;
+ opacity: 0.4;
+}
+
+td.X {background: #000} /* unidentified */
+td.Xr {background: #111} /* reverse */
+
+/* implementation-based alternatives */
+td.di-b {background: #411} /* bmp */
+td.di-d {background: #330} /* rfc-1345 digraph */
+td.di-prop {background: #420} /* proposed digraph */
+td.di-a {background: #131} /* ascii */
+td.di-rare {background: #181818} /* disfavoured */
+td.di-invalid {background: #222} /* impossible */
+
+.glyphs tbody td:hover {color: #000}
+.glyphs tbody td:hover small {color: #FFF}
+
<head>
<title>digraph cheat sheet</title>
<meta http-equiv="content-type" content="utf-8">
-<link rel="stylesheet" type="text/css" media="all" href="/base.css">
+<link rel="stylesheet" type="text/css" media="all" href="/base.css"><:
+ my %styles = map {$_ => $_} qw(dark circus mono red terse);
+ our $style = exists $get{style} && $styles{$get{style}} || 'light';
+ printf(qq{\n<link rel="%s" type="text/css" media="all" href="%s" title="%s">},
+ $_ eq $style ? 'stylesheet' : 'alternate stylesheet', "$_.css", $_
+ ) for keys %styles;
+:>
</head>
<body id="digraphs">
<head>
<title>digraph cheat sheet</title>
<meta http-equiv="content-type" content="utf-8">
-<link rel="stylesheet" type="text/css" media="all" href="/base.css">
+<link rel="stylesheet" type="text/css" media="all" href="/base.css"><:
+ my %styles = map {$_ => $_} qw(dark circus mono red terse);
+ our $style = exists $get{style} && $styles{$get{style}} || 'light';
+ printf(qq{\n<link rel="%s" type="text/css" media="all" href="%s" title="%s">},
+ $_ eq $style ? 'stylesheet' : 'alternate stylesheet', "$_.css", $_
+ ) for keys %styles;
+:>
</head>
<body id="unicode">