h2, h3 {
clear: both;
}
+h2 {
+ margin: 0 1ex;
+ font-size: 100%;
+}
th {
text-align: left;
font-size: 50%;
background: #888;
+ background: #778;
+ background: #889;
color: #FFF;
padding: 0 0.2em;
}
+th, td {
+ border-color: #778;
+ border: 1px solid #888;
+}
thead td {
border: 0;
+ background: transparent;
+}
+thead th {
+ text-align: center;
}
td {
- background: transparent;
vertical-align: top;
margin: 0;
padding: 0;
small.digraph {
background: #888;
color: #FFF;
+
+ background: #000;
+ color: #FFF;
+ opacity: 0.3;
}
small.value {
background: #CCC;
color: #666;
-}
-td.empty {
- background: #DDD;
-}
-td.reserved {
- background: #BBB;
+ background: #800;
+ color: #FFF;
+ opacity: 0.3;
}
</style>
</head>
$colspan++;
next;
}
- elsif ($cell =~ s/^-//) {
- $class = 'empty';
+
+ my $code = join '', map { $di{ord $_} || '' } split //, $cell;
+ my $name = $diinfo->{$code}->[1];
+
+ if ($cell =~ s/^-//) {
+# $class = 'Empty';
}
elsif ($cell eq '=') {
- $class = 'reserved';
+ $class = 'Reserved';
$cell = '';
}
-
- my $code = join '', map { $di{ord $_} || '' } split //, $cell;
- my $name = $diinfo->{$code}->[1];
+ elsif ($cell =~ /[ -~]/) {
+ $class = 'Ascii';
+ }
+ elsif (not $code) {
+ $class = 'DiNone';
+ }
+ elsif ($diinfo->{$code}->[2] =~ /\bXz\b/) {
+ $class = 'DiProp';
+ }
+ else {
+ $class = 'Di';
+ }
$rows[-1] .= sprintf('<td%s%s%s>%s%s',
defined $name ? qq{ title="$name"} : '',