httpd: render "emojis" as text in directory listing

The "up and down" character used in the directory listing is
technically an emoji and can, depending on the browser configuration,
be rendered in colors and whatnot.  set `font-variant-emoji' to ask
the browser to render it as text.  This property, as of now, needs
to be enabled manually in some browsers, but since it's part of the
"CSS Fonts Module Level 4" spec, support for it is expected to be
implemented and turned on "soon" in major browsers.

While here, remove the italic for directories.

Diff from Paul W. Rankin (hello (at) paulwrankin dot com)
ok claudio@

diff --git a/usr.sbin/httpd/css.h.in b/usr.sbin/httpd/css.h.in
index 96ec89f..a5d6c96 100644 (file)
--- a/usr.sbin/httpd/css.h.in
+++ b/usr.sbin/httpd/css.h.in
@@ -3,6 +3,7 @@ body {
     background-color: white; 
     color: black; 
     font-family: sans-serif;
+    font-variant-emoji: text;
 }
 table {
     border-collapse: collapse; 
@@ -18,7 +19,6 @@ tr.sort th.sorted { font-weight: bold; }
 tr.sort th::after { content: "\a0\2195"; }
 tr.dir td:nth-child(2n+1) { 
     font-weight: bold; 
-    font-style: italic; 
 }
 td, th { padding: 2pt 2em; }
 td:first-child, th:first-child { padding-left: 5pt; }