latin: less invasive html tag for coloured cards
authorMischa POSLAWSKY <perl@shiar.org>
Mon, 10 Apr 2017 19:20:06 +0000 (21:20 +0200)
committerMischa POSLAWSKY <perl@shiar.org>
Mon, 24 Apr 2017 23:51:41 +0000 (01:51 +0200)
Prefer fallback to bold instead of italics to minimise shape disruption
(while limiting to short stylistic tags).

base.css
dark.css
latin.plp
mono.css
red.css
writing-latn.inc.pl

index 0c135b3..c4c943a 100644 (file)
--- a/base.css
+++ b/base.css
@@ -465,7 +465,7 @@ table.dimap {
 .sy-todo       { background-color: #FF0 }
 
 /* boolean alternate */
-.glyphs i      { font-variant: normal; color: #800 }
+.glyphs b      { font-weight: normal; color: #800 }
 
 /* hover effects */
 .X:hover {cursor: help}
index acce64b..c257196 100644 (file)
--- a/dark.css
+++ b/dark.css
@@ -30,7 +30,7 @@ dl.legend-options dt {background: #333}
 .sy-error      { font-weight: bold; background-color: #800; color: #EEE }
 .sy-todo       { background-color: #880 }
 
-.glyphs i      { color: #C44 }
+.glyphs b      { color: #C44 }
 
 /* character properties */
 
index c9c59ad..268eb28 100644 (file)
--- a/latin.plp
+++ b/latin.plp
@@ -35,6 +35,9 @@ Html({
        #ita2 td {
                font-size: 50%;
        }
+       #cards td {
+               font-family: Symbola, "DejaVu Sans", serif, sans;
+       }
        #pigpen {
                stroke-linecap: square;
        }
index cff7b1f..e62932e 100644 (file)
--- a/mono.css
+++ b/mono.css
@@ -72,7 +72,7 @@ body .keys td.new {
 .sy-error      { font-weight: bold; background-color: #000; color: #FFF }
 .sy-todo       { background-color: #CCC }
 
-.glyphs i      { color: #777 }
+.glyphs b      { color: #777 }
 
 /* continents */
 .c-af {background: #000; color: #FFF} /* .g4 */
diff --git a/red.css b/red.css
index 6bd9e89..e93abaf 100644 (file)
--- a/red.css
+++ b/red.css
@@ -145,7 +145,7 @@ tbody, colgroup, th {
 .sy-error      { font-weight: bold; background-color: #A00; color: #EEE }
 .sy-todo       { background-color: #400 }
 
-.glyphs i      { color: #C44 }
+.glyphs b      { color: #C44 }
 
 #browser td > a:not(:hover):not(:active) {
        color: inherit;
index b2d436f..403e36f 100644 (file)
@@ -90,8 +90,8 @@ my $U = 0;  # optional unicode alternatives
        11 12 13 14 21 22 23 20 > 31 -13 32 33
        30 41 42 -13 43 40 10 51 52 53 50 -31 -40
 })],
-'Cards' => [
-       map { chr(0x1F0A0 + $_), sprintf('<i>%s</i>', chr(0x1F0B0 + $_)) }  # spades, hearts
+'Cards' => [(
+       map { chr(0x1F0A0 + $_), sprintf('<b>%s</b>', chr(0x1F0B0 + $_)) }  # spades, hearts
        1 .. 11, 13, 14  # A 2-10 J Q K
 ],
 'Maritime flags' => [