make css

2 files changed, 32 insertions, 36 deletions

diff --git a/coverage/htmlfiles/style.css b/coverage/htmlfiles/style.css
index fc572973..32e15f1c 100644
--- a/coverage/htmlfiles/style.css
+++ b/coverage/htmlfiles/style.css
@@ -50,9 +50,9 @@ h2.stats { margin-top: .5em; font-size: 1em; }
 .stats span.par { background: #ffffd5; }
 .stats span.par.show_par { border-color: #999 #ccc #ccc #999; background: #ffffaa; }
 
-#source p.par span.annotate.long, .help_panel { display: none; position: absolute; z-index: 999; background: #ffffcc; border: 1px solid #888; border-radius: .2em; box-shadow: #cccccc .2em .2em .2em; color: #333; padding: .25em .5em; }
+#source p.par .annotate.long, .help_panel { display: none; position: absolute; z-index: 999; background: #ffffcc; border: 1px solid #888; border-radius: .2em; box-shadow: #cccccc .2em .2em .2em; color: #333; padding: .25em .5em; }
 
-#source p.par span.annotate.long { white-space: normal; float: right; top: 1.75em; right: 1em; height: auto; }
+#source p.par .annotate.long { white-space: normal; float: right; top: 1.75em; right: 1em; height: auto; }
 
 #keyboard_icon { float: right; margin: 5px; cursor: pointer; }
 
@@ -90,22 +90,20 @@ h2.stats { margin-top: .5em; font-size: 1em; }
 #source p.par .t { border-left: 0.2em solid #eeee99; }
 #source p.par.show_par .t { background: #ffffaa; }
 #source p.par.show_par .t:hover { background: #f2f2a2; }
-#source p.par span.annotate.short { display: inline; position: absolute; right: 1.5em; }
-#source p.par span.annotate.long { max-width: 50%; width: 30em; right: 2.5em; }
-#source p.par:hover span.annotate.long { display: block; }
-#source p span.annotate { font-family: georgia; color: #666; float: right; padding-right: .5em; }
-#source p .ctx { font-family: verdana, sans-serif; white-space: nowrap; }
-#source p .ctx input { display: none; }
-#source p .ctx input ~ label { cursor: pointer; border-radius: .25em; }
-#source p .ctx input ~ label::before { content: "▶ "; }
-#source p .ctx input:checked ~ label { background: #aaeeff; color: #666; border-radius: .75em .75em 0 0; }
-#source p .ctx input:checked ~ label::before { content: "▼ "; }
-#source p .ctx input ~ .ctxs { display: none; }
-#source p .ctx input:checked ~ .ctxs { display: block; }
-#source p .ctx label { color: #999; position: absolute; right: 2.5em; display: inline-block; text-align: right; font-size: .8333em; padding: .25em .5em; }
-#source p .ctx label:hover { background: #d5f7ff; color: #666; }
-#source p .ctx .ctxs { font-family: verdana, sans-serif; background: #aaeeff; padding: .25em .5em; border-radius: .25em; margin-right: 1.75em; }
-#source p .ctx .ctxs span { display: block; }
+#source p.par .annotate.long { width: 30em; right: 2.5em; }
+#source p.par:hover .annotate.long { display: block; }
+#source p .r { position: absolute; top: 0; right: 2.5em; font-family: verdana, sans-serif; }
+#source p .annotate { font-family: georgia; color: #666; padding-right: .5em; }
+#source p input { display: none; }
+#source p input ~ .r label.ctx { cursor: pointer; border-radius: .25em; }
+#source p input ~ .r label.ctx::before { content: "▶ "; }
+#source p input:checked ~ .r label.ctx { background: #aaeeff; color: #666; border-radius: .75em .75em 0 0; padding: .25em .5em; margin: -.25em 0; }
+#source p input:checked ~ .r label.ctx::before { content: "▼ "; }
+#source p input:checked ~ .ctxs { display: block; }
+#source p label.ctx { color: #999; display: inline-block; padding: 0 .5em; font-size: .8333em; }
+#source p label.ctx:hover { background: #d5f7ff; color: #666; }
+#source p .ctxs { display: none; font-family: verdana, sans-serif; white-space: nowrap; background: #aaeeff; padding: .25em .5em; border-radius: .25em; margin-right: 1.75em; }
+#source p .ctxs span { display: block; text-align: right; }
 
 #index td, #index th { text-align: right; width: 5em; padding: .25em .5em; border-bottom: 1px solid #eee; }
 #index td.left, #index th.left { padding-left: 0; }
diff --git a/tests/gold/html/styled/style.css b/tests/gold/html/styled/style.css
index fc572973..32e15f1c 100644
--- a/tests/gold/html/styled/style.css
+++ b/tests/gold/html/styled/style.css
@@ -50,9 +50,9 @@ h2.stats { margin-top: .5em; font-size: 1em; }
 .stats span.par { background: #ffffd5; }
 .stats span.par.show_par { border-color: #999 #ccc #ccc #999; background: #ffffaa; }
 
-#source p.par span.annotate.long, .help_panel { display: none; position: absolute; z-index: 999; background: #ffffcc; border: 1px solid #888; border-radius: .2em; box-shadow: #cccccc .2em .2em .2em; color: #333; padding: .25em .5em; }
+#source p.par .annotate.long, .help_panel { display: none; position: absolute; z-index: 999; background: #ffffcc; border: 1px solid #888; border-radius: .2em; box-shadow: #cccccc .2em .2em .2em; color: #333; padding: .25em .5em; }
 
-#source p.par span.annotate.long { white-space: normal; float: right; top: 1.75em; right: 1em; height: auto; }
+#source p.par .annotate.long { white-space: normal; float: right; top: 1.75em; right: 1em; height: auto; }
 
 #keyboard_icon { float: right; margin: 5px; cursor: pointer; }
 
@@ -90,22 +90,20 @@ h2.stats { margin-top: .5em; font-size: 1em; }
 #source p.par .t { border-left: 0.2em solid #eeee99; }
 #source p.par.show_par .t { background: #ffffaa; }
 #source p.par.show_par .t:hover { background: #f2f2a2; }
-#source p.par span.annotate.short { display: inline; position: absolute; right: 1.5em; }
-#source p.par span.annotate.long { max-width: 50%; width: 30em; right: 2.5em; }
-#source p.par:hover span.annotate.long { display: block; }
-#source p span.annotate { font-family: georgia; color: #666; float: right; padding-right: .5em; }
-#source p .ctx { font-family: verdana, sans-serif; white-space: nowrap; }
-#source p .ctx input { display: none; }
-#source p .ctx input ~ label { cursor: pointer; border-radius: .25em; }
-#source p .ctx input ~ label::before { content: "▶ "; }
-#source p .ctx input:checked ~ label { background: #aaeeff; color: #666; border-radius: .75em .75em 0 0; }
-#source p .ctx input:checked ~ label::before { content: "▼ "; }
-#source p .ctx input ~ .ctxs { display: none; }
-#source p .ctx input:checked ~ .ctxs { display: block; }
-#source p .ctx label { color: #999; position: absolute; right: 2.5em; display: inline-block; text-align: right; font-size: .8333em; padding: .25em .5em; }
-#source p .ctx label:hover { background: #d5f7ff; color: #666; }
-#source p .ctx .ctxs { font-family: verdana, sans-serif; background: #aaeeff; padding: .25em .5em; border-radius: .25em; margin-right: 1.75em; }
-#source p .ctx .ctxs span { display: block; }
+#source p.par .annotate.long { width: 30em; right: 2.5em; }
+#source p.par:hover .annotate.long { display: block; }
+#source p .r { position: absolute; top: 0; right: 2.5em; font-family: verdana, sans-serif; }
+#source p .annotate { font-family: georgia; color: #666; padding-right: .5em; }
+#source p input { display: none; }
+#source p input ~ .r label.ctx { cursor: pointer; border-radius: .25em; }
+#source p input ~ .r label.ctx::before { content: "▶ "; }
+#source p input:checked ~ .r label.ctx { background: #aaeeff; color: #666; border-radius: .75em .75em 0 0; padding: .25em .5em; margin: -.25em 0; }
+#source p input:checked ~ .r label.ctx::before { content: "▼ "; }
+#source p input:checked ~ .ctxs { display: block; }
+#source p label.ctx { color: #999; display: inline-block; padding: 0 .5em; font-size: .8333em; }
+#source p label.ctx:hover { background: #d5f7ff; color: #666; }
+#source p .ctxs { display: none; font-family: verdana, sans-serif; white-space: nowrap; background: #aaeeff; padding: .25em .5em; border-radius: .25em; margin-right: 1.75em; }
+#source p .ctxs span { display: block; text-align: right; }
 
 #index td, #index th { text-align: right; width: 5em; padding: .25em .5em; border-bottom: 1px solid #eee; }
 #index td.left, #index th.left { padding-left: 0; }