style(html): clean up the html tags and styles

1 files changed, 8 insertions, 6 deletions

diff --git a/tests/gold/html/styled/style.css b/tests/gold/html/styled/style.css
index f13703c2..d6768a35 100644
--- a/tests/gold/html/styled/style.css
+++ b/tests/gold/html/styled/style.css
@@ -28,6 +28,8 @@ a.nav { text-decoration: none; color: inherit; }
 
 a.nav:hover { text-decoration: underline; color: inherit; }
 
+.hidden { display: none; }
+
 header { background: #f8f8f8; width: 100%; z-index: 2; border-bottom: 1px solid #ccc; }
 
 @media (prefers-color-scheme: dark) { header { background: black; } }
@@ -38,13 +40,13 @@ header .content { padding: 1rem 3.5rem; }
 
 header h2 { margin-top: .5em; font-size: 1em; }
 
-header p { margin: .5em 0 -.5em; color: #666; font-style: italic; }
+header p.text { margin: .5em 0 -.5em; color: #666; font-style: italic; }
 
-@media (prefers-color-scheme: dark) { header p { color: #aaa; } }
+@media (prefers-color-scheme: dark) { header p.text { color: #aaa; } }
 
 header.sticky { position: fixed; left: 0; right: 0; height: 2.5em; }
 
-header.sticky p, header.sticky .text { display: none; }
+header.sticky .text { display: none; }
 
 header.sticky h1, header.sticky h2 { font-size: 1em; margin-top: 0; display: inline-block; }
 
@@ -126,7 +128,9 @@ header button.par.show_par { background: #ffa; border: 2px solid #bbbb00; margin
 
 #help_panel_state { display: none; }
 
-#help_panel { top: 25px; right: 0; padding: .75em; border: 1px solid #883; }
+#help_panel { top: 25px; right: 0; padding: .75em; border: 1px solid #883; color: #333; }
+
+#help_panel .keyhelp p { margin-top: .75em; }
 
 #help_panel .legend { font-style: italic; margin-bottom: 1em; }
 
@@ -136,8 +140,6 @@ header button.par.show_par { background: #ffa; border: 2px solid #bbbb00; margin
 
 #help_panel_state:checked ~ #help_panel { display: block; }
 
-.keyhelp { margin-top: .75em; }
-
 kbd { border: 1px solid black; border-color: #888 #333 #333 #888; padding: .1em .35em; font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-weight: bold; background: #eee; border-radius: 3px; }
 
 #source { padding: 1em 0 1em 3.5rem; font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; }