HTML: Mark things to show instead of to hide.

Also made some other changes along the way: * Scroll bar markers change as the selected categories change. * We don't use css class 'stm' for anything, get rid of it. * Better sass use all around.
author: Ned Batchelder <ned@nedbatchelder.com> 2019-07-04 17:15:38 -0400
committer: Ned Batchelder <ned@nedbatchelder.com> 2019-07-06 10:04:31 -0400
commit: cfdcacea473dede9fb779256c812ff6a098a0714 (patch)
tree: 89a05ea92b2048a6b0653b8f4aae8fb374e4a4ec
parent: 25aff80d444a6b1fa87173ffd8026f69be7ae0d0 (diff)
download: python-coveragepy-git-cfdcacea473dede9fb779256c812ff6a098a0714.tar.gz
35 files changed, 606 insertions, 632 deletions
diff --git a/.treerc b/.treerc
index f938e540..34862ad4 100644
--- a/.treerc
+++ b/.treerc
@@ -9,7 +9,8 @@ ignore =
     .tox*
     .coverage* .metacov
     mock.py
-    *.min.js
+    *.min.js style.css
+    gold
     sample_html sample_html_beta
     *.so *.pyd
     *.gz *.zip
diff --git a/CHANGES.rst b/CHANGES.rst
index dbb05e61..4fb6e112 100644
--- a/CHANGES.rst
+++ b/CHANGES.rst
@@ -41,6 +41,9 @@ Unreleased
   be reported as warnings.  As with other warnings, you can suppress them with
   the ``[run] disable_warnings`` configuration setting.
 
+- The scrollbar markers in the HTML report now accurately show the highlighted
+  lines, regardless of what categories of line are highlighted.
+
 - The hack to accommodate ShiningPanda_ looking for an obsolete internal data
   file has been removed, since ShiningPanda 0.22 fixed it four years ago.
 
diff --git a/coverage/html.py b/coverage/html.py
index fc3bb364..253bda1c 100644
--- a/coverage/html.py
+++ b/coverage/html.py
@@ -199,10 +199,10 @@ class HtmlReporter(object):
             # Constants for all reports.
             # These css classes determine which lines are highlighted by default.
             'category': {
-                'exc': 'exc',
-                'mis': 'mis',
-                'par': 'par run hide_run',
-                'run': 'run hide_run',
+                'exc': 'exc show_exc',
+                'mis': 'mis show_mis',
+                'par': 'par run show_par',
+                'run': 'run',
             }
         }
         self.pyfile_html_source = read_data("pyfile.html")
@@ -316,8 +316,6 @@ class HtmlReporter(object):
                 ldata.annotate_long = None
 
             css_classes = []
-            if ldata.statement:
-                css_classes.append("stm")
             if ldata.category:
                 css_classes.append(self.template_globals['category'][ldata.category])
             ldata.css_class = ' '.join(css_classes) or "pln"
diff --git a/coverage/htmlfiles/coverage_html.js b/coverage/htmlfiles/coverage_html.js
index 2b32c391..4f6eb89e 100644
--- a/coverage/htmlfiles/coverage_html.js
+++ b/coverage/htmlfiles/coverage_html.js
@@ -256,21 +256,22 @@ coverage.pyfile_ready = function ($) {
 
     coverage.init_scroll_markers();
 
-    // Rebuild scroll markers after window high changing
-    $(window).resize(coverage.resize_scroll_markers);
+    // Rebuild scroll markers when the window height changes.
+    $(window).resize(coverage.build_scroll_markers);
 };
 
 coverage.toggle_lines = function (btn, cls) {
     btn = $(btn);
-    var hide = "hide_"+cls;
-    if (btn.hasClass(hide)) {
-        $("#source ."+cls).removeClass(hide);
-        btn.removeClass(hide);
+    var show = "show_"+cls;
+    if (btn.hasClass(show)) {
+        $("#source ." + cls).removeClass(show);
+        btn.removeClass(show);
     }
     else {
-        $("#source ."+cls).addClass(hide);
-        btn.addClass(hide);
+        $("#source ." + cls).addClass(show);
+        btn.addClass(show);
     }
+    coverage.build_scroll_markers();
 };
 
 // Return the nth line div.
@@ -283,11 +284,6 @@ coverage.num_elt = function (n) {
     return $("#n" + n);
 };
 
-// Return the container of all the code.
-coverage.code_container = function () {
-    return $(".linenos");
-};
-
 // Set the selection.  b and e are line numbers.
 coverage.set_sel = function (b, e) {
     // The first line selected.
@@ -306,9 +302,17 @@ coverage.to_first_chunk = function () {
     coverage.to_next_chunk();
 };
 
-coverage.is_transparent = function (color) {
-    // Different browsers return different colors for "none".
-    return color === "transparent" || color === "rgba(0, 0, 0, 0)";
+// Return a string indicating what kind of chunk this line belongs to,
+// or null if not a chunk.
+coverage.chunk_indicator = function (line_elt) {
+    var klass = line_elt.attr('class');
+    if (klass) {
+        var m = klass.match(/\bshow_\w+\b/);
+        if (m) {
+            return m[0];
+        }
+    }
+    return null;
 };
 
 coverage.to_next_chunk = function () {
@@ -316,14 +320,14 @@ coverage.to_next_chunk = function () {
 
     // Find the start of the next colored chunk.
     var probe = c.sel_end;
-    var color, probe_line;
+    var chunk_indicator, probe_line;
     while (true) {
         probe_line = c.line_elt(probe);
         if (probe_line.length === 0) {
             return;
         }
-        color = probe_line.css("background-color");
-        if (!c.is_transparent(color)) {
+        chunk_indicator = c.chunk_indicator(probe_line);
+        if (chunk_indicator) {
             break;
         }
         probe++;
@@ -333,11 +337,11 @@ coverage.to_next_chunk = function () {
     var begin = probe;
 
     // Find the end of this chunk.
-    var next_color = color;
-    while (next_color === color) {
+    var next_indicator = chunk_indicator;
+    while (next_indicator === chunk_indicator) {
         probe++;
         probe_line = c.line_elt(probe);
-        next_color = probe_line.css("background-color");
+        next_indicator = c.chunk_indicator(probe_line);
     }
     c.set_sel(begin, probe);
     c.show_selection();
@@ -352,25 +356,25 @@ coverage.to_prev_chunk = function () {
     if (probe_line.length === 0) {
         return;
     }
-    var color = probe_line.css("background-color");
-    while (probe > 0 && c.is_transparent(color)) {
+    var chunk_indicator = c.chunk_indicator(probe_line);
+    while (probe > 0 && !chunk_indicator) {
         probe--;
         probe_line = c.line_elt(probe);
         if (probe_line.length === 0) {
             return;
         }
-        color = probe_line.css("background-color");
+        chunk_indicator = c.chunk_indicator(probe_line);
     }
 
     // There's a prev chunk, `probe` points to its last line.
     var end = probe+1;
 
     // Find the beginning of this chunk.
-    var prev_color = color;
-    while (prev_color === color) {
+    var prev_indicator = chunk_indicator;
+    while (prev_indicator === chunk_indicator) {
         probe--;
         probe_line = c.line_elt(probe);
-        prev_color = probe_line.css("background-color");
+        prev_indicator = c.chunk_indicator(probe_line);
     }
     c.set_sel(probe+1, end);
     c.show_selection();
@@ -442,29 +446,29 @@ coverage.select_line_or_chunk = function (lineno) {
     if (probe_line.length === 0) {
         return;
     }
-    var the_color = probe_line.css("background-color");
-    if (!c.is_transparent(the_color)) {
+    var the_indicator = c.chunk_indicator(probe_line);
+    if (the_indicator) {
         // The line is in a highlighted chunk.
         // Search backward for the first line.
         var probe = lineno;
-        var color = the_color;
-        while (probe > 0 && color === the_color) {
+        var indicator = the_indicator;
+        while (probe > 0 && indicator === the_indicator) {
             probe--;
             probe_line = c.line_elt(probe);
             if (probe_line.length === 0) {
                 break;
             }
-            color = probe_line.css("background-color");
+            indicator = c.chunk_indicator(probe_line);
         }
         var begin = probe + 1;
 
         // Search forward for the last line.
         probe = lineno;
-        color = the_color;
-        while (color === the_color) {
+        indicator = the_indicator;
+        while (indicator === the_indicator) {
             probe++;
             probe_line = c.line_elt(probe);
-            color = probe_line.css("background-color");
+            indicator = c.chunk_indicator(probe_line);
         }
 
         coverage.set_sel(begin, probe);
@@ -478,7 +482,7 @@ coverage.show_selection = function () {
     var c = coverage;
 
     // Highlight the lines in the chunk
-    c.code_container().find(".highlight").removeClass("highlight");
+    $(".linenos .highlight").removeClass("highlight");
     for (var probe = c.sel_begin; probe > 0 && probe < c.sel_end; probe++) {
         c.num_elt(probe).addClass("highlight");
     }
@@ -511,18 +515,18 @@ coverage.init_scroll_markers = function () {
     c.lines_len = $('td.text p').length;
     c.body_h = $('body').height();
     c.header_h = $('div#header').height();
-    c.missed_lines = $('td.text p.mis, td.text p.par');
 
     // Build html
-    c.resize_scroll_markers();
+    c.build_scroll_markers();
 };
 
-coverage.resize_scroll_markers = function () {
+coverage.build_scroll_markers = function () {
     var c = coverage,
         min_line_height = 3,
         max_line_height = 10,
         visible_window_h = $(window).height();
 
+    c.lines_to_mark = $('td.text').find('p.show_run, p.show_mis, p.show_exc, p.show_par');
     $('#scroll_marker').remove();
     // Don't build markers if the window has no scroll bar.
     if (c.body_h <= visible_window_h) {
@@ -550,10 +554,10 @@ coverage.resize_scroll_markers = function () {
         offsets = {};
 
     // Calculate line offsets outside loop to prevent relayouts
-    c.missed_lines.each(function() {
+    c.lines_to_mark.each(function() {
         offsets[this.id] = $(this).offset().top;
     });
-    c.missed_lines.each(function () {
+    c.lines_to_mark.each(function () {
         var id_name = $(this).attr('id'),
             line_top = Math.round(offsets[id_name] * marker_scale),
             line_number = parseInt(id_name.substring(1, id_name.length));
diff --git a/coverage/htmlfiles/style.css b/coverage/htmlfiles/style.css
index 83966952..e6e6dc42 100644
--- a/coverage/htmlfiles/style.css
+++ b/coverage/htmlfiles/style.css
@@ -43,27 +43,26 @@ h1 { font-size: 1.25em; display: inline-block; }
 
 h2.stats { margin-top: .5em; font-size: 1em; }
 
-.stats span { border: 1px solid; padding: .1em .25em; margin: 0 .1em; cursor: pointer; border-color: #999 #ccc #ccc #999; }
-.stats span.hide_run, .stats span.hide_exc, .stats span.hide_mis, .stats span.hide_par, .stats span.par.hide_run.hide_par { border-color: #ccc #999 #999 #ccc; }
-.stats span.par.hide_run { border-color: #999 #ccc #ccc #999; }
-.stats span.run { background: #ddffdd; }
-.stats span.exc { background: #eeeeee; }
-.stats span.mis { background: #ffdddd; }
-.stats span.hide_run { background: #eeffee; }
-.stats span.hide_exc { background: #f5f5f5; }
-.stats span.hide_mis { background: #ffeeee; }
-.stats span.par { background: #ffffaa; }
-.stats span.hide_par { background: #ffffcc; }
+.stats span { border: 1px solid; border-radius: .1em; padding: .1em .5em; margin: 0 .1em; cursor: pointer; border-color: #ccc #999 #999 #ccc; }
+.stats span.run { background: #eeffee; }
+.stats span.run.show_run { border-color: #999 #ccc #ccc #999; background: #ddffdd; }
+.stats span.mis { background: #ffeeee; }
+.stats span.mis.show_mis { border-color: #999 #ccc #ccc #999; background: #ffdddd; }
+.stats span.exc { background: #f7f7f7; }
+.stats span.exc.show_exc { border-color: #999 #ccc #ccc #999; background: #eeeeee; }
+.stats span.par { background: #ffffd5; }
+.stats span.par.show_par { border-color: #999 #ccc #ccc #999; background: #ffffaa; }
 
-#keyboard_icon { float: right; margin: 5px; cursor: pointer; }
-
-.help_panel { position: absolute; background: #ffffcc; padding: .5em; border: 1px solid #883; display: none; }
+.text p.show_par span.annotate.long, td.contexts p span.context-list, .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; }
 
-.indexfile .help_panel { width: 20em; height: 4em; }
+.text p.show_par span.annotate.long, td.contexts p span.context-list { white-space: normal; float: right; top: 1.75em; right: 1em; height: auto; }
 
-.pyfile .help_panel { width: 16em; height: 8em; }
+#keyboard_icon { float: right; margin: 5px; cursor: pointer; }
 
+.help_panel { padding: .5em; border: 1px solid #883; }
 .help_panel .legend { font-style: italic; margin-bottom: 1em; }
+.indexfile .help_panel { width: 20em; height: 4em; }
+.pyfile .help_panel { width: 16em; height: 8em; }
 
 #panel_icon { float: right; cursor: pointer; }
 
@@ -79,59 +78,47 @@ td.text { width: 100%; }
 
 .text p { margin: 0; padding: 0 0 0 .5em; border-left: 2px solid #ffffff; white-space: pre; position: relative; }
 .text p:hover { background: #f2f2f2; }
-.text p.mis { background: #ffdddd; border-left: 2px solid #ff0000; }
-.text p.mis:hover { background: #f2d2d2; }
-.text p.run, .text p.run.hide_par { background: #ddffdd; border-left: 2px solid #00ff00; }
-.text p.run:hover, .text p.run.hide_par:hover { background: #d2f2d2; }
-.text p.exc { background: #eeeeee; border-left: 2px solid #808080; }
-.text p.exc:hover { background: #e2e2e2; }
-.text p.par, .text p.par.hide_run { background: #ffffaa; border-left: 2px solid #eeee99; }
-.text p.par:hover, .text p.par.hide_run:hover { background: #f2f2a2; }
-.text p.hide_run, .text p.hide_exc, .text p.hide_mis, .text p.hide_par, .text p.hide_run.hide_par { background: inherit; }
-.text p.hide_run:hover, .text p.hide_exc:hover, .text p.hide_mis:hover, .text p.hide_par:hover, .text p.hide_run.hide_par:hover { background: #f2f2f2; }
-
-.text span.annotate { font-family: georgia; color: #666; float: right; padding-right: .5em; }
-.text p.hide_par span.annotate { display: none; }
-.text span.annotate.long { display: none; }
-.text p:hover span.annotate.long { display: block; max-width: 50%; white-space: normal; float: right; position: absolute; top: 1.75em; right: 1em; width: 30em; height: auto; color: #333; background: #ffffcc; border: 1px solid #888; padding: .25em .5em; z-index: 999; border-radius: .2em; box-shadow: #cccccc .2em .2em .2em; }
-
+.text p.run { border-left: 2px solid #00ff00; }
+.text p.run.show_run { background: #ddffdd; }
+.text p.run.show_run:hover { background: #d2f2d2; }
+.text p.mis { border-left: 2px solid #ff0000; }
+.text p.mis.show_mis { background: #ffdddd; }
+.text p.mis.show_mis:hover { background: #f2d2d2; }
+.text p.exc { border-left: 2px solid #808080; }
+.text p.exc.show_exc { background: #eeeeee; }
+.text p.exc.show_exc:hover { background: #e2e2e2; }
+.text p.par { border-left: 2px solid #eeee99; }
+.text p.par.show_par { background: #ffffaa; }
+.text p.par.show_par:hover { background: #f2f2a2; }
+
+.text span.annotate { font-family: georgia; color: #666; float: right; padding-right: .5em; display: none; }
+.text p.show_par span.annotate { display: inline; }
+.text p.show_par span.annotate.long { max-width: 50%; width: 30em; }
+.text p.show_par:hover span.annotate.long { display: block; }
 .text .com { color: green; font-style: italic; line-height: 1px; }
 .text .key { font-weight: bold; line-height: 1px; }
 .text .str { color: #000080; }
 
 td.contexts p { margin: 0; padding: 0 .5em; color: #999999; font-family: verdana, sans-serif; white-space: nowrap; position: relative; }
 td.contexts p:hover { background: #eee; }
-td.contexts p span.context-list { display: none; }
-td.contexts p:hover span.context-list { display: block; min-width: 30em; white-space: normal; float: right; position: absolute; top: 1.75em; right: 1em; height: auto; color: #333; background: #ffffcc; border: 1px solid #888; padding: .25em .5em; z-index: 999; border-radius: .2em; box-shadow: #cccccc .2em .2em .2em; }
+td.contexts p span.context-list { min-width: 30em; }
+td.contexts p span.context-list span.context-line { display: block; }
+td.contexts p:hover span.context-list { display: block; }
 td.contexts p span.context-button { display: inline-block; cursor: pointer; font-size: .8333em; line-height: 1em; }
 
-span.context-list span.context-line { display: block; }
-
 #index td, #index th { text-align: right; width: 5em; padding: .25em .5em; border-bottom: 1px solid #eee; }
-
-#index th { font-style: italic; color: #333; border-bottom: 1px solid #ccc; cursor: pointer; }
-
-#index th:hover { background: #eee; border-bottom: 1px solid #999; }
-
 #index td.left, #index th.left { padding-left: 0; }
-
 #index td.right, #index th.right { padding-right: 0; }
-
+#index td.name, #index th.name { text-align: left; width: auto; }
+#index th { font-style: italic; color: #333; border-bottom: 1px solid #ccc; cursor: pointer; }
+#index th:hover { background: #eee; border-bottom: 1px solid #999; }
 #index th.headerSortDown, #index th.headerSortUp { border-bottom: 1px solid #000; white-space: nowrap; background: #eee; }
-
 #index th.headerSortDown:after { content: " ↓"; }
-
 #index th.headerSortUp:after { content: " ↑"; }
-
-#index td.name, #index th.name { text-align: left; width: auto; }
-
 #index td.name a { text-decoration: none; color: #000; }
-
 #index tr.total td, #index tr.total_dynamic td { font-weight: bold; border-top: 1px solid #ccc; border-bottom: none; }
-
 #index tr.file:hover { background: #eeeeee; }
-
 #index tr.file:hover td.name { text-decoration: underline; color: #000; }
 
 #scroll_marker { position: fixed; right: 0; top: 0; width: 16px; height: 100%; background: white; border-left: 1px solid #eee; will-change: transform; }
-#scroll_marker .marker { background: #eedddd; position: absolute; min-height: 3px; width: 100%; }
+#scroll_marker .marker { background: #ddd; position: absolute; min-height: 3px; width: 100%; }
diff --git a/coverage/htmlfiles/style.scss b/coverage/htmlfiles/style.scss
index 168d6878..e9f49d88 100644
--- a/coverage/htmlfiles/style.scss
+++ b/coverage/htmlfiles/style.scss
@@ -115,50 +115,79 @@ h1 {
     }
 }
 
+$pln-color: #ffffff;
+$mis-color: #ffdddd;
+$run-color: #ddffdd;
+$exc-color: #eeeeee;
+$par-color: #ffffaa;
+
+$off-button-lighten: 50%;
+
 h2.stats {
     margin-top: .5em;
     font-size: 1em;
 }
 .stats span {
     border: 1px solid;
-    padding: .1em .25em;
+    border-radius: .1em;
+    padding: .1em .5em;
     margin: 0 .1em;
     cursor: pointer;
-    border-color: #999 #ccc #ccc #999;
-
-    &.hide_run, &.hide_exc, &.hide_mis, &.hide_par, &.par.hide_run.hide_par {
-        border-color: #ccc #999 #999 #ccc;
-    }
-    &.par.hide_run {
-        border-color: #999 #ccc #ccc #999;
-    }
+    border-color: #ccc #999 #999 #ccc;
 
     &.run {
-        background: #ddffdd;
-    }
-    &.exc {
-        background: #eeeeee;
+        background: mix($run-color, #fff, $off-button-lighten);
+        &.show_run {
+            border-color: #999 #ccc #ccc #999;
+            background: $run-color;
+        }
     }
     &.mis {
-        background: #ffdddd;
-    }
-    &.hide_run {
-        background: #eeffee;
-    }
-    &.hide_exc {
-        background: #f5f5f5;
+        background: mix($mis-color, #fff, $off-button-lighten);
+        &.show_mis {
+            border-color: #999 #ccc #ccc #999;
+            background: $mis-color;
+        }
     }
-    &.hide_mis {
-        background: #ffeeee;
+    &.exc {
+        background: mix($exc-color, #fff, $off-button-lighten);
+        &.show_exc {
+            border-color: #999 #ccc #ccc #999;
+            background: $exc-color;
+        }
     }
     &.par {
-        background: #ffffaa;
-    }
-    &.hide_par {
-        background: #ffffcc;
+        background: mix($par-color, #fff, $off-button-lighten);
+        &.show_par {
+            border-color: #999 #ccc #ccc #999;
+            background: $par-color;
+        }
     }
 }
 
+// Yellow post-it things.
+%popup {
+    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;
+}
+
+// Yellow post-it's in the text listings.
+%in-text-popup {
+    @extend %popup;
+    white-space: normal;
+    float: right;
+    top: 1.75em;
+    right: 1em;
+    height: auto;
+}
+
 // Help panel
 #keyboard_icon {
     float: right;
@@ -167,24 +196,24 @@ h2.stats {
 }
 
 .help_panel {
-    position: absolute;
-    background: #ffffcc;
+    @extend %popup;
     padding: .5em;
     border: 1px solid #883;
-    display: none;
-}
 
-.indexfile .help_panel {
-    width: 20em; height: 4em;
-}
+    .legend {
+        font-style: italic;
+        margin-bottom: 1em;
+    }
 
-.pyfile .help_panel {
-    width: 16em; height: 8em;
-}
+    .indexfile & {
+        width: 20em;
+        height: 4em;
+    }
 
-.help_panel .legend {
-    font-style: italic;
-    margin-bottom: 1em;
+    .pyfile & {
+        width: 16em;
+        height: 8em;
+    }
 }
 
 #panel_icon {
@@ -232,13 +261,8 @@ td.text {
     width: 100%;
 }
 
-$mis-color: #ffdddd;
-$run-color: #ddffdd;
-$exc-color: #eeeeee;
-$par-color: #ffffaa;
-
 $hover-dark-amt: 95%;
-$plain-hover-color: mix(#ffffff, #000, $hover-dark-amt);
+$pln-hover-color: mix($pln-color, #000, $hover-dark-amt);
 $mis-hover-color: mix($mis-color, #000, $hover-dark-amt);
 $run-hover-color: mix($run-color, #000, $hover-dark-amt);
 $exc-hover-color: mix($exc-color, #000, $hover-dark-amt);
@@ -252,50 +276,50 @@ $par-hover-color: mix($par-color, #000, $hover-dark-amt);
     position: relative;
 
     &:hover {
-        background: $plain-hover-color;
+        background: $pln-hover-color;
     }
 
-    &.mis {
-        background: $mis-color;
-        border-left: 2px solid #ff0000;
+    &.run {
+        border-left: 2px solid #00ff00;
+        &.show_run {
+            background: $run-color;
 
-        &:hover {
-            background: $mis-hover-color;
+            &:hover {
+                background: $run-hover-color;
+            }
         }
     }
 
-    &.run, &.run.hide_par {
-        background: $run-color;
-        border-left: 2px solid #00ff00;
+    &.mis {
+        border-left: 2px solid #ff0000;
+        &.show_mis {
+            background: $mis-color;
 
-        &:hover {
-            background: $run-hover-color;
+            &:hover {
+                background: $mis-hover-color;
+            }
         }
     }
 
     &.exc {
-        background: $exc-color;
         border-left: 2px solid #808080;
+        &.show_exc {
+            background: $exc-color;
 
-        &:hover {
-            background: $exc-hover-color;
+            &:hover {
+                background: $exc-hover-color;
+            }
         }
     }
 
-    &.par, &.par.hide_run {
-        background: $par-color;
+    &.par {
         border-left: 2px solid #eeee99;
+        &.show_par {
+            background: $par-color;
 
-        &:hover {
-            background: $par-hover-color;
-        }
-    }
-
-    &.hide_run, &.hide_exc, &.hide_mis, &.hide_par, &.hide_run.hide_par {
-        background: inherit;
-
-        &:hover {
-            background: $plain-hover-color;
+            &:hover {
+                background: $par-hover-color;
+            }
         }
     }
 }
@@ -307,35 +331,21 @@ $par-hover-color: mix($par-color, #000, $hover-dark-amt);
         color: #666;
         float: right;
         padding-right: .5em;
-    }
-    p.hide_par span.annotate {
         display: none;
     }
-    span.annotate.long {
-        display: none;
+    p.show_par span.annotate {
+        display: inline;
     }
-    p:hover span.annotate.long {
-        display: block;
+    p.show_par span.annotate.long {
+        @extend %in-text-popup;
         max-width: 50%;
-        white-space: normal;
-        float: right;
-        position: absolute;
-        top: 1.75em;
-        right: 1em;
         width: 30em;
-        height: auto;
-        color: #333;
-        background: #ffffcc;
-        border: 1px solid #888;
-        padding: .25em .5em;
-        z-index: 999;
-        border-radius: .2em;
-        box-shadow: #cccccc .2em .2em .2em;
     }
-}
+    p.show_par:hover span.annotate.long {
+        display: block;
+    }
 
-// Syntax coloring
-.text {
+    // Syntax coloring
     .com {
         color: green;
         font-style: italic;
@@ -363,24 +373,15 @@ td.contexts {
             background: #eee;
         }
         span.context-list {
-            display: none;
+            @extend %in-text-popup;
+            min-width: 30em;
+
+            span.context-line {
+                display: block;
+            }
         }
         &:hover span.context-list {
             display: block;
-            min-width: 30em;
-            white-space: normal;
-            float: right;
-            position: absolute;
-            top: 1.75em;
-            right: 1em;
-            height: auto;
-            color: #333;
-            background: #ffffcc;
-            border: 1px solid #888;
-            padding: .25em .5em;
-            z-index: 999;
-            border-radius: .2em;
-            box-shadow: #cccccc .2em .2em .2em;
         }
         span.context-button {
             display: inline-block;
@@ -391,66 +392,63 @@ td.contexts {
     }
 }
 
-span.context-list span.context-line {
-    display: block;
-}
-
 // index styles
-#index td, #index th {
-    text-align: right;
-    width: 5em;
-    padding: .25em .5em;
-    border-bottom: 1px solid #eee;
-}
-#index th {
-    font-style: italic;
-    color: #333;
-    border-bottom: 1px solid #ccc;
-    cursor: pointer;
-}
-#index th:hover {
-    background: #eee;
-    border-bottom: 1px solid #999;
-}
-#index td.left, #index th.left {
-    padding-left: 0;
-}
-#index td.right, #index th.right {
-    padding-right: 0;
-}
-#index th.headerSortDown, #index th.headerSortUp {
-    border-bottom: 1px solid #000;
-    white-space: nowrap;
-    background: #eee;
-}
-#index th.headerSortDown:after {
-    content: " ↓";
-}
-#index th.headerSortUp:after {
-    content: " ↑";
-}
-#index td.name, #index th.name {
-    text-align: left;
-    width: auto;
-}
-#index td.name a {
-    text-decoration: none;
-    color: #000;
-}
-#index tr.total, #index tr.total_dynamic { }     // ???
+#index {
+    td, th {
+        text-align: right;
+        width: 5em;
+        padding: .25em .5em;
+        border-bottom: 1px solid #eee;
+        &.left {
+            padding-left: 0;
+        }
+        &.right {
+            padding-right: 0;
+        }
+        &.name {
+            text-align: left;
+            width: auto;
+        }
+    }
+    th {
+        font-style: italic;
+        color: #333;
+        border-bottom: 1px solid #ccc;
+        cursor: pointer;
+        &:hover {
+            background: #eee;
+            border-bottom: 1px solid #999;
+        }
+        &.headerSortDown, &.headerSortUp {
+            border-bottom: 1px solid #000;
+            white-space: nowrap;
+            background: #eee;
+        }
+        &.headerSortDown:after {
+            content: " ↓";
+        }
+        &.headerSortUp:after {
+            content: " ↑";
+        }
+    }
+    td.name a {
+        text-decoration: none;
+        color: #000;
+    }
 
-#index tr.total td,
-#index tr.total_dynamic td {
-    font-weight: bold;
-    border-top: 1px solid #ccc;
-    border-bottom: none;
-}
-#index tr.file:hover {
-    background: #eeeeee;
-}
-#index tr.file:hover td.name {
-    text-decoration: underline;
-    color: #000;
+    tr.total td,
+    tr.total_dynamic td {
+        font-weight: bold;
+        border-top: 1px solid #ccc;
+        border-bottom: none;
+    }
+    tr.file:hover {
+        background: #eeeeee;
+        td.name {
+            text-decoration: underline;
+            color: #000;
+        }
+    }
 }
 
 // scroll marker styles
@@ -465,7 +463,7 @@ span.context-list span.context-line {
     will-change: transform; // for faster scrolling of fixed element in Chrome
 
     .marker {
-        background: #eedddd;
+        background: #ddd;
         position: absolute;
         min-height: 3px;
         width: 100%;
diff --git a/metacov.ini b/metacov.ini
index d00019f8..60b4ea3c 100644
--- a/metacov.ini
+++ b/metacov.ini
@@ -9,7 +9,7 @@ parallel = true
 source =
     ${COVERAGE_HOME-.}/coverage
     ${COVERAGE_HOME-.}/tests
-# $set_env.py: COVERAGE_CONTEXT - set to 'test_function' for who-tests-what
+# $set_env.py: COVERAGE_CONTEXT - Set to 'test_function' for who-tests-what
 dynamic_context = ${COVERAGE_CONTEXT-none}
 
 [report]
diff --git a/tests/gold/html/a/a_py.html b/tests/gold/html/a/a_py.html
index 119ad4a3..4ebd1ae1 100644
--- a/tests/gold/html/a/a_py.html
+++ b/tests/gold/html/a/a_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             3 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">1 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">1 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,18 +54,18 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
 <p id="n2" class="pln"><a href="#n2">2</a></p>
-<p id="n3" class="stm run hide_run"><a href="#n3">3</a></p>
+<p id="n3" class="run"><a href="#n3">3</a></p>
 <p id="n4" class="pln"><a href="#n4">4</a></p>
-<p id="n5" class="stm mis"><a href="#n5">5</a></p>
+<p id="n5" class="mis show_mis"><a href="#n5">5</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="key">if</span> <span class="num">1</span> <span class="op">&lt;</span> <span class="num">2</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="key">if</span> <span class="num">1</span> <span class="op">&lt;</span> <span class="num">2</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
 <p id="t2" class="pln">    <span class="com"># Needed a &lt; to look at HTML entities.</span><span class="strut">&nbsp;</span></p>
-<p id="t3" class="stm run hide_run">    <span class="nam">a</span> <span class="op">=</span> <span class="num">3</span><span class="strut">&nbsp;</span></p>
+<p id="t3" class="run">    <span class="nam">a</span> <span class="op">=</span> <span class="num">3</span><span class="strut">&nbsp;</span></p>
 <p id="t4" class="pln"><span class="key">else</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t5" class="stm mis">    <span class="nam">a</span> <span class="op">=</span> <span class="num">4</span><span class="strut">&nbsp;</span></p>
+<p id="t5" class="mis show_mis">    <span class="nam">a</span> <span class="op">=</span> <span class="num">4</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/b_branch/b_py.html b/tests/gold/html/b_branch/b_py.html
index a21175eb..c9197c59 100644
--- a/tests/gold/html/b_branch/b_py.html
+++ b/tests/gold/html/b_branch/b_py.html
@@ -22,10 +22,10 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             17 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">14 run</span>
-            <span class="mis shortkey_m button_toggle_mis">3 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
-                <span class="par run hide_run shortkey_p button_toggle_par">4 partial</span>
+            <span class="run shortkey_r button_toggle_run">14 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">3 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
+                <span class="par run show_par shortkey_p button_toggle_par">4 partial</span>
         </h2>
     </div>
 </div>
@@ -55,62 +55,62 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
 <p id="n2" class="pln"><a href="#n2">2</a></p>
-<p id="n3" class="stm par run hide_run"><a href="#n3">3</a></p>
-<p id="n4" class="stm run hide_run"><a href="#n4">4</a></p>
+<p id="n3" class="par run show_par"><a href="#n3">3</a></p>
+<p id="n4" class="run"><a href="#n4">4</a></p>
 <p id="n5" class="pln"><a href="#n5">5</a></p>
-<p id="n6" class="stm mis"><a href="#n6">6</a></p>
+<p id="n6" class="mis show_mis"><a href="#n6">6</a></p>
 <p id="n7" class="pln"><a href="#n7">7</a></p>
-<p id="n8" class="stm run hide_run"><a href="#n8">8</a></p>
+<p id="n8" class="run"><a href="#n8">8</a></p>
 <p id="n9" class="pln"><a href="#n9">9</a></p>
-<p id="n10" class="stm run hide_run"><a href="#n10">10</a></p>
+<p id="n10" class="run"><a href="#n10">10</a></p>
 <p id="n11" class="pln"><a href="#n11">11</a></p>
-<p id="n12" class="stm par run hide_run"><a href="#n12">12</a></p>
-<p id="n13" class="stm run hide_run"><a href="#n13">13</a></p>
+<p id="n12" class="par run show_par"><a href="#n12">12</a></p>
+<p id="n13" class="run"><a href="#n13">13</a></p>
 <p id="n14" class="pln"><a href="#n14">14</a></p>
-<p id="n15" class="stm run hide_run"><a href="#n15">15</a></p>
+<p id="n15" class="run"><a href="#n15">15</a></p>
 <p id="n16" class="pln"><a href="#n16">16</a></p>
-<p id="n17" class="stm run hide_run"><a href="#n17">17</a></p>
-<p id="n18" class="stm run hide_run"><a href="#n18">18</a></p>
+<p id="n17" class="run"><a href="#n17">17</a></p>
+<p id="n18" class="run"><a href="#n18">18</a></p>
 <p id="n19" class="pln"><a href="#n19">19</a></p>
-<p id="n20" class="stm par run hide_run"><a href="#n20">20</a></p>
-<p id="n21" class="stm mis"><a href="#n21">21</a></p>
+<p id="n20" class="par run show_par"><a href="#n20">20</a></p>
+<p id="n21" class="mis show_mis"><a href="#n21">21</a></p>
 <p id="n22" class="pln"><a href="#n22">22</a></p>
-<p id="n23" class="stm mis"><a href="#n23">23</a></p>
-<p id="n24" class="stm run hide_run"><a href="#n24">24</a></p>
-<p id="n25" class="stm run hide_run"><a href="#n25">25</a></p>
+<p id="n23" class="mis show_mis"><a href="#n23">23</a></p>
+<p id="n24" class="run"><a href="#n24">24</a></p>
+<p id="n25" class="run"><a href="#n25">25</a></p>
 <p id="n26" class="pln"><a href="#n26">26</a></p>
-<p id="n27" class="stm run hide_run"><a href="#n27">27</a></p>
+<p id="n27" class="run"><a href="#n27">27</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="key">def</span> <span class="nam">one</span><span class="op">(</span><span class="nam">x</span><span class="op">)</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="key">def</span> <span class="nam">one</span><span class="op">(</span><span class="nam">x</span><span class="op">)</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
 <p id="t2" class="pln">    <span class="com"># This will be a branch that misses the else.</span><span class="strut">&nbsp;</span></p>
-<p id="t3" class="stm par run hide_run"><span class="annotate short">3&#x202F;&#x219B;&#x202F;6</span><span class="annotate long">line 3 didn't jump to line 6, because the condition on line 3 was never false</span>    <span class="key">if</span> <span class="nam">x</span> <span class="op">&lt;</span> <span class="num">2</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t4" class="stm run hide_run">        <span class="nam">a</span> <span class="op">=</span> <span class="num">3</span><span class="strut">&nbsp;</span></p>
+<p id="t3" class="par run show_par"><span class="annotate short">3&#x202F;&#x219B;&#x202F;6</span><span class="annotate long">line 3 didn't jump to line 6, because the condition on line 3 was never false</span>    <span class="key">if</span> <span class="nam">x</span> <span class="op">&lt;</span> <span class="num">2</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t4" class="run">        <span class="nam">a</span> <span class="op">=</span> <span class="num">3</span><span class="strut">&nbsp;</span></p>
 <p id="t5" class="pln">    <span class="key">else</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t6" class="stm mis">        <span class="nam">a</span> <span class="op">=</span> <span class="num">4</span><span class="strut">&nbsp;</span></p>
+<p id="t6" class="mis show_mis">        <span class="nam">a</span> <span class="op">=</span> <span class="num">4</span><span class="strut">&nbsp;</span></p>
 <p id="t7" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t8" class="stm run hide_run"><span class="nam">one</span><span class="op">(</span><span class="num">1</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
+<p id="t8" class="run"><span class="nam">one</span><span class="op">(</span><span class="num">1</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
 <p id="t9" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t10" class="stm run hide_run"><span class="key">def</span> <span class="nam">two</span><span class="op">(</span><span class="nam">x</span><span class="op">)</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t10" class="run"><span class="key">def</span> <span class="nam">two</span><span class="op">(</span><span class="nam">x</span><span class="op">)</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
 <p id="t11" class="pln">    <span class="com"># A missed else that branches to "exit"</span><span class="strut">&nbsp;</span></p>
-<p id="t12" class="stm par run hide_run"><span class="annotate short">12&#x202F;&#x219B;&#x202F;exit</span><span class="annotate long">line 12 didn't return from function 'two', because the condition on line 12 was never false</span>    <span class="key">if</span> <span class="nam">x</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t13" class="stm run hide_run">        <span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
+<p id="t12" class="par run show_par"><span class="annotate short">12&#x202F;&#x219B;&#x202F;exit</span><span class="annotate long">line 12 didn't return from function 'two', because the condition on line 12 was never false</span>    <span class="key">if</span> <span class="nam">x</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t13" class="run">        <span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
 <p id="t14" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t15" class="stm run hide_run"><span class="nam">two</span><span class="op">(</span><span class="num">1</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
+<p id="t15" class="run"><span class="nam">two</span><span class="op">(</span><span class="num">1</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
 <p id="t16" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t17" class="stm run hide_run"><span class="key">def</span> <span class="nam">three</span><span class="op">(</span><span class="op">)</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t18" class="stm run hide_run">    <span class="key">try</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t17" class="run"><span class="key">def</span> <span class="nam">three</span><span class="op">(</span><span class="op">)</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t18" class="run">    <span class="key">try</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
 <p id="t19" class="pln">        <span class="com"># This if has two branches, *neither* one taken.</span><span class="strut">&nbsp;</span></p>
-<p id="t20" class="stm par run hide_run"><span class="annotate short">20&#x202F;&#x219B;&#x202F;21,&nbsp;&nbsp; 20&#x202F;&#x219B;&#x202F;23</span><span class="annotate long">2 missed branches: 1) line 20 didn't jump to line 21, because the condition on line 20 was never true, 2) line 20 didn't jump to line 23, because the condition on line 20 was never false</span>        <span class="key">if</span> <span class="nam">name_error_this_variable_doesnt_exist</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t21" class="stm mis">            <span class="nam">a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t20" class="par run show_par"><span class="annotate short">20&#x202F;&#x219B;&#x202F;21,&nbsp;&nbsp; 20&#x202F;&#x219B;&#x202F;23</span><span class="annotate long">2 missed branches: 1) line 20 didn't jump to line 21, because the condition on line 20 was never true, 2) line 20 didn't jump to line 23, because the condition on line 20 was never false</span>        <span class="key">if</span> <span class="nam">name_error_this_variable_doesnt_exist</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t21" class="mis show_mis">            <span class="nam">a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
 <p id="t22" class="pln">        <span class="key">else</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t23" class="stm mis">            <span class="nam">a</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
-<p id="t24" class="stm run hide_run">    <span class="key">except</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t25" class="stm run hide_run">        <span class="key">pass</span><span class="strut">&nbsp;</span></p>
+<p id="t23" class="mis show_mis">            <span class="nam">a</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
+<p id="t24" class="run">    <span class="key">except</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t25" class="run">        <span class="key">pass</span><span class="strut">&nbsp;</span></p>
 <p id="t26" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t27" class="stm run hide_run"><span class="nam">three</span><span class="op">(</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
+<p id="t27" class="run"><span class="nam">three</span><span class="op">(</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/bom/2/bom_py.html b/tests/gold/html/bom/2/bom_py.html
index 14f25413..5cab9622 100644
--- a/tests/gold/html/bom/2/bom_py.html
+++ b/tests/gold/html/bom/2/bom_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             7 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">5 run</span>
-            <span class="mis shortkey_m button_toggle_mis">2 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">5 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">2 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -55,29 +55,29 @@
         <tr>
             <td class="linenos">
 <p id="n1" class="pln"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
 <p id="n3" class="pln"><a href="#n3">3</a></p>
-<p id="n4" class="stm run hide_run"><a href="#n4">4</a></p>
+<p id="n4" class="run"><a href="#n4">4</a></p>
 <p id="n5" class="pln"><a href="#n5">5</a></p>
-<p id="n6" class="stm run hide_run"><a href="#n6">6</a></p>
-<p id="n7" class="stm mis"><a href="#n7">7</a></p>
-<p id="n8" class="stm mis"><a href="#n8">8</a></p>
+<p id="n6" class="run"><a href="#n6">6</a></p>
+<p id="n7" class="mis show_mis"><a href="#n7">7</a></p>
+<p id="n8" class="mis show_mis"><a href="#n8">8</a></p>
 <p id="n9" class="pln"><a href="#n9">9</a></p>
-<p id="n10" class="stm run hide_run"><a href="#n10">10</a></p>
-<p id="n11" class="stm run hide_run"><a href="#n11">11</a></p>
+<p id="n10" class="run"><a href="#n10">10</a></p>
+<p id="n11" class="run"><a href="#n11">11</a></p>
             </td>
             <td class="text">
 <p id="t1" class="pln"><span class="com"># A Python source file in utf-8, with BOM.</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">math</span> <span class="op">=</span> <span class="str">"3&#215;4 = 12, &#247;2 = 6&#177;0"</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">math</span> <span class="op">=</span> <span class="str">"3&#215;4 = 12, &#247;2 = 6&#177;0"</span><span class="strut">&nbsp;</span></p>
 <p id="t3" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t4" class="stm run hide_run"><span class="key">import</span> <span class="nam">sys</span><span class="strut">&nbsp;</span></p>
+<p id="t4" class="run"><span class="key">import</span> <span class="nam">sys</span><span class="strut">&nbsp;</span></p>
 <p id="t5" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t6" class="stm run hide_run"><span class="key">if</span> <span class="nam">sys</span><span class="op">.</span><span class="nam">version_info</span> <span class="op">>=</span> <span class="op">(</span><span class="num">3</span><span class="op">,</span> <span class="num">0</span><span class="op">)</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t7" class="stm mis">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">)</span> <span class="op">==</span> <span class="num">18</span><span class="strut">&nbsp;</span></p>
-<p id="t8" class="stm mis">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">.</span><span class="nam">encode</span><span class="op">(</span><span class="str">'utf-8'</span><span class="op">)</span><span class="op">)</span> <span class="op">==</span> <span class="num">21</span><span class="strut">&nbsp;</span></p>
+<p id="t6" class="run"><span class="key">if</span> <span class="nam">sys</span><span class="op">.</span><span class="nam">version_info</span> <span class="op">>=</span> <span class="op">(</span><span class="num">3</span><span class="op">,</span> <span class="num">0</span><span class="op">)</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t7" class="mis show_mis">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">)</span> <span class="op">==</span> <span class="num">18</span><span class="strut">&nbsp;</span></p>
+<p id="t8" class="mis show_mis">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">.</span><span class="nam">encode</span><span class="op">(</span><span class="str">'utf-8'</span><span class="op">)</span><span class="op">)</span> <span class="op">==</span> <span class="num">21</span><span class="strut">&nbsp;</span></p>
 <p id="t9" class="pln"><span class="key">else</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t10" class="stm run hide_run">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">)</span> <span class="op">==</span> <span class="num">21</span><span class="strut">&nbsp;</span></p>
-<p id="t11" class="stm run hide_run">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">.</span><span class="nam">decode</span><span class="op">(</span><span class="str">'utf-8'</span><span class="op">)</span><span class="op">)</span> <span class="op">==</span> <span class="num">18</span><span class="strut">&nbsp;</span></p>
+<p id="t10" class="run">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">)</span> <span class="op">==</span> <span class="num">21</span><span class="strut">&nbsp;</span></p>
+<p id="t11" class="run">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">.</span><span class="nam">decode</span><span class="op">(</span><span class="str">'utf-8'</span><span class="op">)</span><span class="op">)</span> <span class="op">==</span> <span class="num">18</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/bom/bom_py.html b/tests/gold/html/bom/bom_py.html
index 78d7f7b7..3395c3bd 100644
--- a/tests/gold/html/bom/bom_py.html
+++ b/tests/gold/html/bom/bom_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             7 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">5 run</span>
-            <span class="mis shortkey_m button_toggle_mis">2 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">5 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">2 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -55,29 +55,29 @@
         <tr>
             <td class="linenos">
 <p id="n1" class="pln"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
 <p id="n3" class="pln"><a href="#n3">3</a></p>
-<p id="n4" class="stm run hide_run"><a href="#n4">4</a></p>
+<p id="n4" class="run"><a href="#n4">4</a></p>
 <p id="n5" class="pln"><a href="#n5">5</a></p>
-<p id="n6" class="stm run hide_run"><a href="#n6">6</a></p>
-<p id="n7" class="stm run hide_run"><a href="#n7">7</a></p>
-<p id="n8" class="stm run hide_run"><a href="#n8">8</a></p>
+<p id="n6" class="run"><a href="#n6">6</a></p>
+<p id="n7" class="run"><a href="#n7">7</a></p>
+<p id="n8" class="run"><a href="#n8">8</a></p>
 <p id="n9" class="pln"><a href="#n9">9</a></p>
-<p id="n10" class="stm mis"><a href="#n10">10</a></p>
-<p id="n11" class="stm mis"><a href="#n11">11</a></p>
+<p id="n10" class="mis show_mis"><a href="#n10">10</a></p>
+<p id="n11" class="mis show_mis"><a href="#n11">11</a></p>
             </td>
             <td class="text">
 <p id="t1" class="pln"><span class="com"># A Python source file in utf-8, with BOM.</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">math</span> <span class="op">=</span> <span class="str">"3&#215;4 = 12, &#247;2 = 6&#177;0"</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">math</span> <span class="op">=</span> <span class="str">"3&#215;4 = 12, &#247;2 = 6&#177;0"</span><span class="strut">&nbsp;</span></p>
 <p id="t3" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t4" class="stm run hide_run"><span class="key">import</span> <span class="nam">sys</span><span class="strut">&nbsp;</span></p>
+<p id="t4" class="run"><span class="key">import</span> <span class="nam">sys</span><span class="strut">&nbsp;</span></p>
 <p id="t5" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t6" class="stm run hide_run"><span class="key">if</span> <span class="nam">sys</span><span class="op">.</span><span class="nam">version_info</span> <span class="op">>=</span> <span class="op">(</span><span class="num">3</span><span class="op">,</span> <span class="num">0</span><span class="op">)</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t7" class="stm run hide_run">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">)</span> <span class="op">==</span> <span class="num">18</span><span class="strut">&nbsp;</span></p>
-<p id="t8" class="stm run hide_run">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">.</span><span class="nam">encode</span><span class="op">(</span><span class="str">'utf-8'</span><span class="op">)</span><span class="op">)</span> <span class="op">==</span> <span class="num">21</span><span class="strut">&nbsp;</span></p>
+<p id="t6" class="run"><span class="key">if</span> <span class="nam">sys</span><span class="op">.</span><span class="nam">version_info</span> <span class="op">>=</span> <span class="op">(</span><span class="num">3</span><span class="op">,</span> <span class="num">0</span><span class="op">)</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t7" class="run">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">)</span> <span class="op">==</span> <span class="num">18</span><span class="strut">&nbsp;</span></p>
+<p id="t8" class="run">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">.</span><span class="nam">encode</span><span class="op">(</span><span class="str">'utf-8'</span><span class="op">)</span><span class="op">)</span> <span class="op">==</span> <span class="num">21</span><span class="strut">&nbsp;</span></p>
 <p id="t9" class="pln"><span class="key">else</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t10" class="stm mis">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">)</span> <span class="op">==</span> <span class="num">21</span><span class="strut">&nbsp;</span></p>
-<p id="t11" class="stm mis">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">.</span><span class="nam">decode</span><span class="op">(</span><span class="str">'utf-8'</span><span class="op">)</span><span class="op">)</span> <span class="op">==</span> <span class="num">18</span><span class="strut">&nbsp;</span></p>
+<p id="t10" class="mis show_mis">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">)</span> <span class="op">==</span> <span class="num">21</span><span class="strut">&nbsp;</span></p>
+<p id="t11" class="mis show_mis">    <span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">.</span><span class="nam">decode</span><span class="op">(</span><span class="str">'utf-8'</span><span class="op">)</span><span class="op">)</span> <span class="op">==</span> <span class="num">18</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/isolatin1/isolatin1_py.html b/tests/gold/html/isolatin1/isolatin1_py.html
index e8ad244b..7fb22be2 100644
--- a/tests/gold/html/isolatin1/isolatin1_py.html
+++ b/tests/gold/html/isolatin1/isolatin1_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -57,15 +57,15 @@
 <p id="n1" class="pln"><a href="#n1">1</a></p>
 <p id="n2" class="pln"><a href="#n2">2</a></p>
 <p id="n3" class="pln"><a href="#n3">3</a></p>
-<p id="n4" class="stm run hide_run"><a href="#n4">4</a></p>
-<p id="n5" class="stm run hide_run"><a href="#n5">5</a></p>
+<p id="n4" class="run"><a href="#n4">4</a></p>
+<p id="n5" class="run"><a href="#n5">5</a></p>
             </td>
             <td class="text">
 <p id="t1" class="pln"><span class="com"># -*- coding: iso8859-1 -*-</span><span class="strut">&nbsp;</span></p>
 <p id="t2" class="pln"><span class="com"># A Python source file in another encoding.</span><span class="strut">&nbsp;</span></p>
 <p id="t3" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t4" class="stm run hide_run"><span class="nam">math</span> <span class="op">=</span> <span class="str">"3&#215;4 = 12, &#247;2 = 6&#177;0"</span><span class="strut">&nbsp;</span></p>
-<p id="t5" class="stm run hide_run"><span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">)</span> <span class="op">==</span> <span class="num">18</span><span class="strut">&nbsp;</span></p>
+<p id="t4" class="run"><span class="nam">math</span> <span class="op">=</span> <span class="str">"3&#215;4 = 12, &#247;2 = 6&#177;0"</span><span class="strut">&nbsp;</span></p>
+<p id="t5" class="run"><span class="key">assert</span> <span class="nam">len</span><span class="op">(</span><span class="nam">math</span><span class="op">)</span> <span class="op">==</span> <span class="num">18</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_1/m1_py.html b/tests/gold/html/omit_1/m1_py.html
index 05b2bd49..238e4cbc 100644
--- a/tests/gold/html/omit_1/m1_py.html
+++ b/tests/gold/html/omit_1/m1_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,12 +54,12 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="nam">m1a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">m1b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="nam">m1a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">m1b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_1/m2_py.html b/tests/gold/html/omit_1/m2_py.html
index 056e7af1..c2cf387a 100644
--- a/tests/gold/html/omit_1/m2_py.html
+++ b/tests/gold/html/omit_1/m2_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,12 +54,12 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="nam">m2a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">m2b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="nam">m2a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">m2b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_1/m3_py.html b/tests/gold/html/omit_1/m3_py.html
index 428527b2..f0d59a83 100644
--- a/tests/gold/html/omit_1/m3_py.html
+++ b/tests/gold/html/omit_1/m3_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,12 +54,12 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="nam">m3a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">m3b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="nam">m3a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">m3b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_1/main_py.html b/tests/gold/html/omit_1/main_py.html
index 3fbc4af7..d9474b0b 100644
--- a/tests/gold/html/omit_1/main_py.html
+++ b/tests/gold/html/omit_1/main_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             8 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">8 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">8 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,28 +54,28 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
-<p id="n3" class="stm run hide_run"><a href="#n3">3</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
+<p id="n3" class="run"><a href="#n3">3</a></p>
 <p id="n4" class="pln"><a href="#n4">4</a></p>
-<p id="n5" class="stm run hide_run"><a href="#n5">5</a></p>
-<p id="n6" class="stm run hide_run"><a href="#n6">6</a></p>
+<p id="n5" class="run"><a href="#n5">5</a></p>
+<p id="n6" class="run"><a href="#n6">6</a></p>
 <p id="n7" class="pln"><a href="#n7">7</a></p>
-<p id="n8" class="stm run hide_run"><a href="#n8">8</a></p>
-<p id="n9" class="stm run hide_run"><a href="#n9">9</a></p>
-<p id="n10" class="stm run hide_run"><a href="#n10">10</a></p>
+<p id="n8" class="run"><a href="#n8">8</a></p>
+<p id="n9" class="run"><a href="#n9">9</a></p>
+<p id="n10" class="run"><a href="#n10">10</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="key">import</span> <span class="nam">m1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="key">import</span> <span class="nam">m2</span><span class="strut">&nbsp;</span></p>
-<p id="t3" class="stm run hide_run"><span class="key">import</span> <span class="nam">m3</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="key">import</span> <span class="nam">m1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="key">import</span> <span class="nam">m2</span><span class="strut">&nbsp;</span></p>
+<p id="t3" class="run"><span class="key">import</span> <span class="nam">m3</span><span class="strut">&nbsp;</span></p>
 <p id="t4" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t5" class="stm run hide_run"><span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
-<p id="t6" class="stm run hide_run"><span class="nam">b</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
+<p id="t5" class="run"><span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
+<p id="t6" class="run"><span class="nam">b</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
 <p id="t7" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t8" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m1</span><span class="op">.</span><span class="nam">m1a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t9" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m2</span><span class="op">.</span><span class="nam">m2a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t10" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m3</span><span class="op">.</span><span class="nam">m3a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t8" class="run"><span class="key">assert</span> <span class="nam">m1</span><span class="op">.</span><span class="nam">m1a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t9" class="run"><span class="key">assert</span> <span class="nam">m2</span><span class="op">.</span><span class="nam">m2a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t10" class="run"><span class="key">assert</span> <span class="nam">m3</span><span class="op">.</span><span class="nam">m3a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_2/m2_py.html b/tests/gold/html/omit_2/m2_py.html
index 056e7af1..c2cf387a 100644
--- a/tests/gold/html/omit_2/m2_py.html
+++ b/tests/gold/html/omit_2/m2_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,12 +54,12 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="nam">m2a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">m2b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="nam">m2a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">m2b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_2/m3_py.html b/tests/gold/html/omit_2/m3_py.html
index 428527b2..f0d59a83 100644
--- a/tests/gold/html/omit_2/m3_py.html
+++ b/tests/gold/html/omit_2/m3_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,12 +54,12 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="nam">m3a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">m3b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="nam">m3a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">m3b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_2/main_py.html b/tests/gold/html/omit_2/main_py.html
index 3fbc4af7..d9474b0b 100644
--- a/tests/gold/html/omit_2/main_py.html
+++ b/tests/gold/html/omit_2/main_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             8 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">8 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">8 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,28 +54,28 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
-<p id="n3" class="stm run hide_run"><a href="#n3">3</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
+<p id="n3" class="run"><a href="#n3">3</a></p>
 <p id="n4" class="pln"><a href="#n4">4</a></p>
-<p id="n5" class="stm run hide_run"><a href="#n5">5</a></p>
-<p id="n6" class="stm run hide_run"><a href="#n6">6</a></p>
+<p id="n5" class="run"><a href="#n5">5</a></p>
+<p id="n6" class="run"><a href="#n6">6</a></p>
 <p id="n7" class="pln"><a href="#n7">7</a></p>
-<p id="n8" class="stm run hide_run"><a href="#n8">8</a></p>
-<p id="n9" class="stm run hide_run"><a href="#n9">9</a></p>
-<p id="n10" class="stm run hide_run"><a href="#n10">10</a></p>
+<p id="n8" class="run"><a href="#n8">8</a></p>
+<p id="n9" class="run"><a href="#n9">9</a></p>
+<p id="n10" class="run"><a href="#n10">10</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="key">import</span> <span class="nam">m1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="key">import</span> <span class="nam">m2</span><span class="strut">&nbsp;</span></p>
-<p id="t3" class="stm run hide_run"><span class="key">import</span> <span class="nam">m3</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="key">import</span> <span class="nam">m1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="key">import</span> <span class="nam">m2</span><span class="strut">&nbsp;</span></p>
+<p id="t3" class="run"><span class="key">import</span> <span class="nam">m3</span><span class="strut">&nbsp;</span></p>
 <p id="t4" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t5" class="stm run hide_run"><span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
-<p id="t6" class="stm run hide_run"><span class="nam">b</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
+<p id="t5" class="run"><span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
+<p id="t6" class="run"><span class="nam">b</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
 <p id="t7" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t8" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m1</span><span class="op">.</span><span class="nam">m1a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t9" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m2</span><span class="op">.</span><span class="nam">m2a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t10" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m3</span><span class="op">.</span><span class="nam">m3a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t8" class="run"><span class="key">assert</span> <span class="nam">m1</span><span class="op">.</span><span class="nam">m1a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t9" class="run"><span class="key">assert</span> <span class="nam">m2</span><span class="op">.</span><span class="nam">m2a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t10" class="run"><span class="key">assert</span> <span class="nam">m3</span><span class="op">.</span><span class="nam">m3a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_3/m3_py.html b/tests/gold/html/omit_3/m3_py.html
index 428527b2..f0d59a83 100644
--- a/tests/gold/html/omit_3/m3_py.html
+++ b/tests/gold/html/omit_3/m3_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,12 +54,12 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="nam">m3a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">m3b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="nam">m3a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">m3b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_3/main_py.html b/tests/gold/html/omit_3/main_py.html
index 3fbc4af7..d9474b0b 100644
--- a/tests/gold/html/omit_3/main_py.html
+++ b/tests/gold/html/omit_3/main_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             8 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">8 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">8 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,28 +54,28 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
-<p id="n3" class="stm run hide_run"><a href="#n3">3</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
+<p id="n3" class="run"><a href="#n3">3</a></p>
 <p id="n4" class="pln"><a href="#n4">4</a></p>
-<p id="n5" class="stm run hide_run"><a href="#n5">5</a></p>
-<p id="n6" class="stm run hide_run"><a href="#n6">6</a></p>
+<p id="n5" class="run"><a href="#n5">5</a></p>
+<p id="n6" class="run"><a href="#n6">6</a></p>
 <p id="n7" class="pln"><a href="#n7">7</a></p>
-<p id="n8" class="stm run hide_run"><a href="#n8">8</a></p>
-<p id="n9" class="stm run hide_run"><a href="#n9">9</a></p>
-<p id="n10" class="stm run hide_run"><a href="#n10">10</a></p>
+<p id="n8" class="run"><a href="#n8">8</a></p>
+<p id="n9" class="run"><a href="#n9">9</a></p>
+<p id="n10" class="run"><a href="#n10">10</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="key">import</span> <span class="nam">m1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="key">import</span> <span class="nam">m2</span><span class="strut">&nbsp;</span></p>
-<p id="t3" class="stm run hide_run"><span class="key">import</span> <span class="nam">m3</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="key">import</span> <span class="nam">m1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="key">import</span> <span class="nam">m2</span><span class="strut">&nbsp;</span></p>
+<p id="t3" class="run"><span class="key">import</span> <span class="nam">m3</span><span class="strut">&nbsp;</span></p>
 <p id="t4" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t5" class="stm run hide_run"><span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
-<p id="t6" class="stm run hide_run"><span class="nam">b</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
+<p id="t5" class="run"><span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
+<p id="t6" class="run"><span class="nam">b</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
 <p id="t7" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t8" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m1</span><span class="op">.</span><span class="nam">m1a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t9" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m2</span><span class="op">.</span><span class="nam">m2a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t10" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m3</span><span class="op">.</span><span class="nam">m3a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t8" class="run"><span class="key">assert</span> <span class="nam">m1</span><span class="op">.</span><span class="nam">m1a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t9" class="run"><span class="key">assert</span> <span class="nam">m2</span><span class="op">.</span><span class="nam">m2a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t10" class="run"><span class="key">assert</span> <span class="nam">m3</span><span class="op">.</span><span class="nam">m3a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_4/m1_py.html b/tests/gold/html/omit_4/m1_py.html
index 05b2bd49..238e4cbc 100644
--- a/tests/gold/html/omit_4/m1_py.html
+++ b/tests/gold/html/omit_4/m1_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,12 +54,12 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="nam">m1a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">m1b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="nam">m1a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">m1b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_4/m3_py.html b/tests/gold/html/omit_4/m3_py.html
index 428527b2..f0d59a83 100644
--- a/tests/gold/html/omit_4/m3_py.html
+++ b/tests/gold/html/omit_4/m3_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,12 +54,12 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="nam">m3a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">m3b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="nam">m3a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">m3b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_4/main_py.html b/tests/gold/html/omit_4/main_py.html
index 3fbc4af7..d9474b0b 100644
--- a/tests/gold/html/omit_4/main_py.html
+++ b/tests/gold/html/omit_4/main_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             8 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">8 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">8 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,28 +54,28 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
-<p id="n3" class="stm run hide_run"><a href="#n3">3</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
+<p id="n3" class="run"><a href="#n3">3</a></p>
 <p id="n4" class="pln"><a href="#n4">4</a></p>
-<p id="n5" class="stm run hide_run"><a href="#n5">5</a></p>
-<p id="n6" class="stm run hide_run"><a href="#n6">6</a></p>
+<p id="n5" class="run"><a href="#n5">5</a></p>
+<p id="n6" class="run"><a href="#n6">6</a></p>
 <p id="n7" class="pln"><a href="#n7">7</a></p>
-<p id="n8" class="stm run hide_run"><a href="#n8">8</a></p>
-<p id="n9" class="stm run hide_run"><a href="#n9">9</a></p>
-<p id="n10" class="stm run hide_run"><a href="#n10">10</a></p>
+<p id="n8" class="run"><a href="#n8">8</a></p>
+<p id="n9" class="run"><a href="#n9">9</a></p>
+<p id="n10" class="run"><a href="#n10">10</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="key">import</span> <span class="nam">m1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="key">import</span> <span class="nam">m2</span><span class="strut">&nbsp;</span></p>
-<p id="t3" class="stm run hide_run"><span class="key">import</span> <span class="nam">m3</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="key">import</span> <span class="nam">m1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="key">import</span> <span class="nam">m2</span><span class="strut">&nbsp;</span></p>
+<p id="t3" class="run"><span class="key">import</span> <span class="nam">m3</span><span class="strut">&nbsp;</span></p>
 <p id="t4" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t5" class="stm run hide_run"><span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
-<p id="t6" class="stm run hide_run"><span class="nam">b</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
+<p id="t5" class="run"><span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
+<p id="t6" class="run"><span class="nam">b</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
 <p id="t7" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t8" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m1</span><span class="op">.</span><span class="nam">m1a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t9" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m2</span><span class="op">.</span><span class="nam">m2a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t10" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m3</span><span class="op">.</span><span class="nam">m3a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t8" class="run"><span class="key">assert</span> <span class="nam">m1</span><span class="op">.</span><span class="nam">m1a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t9" class="run"><span class="key">assert</span> <span class="nam">m2</span><span class="op">.</span><span class="nam">m2a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t10" class="run"><span class="key">assert</span> <span class="nam">m3</span><span class="op">.</span><span class="nam">m3a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_5/m1_py.html b/tests/gold/html/omit_5/m1_py.html
index 05b2bd49..238e4cbc 100644
--- a/tests/gold/html/omit_5/m1_py.html
+++ b/tests/gold/html/omit_5/m1_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,12 +54,12 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="nam">m1a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">m1b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="nam">m1a</span> <span class="op">=</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">m1b</span> <span class="op">=</span> <span class="num">2</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/omit_5/main_py.html b/tests/gold/html/omit_5/main_py.html
index 3fbc4af7..d9474b0b 100644
--- a/tests/gold/html/omit_5/main_py.html
+++ b/tests/gold/html/omit_5/main_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             8 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">8 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">8 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,28 +54,28 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
-<p id="n3" class="stm run hide_run"><a href="#n3">3</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
+<p id="n3" class="run"><a href="#n3">3</a></p>
 <p id="n4" class="pln"><a href="#n4">4</a></p>
-<p id="n5" class="stm run hide_run"><a href="#n5">5</a></p>
-<p id="n6" class="stm run hide_run"><a href="#n6">6</a></p>
+<p id="n5" class="run"><a href="#n5">5</a></p>
+<p id="n6" class="run"><a href="#n6">6</a></p>
 <p id="n7" class="pln"><a href="#n7">7</a></p>
-<p id="n8" class="stm run hide_run"><a href="#n8">8</a></p>
-<p id="n9" class="stm run hide_run"><a href="#n9">9</a></p>
-<p id="n10" class="stm run hide_run"><a href="#n10">10</a></p>
+<p id="n8" class="run"><a href="#n8">8</a></p>
+<p id="n9" class="run"><a href="#n9">9</a></p>
+<p id="n10" class="run"><a href="#n10">10</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="key">import</span> <span class="nam">m1</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="key">import</span> <span class="nam">m2</span><span class="strut">&nbsp;</span></p>
-<p id="t3" class="stm run hide_run"><span class="key">import</span> <span class="nam">m3</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="key">import</span> <span class="nam">m1</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="key">import</span> <span class="nam">m2</span><span class="strut">&nbsp;</span></p>
+<p id="t3" class="run"><span class="key">import</span> <span class="nam">m3</span><span class="strut">&nbsp;</span></p>
 <p id="t4" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t5" class="stm run hide_run"><span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
-<p id="t6" class="stm run hide_run"><span class="nam">b</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
+<p id="t5" class="run"><span class="nam">a</span> <span class="op">=</span> <span class="num">5</span><span class="strut">&nbsp;</span></p>
+<p id="t6" class="run"><span class="nam">b</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
 <p id="t7" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t8" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m1</span><span class="op">.</span><span class="nam">m1a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t9" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m2</span><span class="op">.</span><span class="nam">m2a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
-<p id="t10" class="stm run hide_run"><span class="key">assert</span> <span class="nam">m3</span><span class="op">.</span><span class="nam">m3a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t8" class="run"><span class="key">assert</span> <span class="nam">m1</span><span class="op">.</span><span class="nam">m1a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t9" class="run"><span class="key">assert</span> <span class="nam">m2</span><span class="op">.</span><span class="nam">m2a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
+<p id="t10" class="run"><span class="key">assert</span> <span class="nam">m3</span><span class="op">.</span><span class="nam">m3a</span> <span class="op">==</span> <span class="num">1</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/other/blah_blah_other_py.html b/tests/gold/html/other/blah_blah_other_py.html
index 36e3653d..215ee7f1 100644
--- a/tests/gold/html/other/blah_blah_other_py.html
+++ b/tests/gold/html/other/blah_blah_other_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             1 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">1 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">1 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -57,13 +57,13 @@
 <p id="n1" class="pln"><a href="#n1">1</a></p>
 <p id="n2" class="pln"><a href="#n2">2</a></p>
 <p id="n3" class="pln"><a href="#n3">3</a></p>
-<p id="n4" class="stm run hide_run"><a href="#n4">4</a></p>
+<p id="n4" class="run"><a href="#n4">4</a></p>
             </td>
             <td class="text">
 <p id="t1" class="pln"><span class="com"># A file in another directory.  We're checking that it ends up in the</span><span class="strut">&nbsp;</span></p>
 <p id="t2" class="pln"><span class="com"># HTML report.</span><span class="strut">&nbsp;</span></p>
 <p id="t3" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t4" class="stm run hide_run"><span class="nam">print</span><span class="op">(</span><span class="str">"This is the other src!"</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
+<p id="t4" class="run"><span class="nam">print</span><span class="op">(</span><span class="str">"This is the other src!"</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/other/here_py.html b/tests/gold/html/other/here_py.html
index 8efa027a..962b04c0 100644
--- a/tests/gold/html/other/here_py.html
+++ b/tests/gold/html/other/here_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             4 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">3 run</span>
-            <span class="mis shortkey_m button_toggle_mis">1 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">3 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">1 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -54,20 +54,20 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
 <p id="n2" class="pln"><a href="#n2">2</a></p>
-<p id="n3" class="stm run hide_run"><a href="#n3">3</a></p>
-<p id="n4" class="stm run hide_run"><a href="#n4">4</a></p>
+<p id="n3" class="run"><a href="#n3">3</a></p>
+<p id="n4" class="run"><a href="#n4">4</a></p>
 <p id="n5" class="pln"><a href="#n5">5</a></p>
-<p id="n6" class="stm mis"><a href="#n6">6</a></p>
+<p id="n6" class="mis show_mis"><a href="#n6">6</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="key">import</span> <span class="nam">other</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="key">import</span> <span class="nam">other</span><span class="strut">&nbsp;</span></p>
 <p id="t2" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t3" class="stm run hide_run"><span class="key">if</span> <span class="num">1</span> <span class="op">&lt;</span> <span class="num">2</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t4" class="stm run hide_run">    <span class="nam">h</span> <span class="op">=</span> <span class="num">3</span><span class="strut">&nbsp;</span></p>
+<p id="t3" class="run"><span class="key">if</span> <span class="num">1</span> <span class="op">&lt;</span> <span class="num">2</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t4" class="run">    <span class="nam">h</span> <span class="op">=</span> <span class="num">3</span><span class="strut">&nbsp;</span></p>
 <p id="t5" class="pln"><span class="key">else</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t6" class="stm mis">    <span class="nam">h</span> <span class="op">=</span> <span class="num">4</span><span class="strut">&nbsp;</span></p>
+<p id="t6" class="mis show_mis">    <span class="nam">h</span> <span class="op">=</span> <span class="num">4</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/partial/partial_py.html b/tests/gold/html/partial/partial_py.html
index 96d02f2f..1638b761 100644
--- a/tests/gold/html/partial/partial_py.html
+++ b/tests/gold/html/partial/partial_py.html
@@ -22,10 +22,10 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             7 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">7 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">1 excluded</span>
-                <span class="par run hide_run shortkey_p button_toggle_par">1 partial</span>
+            <span class="run shortkey_r button_toggle_run">7 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">1 excluded</span>
+                <span class="par run show_par shortkey_p button_toggle_par">1 partial</span>
         </h2>
     </div>
 </div>
@@ -56,41 +56,41 @@
         <tr>
             <td class="linenos">
 <p id="n1" class="pln"><a href="#n1">1</a></p>
-<p id="n2" class="stm run hide_run"><a href="#n2">2</a></p>
+<p id="n2" class="run"><a href="#n2">2</a></p>
 <p id="n3" class="pln"><a href="#n3">3</a></p>
-<p id="n4" class="stm par run hide_run"><a href="#n4">4</a></p>
-<p id="n5" class="stm run hide_run"><a href="#n5">5</a></p>
+<p id="n4" class="par run show_par"><a href="#n4">4</a></p>
+<p id="n5" class="run"><a href="#n5">5</a></p>
 <p id="n6" class="pln"><a href="#n6">6</a></p>
-<p id="n7" class="stm run hide_run"><a href="#n7">7</a></p>
-<p id="n8" class="stm run hide_run"><a href="#n8">8</a></p>
+<p id="n7" class="run"><a href="#n7">7</a></p>
+<p id="n8" class="run"><a href="#n8">8</a></p>
 <p id="n9" class="pln"><a href="#n9">9</a></p>
 <p id="n10" class="pln"><a href="#n10">10</a></p>
 <p id="n11" class="pln"><a href="#n11">11</a></p>
 <p id="n12" class="pln"><a href="#n12">12</a></p>
 <p id="n13" class="pln"><a href="#n13">13</a></p>
-<p id="n14" class="stm run hide_run"><a href="#n14">14</a></p>
+<p id="n14" class="run"><a href="#n14">14</a></p>
 <p id="n15" class="pln"><a href="#n15">15</a></p>
-<p id="n16" class="stm run hide_run"><a href="#n16">16</a></p>
-<p id="n17" class="exc"><a href="#n17">17</a></p>
+<p id="n16" class="run"><a href="#n16">16</a></p>
+<p id="n17" class="exc show_exc"><a href="#n17">17</a></p>
             </td>
             <td class="text">
 <p id="t1" class="pln"><span class="com"># partial branches and excluded lines</span><span class="strut">&nbsp;</span></p>
-<p id="t2" class="stm run hide_run"><span class="nam">a</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
+<p id="t2" class="run"><span class="nam">a</span> <span class="op">=</span> <span class="num">6</span><span class="strut">&nbsp;</span></p>
 <p id="t3" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t4" class="stm par run hide_run"><span class="annotate short">4&#x202F;&#x219B;&#x202F;7</span><span class="annotate long">line 4 didn't jump to line 7, because the condition on line 4 was never false</span><span class="key">while</span> <span class="str">"no peephole"</span><span class="op">.</span><span class="nam">upper</span><span class="op">(</span><span class="op">)</span><span class="op">:</span>        <span class="com"># t4</span><span class="strut">&nbsp;</span></p>
-<p id="t5" class="stm run hide_run">    <span class="key">break</span><span class="strut">&nbsp;</span></p>
+<p id="t4" class="par run show_par"><span class="annotate short">4&#x202F;&#x219B;&#x202F;7</span><span class="annotate long">line 4 didn't jump to line 7, because the condition on line 4 was never false</span><span class="key">while</span> <span class="str">"no peephole"</span><span class="op">.</span><span class="nam">upper</span><span class="op">(</span><span class="op">)</span><span class="op">:</span>        <span class="com"># t4</span><span class="strut">&nbsp;</span></p>
+<p id="t5" class="run">    <span class="key">break</span><span class="strut">&nbsp;</span></p>
 <p id="t6" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t7" class="stm run hide_run"><span class="key">while</span> <span class="nam">a</span><span class="op">:</span>        <span class="com"># pragma: no branch</span><span class="strut">&nbsp;</span></p>
-<p id="t8" class="stm run hide_run">    <span class="key">break</span><span class="strut">&nbsp;</span></p>
+<p id="t7" class="run"><span class="key">while</span> <span class="nam">a</span><span class="op">:</span>        <span class="com"># pragma: no branch</span><span class="strut">&nbsp;</span></p>
+<p id="t8" class="run">    <span class="key">break</span><span class="strut">&nbsp;</span></p>
 <p id="t9" class="pln"><span class="strut">&nbsp;</span></p>
 <p id="t10" class="pln"><span class="key">if</span> <span class="num">0</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
 <p id="t11" class="pln">    <span class="nam">never_happen</span><span class="op">(</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
 <p id="t12" class="pln"><span class="strut">&nbsp;</span></p>
 <p id="t13" class="pln"><span class="key">if</span> <span class="num">1</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t14" class="stm run hide_run">    <span class="nam">a</span> <span class="op">=</span> <span class="num">21</span><span class="strut">&nbsp;</span></p>
+<p id="t14" class="run">    <span class="nam">a</span> <span class="op">=</span> <span class="num">21</span><span class="strut">&nbsp;</span></p>
 <p id="t15" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t16" class="stm run hide_run"><span class="key">if</span> <span class="nam">a</span> <span class="op">==</span> <span class="num">23</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t17" class="exc">    <span class="key">raise</span> <span class="nam">AssertionError</span><span class="op">(</span><span class="str">"Can't"</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
+<p id="t16" class="run"><span class="key">if</span> <span class="nam">a</span> <span class="op">==</span> <span class="num">23</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t17" class="exc show_exc">    <span class="key">raise</span> <span class="nam">AssertionError</span><span class="op">(</span><span class="str">"Can't"</span><span class="op">)</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/styled/a_py.html b/tests/gold/html/styled/a_py.html
index dd569b1b..f6f183b3 100644
--- a/tests/gold/html/styled/a_py.html
+++ b/tests/gold/html/styled/a_py.html
@@ -23,9 +23,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             3 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">1 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">1 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -55,18 +55,18 @@
     <table>
         <tr>
             <td class="linenos">
-<p id="n1" class="stm run hide_run"><a href="#n1">1</a></p>
+<p id="n1" class="run"><a href="#n1">1</a></p>
 <p id="n2" class="pln"><a href="#n2">2</a></p>
-<p id="n3" class="stm run hide_run"><a href="#n3">3</a></p>
+<p id="n3" class="run"><a href="#n3">3</a></p>
 <p id="n4" class="pln"><a href="#n4">4</a></p>
-<p id="n5" class="stm mis"><a href="#n5">5</a></p>
+<p id="n5" class="mis show_mis"><a href="#n5">5</a></p>
             </td>
             <td class="text">
-<p id="t1" class="stm run hide_run"><span class="key">if</span> <span class="num">1</span> <span class="op">&lt;</span> <span class="num">2</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
+<p id="t1" class="run"><span class="key">if</span> <span class="num">1</span> <span class="op">&lt;</span> <span class="num">2</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
 <p id="t2" class="pln">    <span class="com"># Needed a &lt; to look at HTML entities.</span><span class="strut">&nbsp;</span></p>
-<p id="t3" class="stm run hide_run">    <span class="nam">a</span> <span class="op">=</span> <span class="num">3</span><span class="strut">&nbsp;</span></p>
+<p id="t3" class="run">    <span class="nam">a</span> <span class="op">=</span> <span class="num">3</span><span class="strut">&nbsp;</span></p>
 <p id="t4" class="pln"><span class="key">else</span><span class="op">:</span><span class="strut">&nbsp;</span></p>
-<p id="t5" class="stm mis">    <span class="nam">a</span> <span class="op">=</span> <span class="num">4</span><span class="strut">&nbsp;</span></p>
+<p id="t5" class="mis show_mis">    <span class="nam">a</span> <span class="op">=</span> <span class="num">4</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/gold/html/styled/style.css b/tests/gold/html/styled/style.css
index 83966952..e6e6dc42 100644
--- a/tests/gold/html/styled/style.css
+++ b/tests/gold/html/styled/style.css
@@ -43,27 +43,26 @@ h1 { font-size: 1.25em; display: inline-block; }
 
 h2.stats { margin-top: .5em; font-size: 1em; }
 
-.stats span { border: 1px solid; padding: .1em .25em; margin: 0 .1em; cursor: pointer; border-color: #999 #ccc #ccc #999; }
-.stats span.hide_run, .stats span.hide_exc, .stats span.hide_mis, .stats span.hide_par, .stats span.par.hide_run.hide_par { border-color: #ccc #999 #999 #ccc; }
-.stats span.par.hide_run { border-color: #999 #ccc #ccc #999; }
-.stats span.run { background: #ddffdd; }
-.stats span.exc { background: #eeeeee; }
-.stats span.mis { background: #ffdddd; }
-.stats span.hide_run { background: #eeffee; }
-.stats span.hide_exc { background: #f5f5f5; }
-.stats span.hide_mis { background: #ffeeee; }
-.stats span.par { background: #ffffaa; }
-.stats span.hide_par { background: #ffffcc; }
+.stats span { border: 1px solid; border-radius: .1em; padding: .1em .5em; margin: 0 .1em; cursor: pointer; border-color: #ccc #999 #999 #ccc; }
+.stats span.run { background: #eeffee; }
+.stats span.run.show_run { border-color: #999 #ccc #ccc #999; background: #ddffdd; }
+.stats span.mis { background: #ffeeee; }
+.stats span.mis.show_mis { border-color: #999 #ccc #ccc #999; background: #ffdddd; }
+.stats span.exc { background: #f7f7f7; }
+.stats span.exc.show_exc { border-color: #999 #ccc #ccc #999; background: #eeeeee; }
+.stats span.par { background: #ffffd5; }
+.stats span.par.show_par { border-color: #999 #ccc #ccc #999; background: #ffffaa; }
 
-#keyboard_icon { float: right; margin: 5px; cursor: pointer; }
-
-.help_panel { position: absolute; background: #ffffcc; padding: .5em; border: 1px solid #883; display: none; }
+.text p.show_par span.annotate.long, td.contexts p span.context-list, .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; }
 
-.indexfile .help_panel { width: 20em; height: 4em; }
+.text p.show_par span.annotate.long, td.contexts p span.context-list { white-space: normal; float: right; top: 1.75em; right: 1em; height: auto; }
 
-.pyfile .help_panel { width: 16em; height: 8em; }
+#keyboard_icon { float: right; margin: 5px; cursor: pointer; }
 
+.help_panel { padding: .5em; border: 1px solid #883; }
 .help_panel .legend { font-style: italic; margin-bottom: 1em; }
+.indexfile .help_panel { width: 20em; height: 4em; }
+.pyfile .help_panel { width: 16em; height: 8em; }
 
 #panel_icon { float: right; cursor: pointer; }
 
@@ -79,59 +78,47 @@ td.text { width: 100%; }
 
 .text p { margin: 0; padding: 0 0 0 .5em; border-left: 2px solid #ffffff; white-space: pre; position: relative; }
 .text p:hover { background: #f2f2f2; }
-.text p.mis { background: #ffdddd; border-left: 2px solid #ff0000; }
-.text p.mis:hover { background: #f2d2d2; }
-.text p.run, .text p.run.hide_par { background: #ddffdd; border-left: 2px solid #00ff00; }
-.text p.run:hover, .text p.run.hide_par:hover { background: #d2f2d2; }
-.text p.exc { background: #eeeeee; border-left: 2px solid #808080; }
-.text p.exc:hover { background: #e2e2e2; }
-.text p.par, .text p.par.hide_run { background: #ffffaa; border-left: 2px solid #eeee99; }
-.text p.par:hover, .text p.par.hide_run:hover { background: #f2f2a2; }
-.text p.hide_run, .text p.hide_exc, .text p.hide_mis, .text p.hide_par, .text p.hide_run.hide_par { background: inherit; }
-.text p.hide_run:hover, .text p.hide_exc:hover, .text p.hide_mis:hover, .text p.hide_par:hover, .text p.hide_run.hide_par:hover { background: #f2f2f2; }
-
-.text span.annotate { font-family: georgia; color: #666; float: right; padding-right: .5em; }
-.text p.hide_par span.annotate { display: none; }
-.text span.annotate.long { display: none; }
-.text p:hover span.annotate.long { display: block; max-width: 50%; white-space: normal; float: right; position: absolute; top: 1.75em; right: 1em; width: 30em; height: auto; color: #333; background: #ffffcc; border: 1px solid #888; padding: .25em .5em; z-index: 999; border-radius: .2em; box-shadow: #cccccc .2em .2em .2em; }
-
+.text p.run { border-left: 2px solid #00ff00; }
+.text p.run.show_run { background: #ddffdd; }
+.text p.run.show_run:hover { background: #d2f2d2; }
+.text p.mis { border-left: 2px solid #ff0000; }
+.text p.mis.show_mis { background: #ffdddd; }
+.text p.mis.show_mis:hover { background: #f2d2d2; }
+.text p.exc { border-left: 2px solid #808080; }
+.text p.exc.show_exc { background: #eeeeee; }
+.text p.exc.show_exc:hover { background: #e2e2e2; }
+.text p.par { border-left: 2px solid #eeee99; }
+.text p.par.show_par { background: #ffffaa; }
+.text p.par.show_par:hover { background: #f2f2a2; }
+
+.text span.annotate { font-family: georgia; color: #666; float: right; padding-right: .5em; display: none; }
+.text p.show_par span.annotate { display: inline; }
+.text p.show_par span.annotate.long { max-width: 50%; width: 30em; }
+.text p.show_par:hover span.annotate.long { display: block; }
 .text .com { color: green; font-style: italic; line-height: 1px; }
 .text .key { font-weight: bold; line-height: 1px; }
 .text .str { color: #000080; }
 
 td.contexts p { margin: 0; padding: 0 .5em; color: #999999; font-family: verdana, sans-serif; white-space: nowrap; position: relative; }
 td.contexts p:hover { background: #eee; }
-td.contexts p span.context-list { display: none; }
-td.contexts p:hover span.context-list { display: block; min-width: 30em; white-space: normal; float: right; position: absolute; top: 1.75em; right: 1em; height: auto; color: #333; background: #ffffcc; border: 1px solid #888; padding: .25em .5em; z-index: 999; border-radius: .2em; box-shadow: #cccccc .2em .2em .2em; }
+td.contexts p span.context-list { min-width: 30em; }
+td.contexts p span.context-list span.context-line { display: block; }
+td.contexts p:hover span.context-list { display: block; }
 td.contexts p span.context-button { display: inline-block; cursor: pointer; font-size: .8333em; line-height: 1em; }
 
-span.context-list span.context-line { display: block; }
-
 #index td, #index th { text-align: right; width: 5em; padding: .25em .5em; border-bottom: 1px solid #eee; }
-
-#index th { font-style: italic; color: #333; border-bottom: 1px solid #ccc; cursor: pointer; }
-
-#index th:hover { background: #eee; border-bottom: 1px solid #999; }
-
 #index td.left, #index th.left { padding-left: 0; }
-
 #index td.right, #index th.right { padding-right: 0; }
-
+#index td.name, #index th.name { text-align: left; width: auto; }
+#index th { font-style: italic; color: #333; border-bottom: 1px solid #ccc; cursor: pointer; }
+#index th:hover { background: #eee; border-bottom: 1px solid #999; }
 #index th.headerSortDown, #index th.headerSortUp { border-bottom: 1px solid #000; white-space: nowrap; background: #eee; }
-
 #index th.headerSortDown:after { content: " ↓"; }
-
 #index th.headerSortUp:after { content: " ↑"; }
-
-#index td.name, #index th.name { text-align: left; width: auto; }
-
 #index td.name a { text-decoration: none; color: #000; }
-
 #index tr.total td, #index tr.total_dynamic td { font-weight: bold; border-top: 1px solid #ccc; border-bottom: none; }
-
 #index tr.file:hover { background: #eeeeee; }
-
 #index tr.file:hover td.name { text-decoration: underline; color: #000; }
 
 #scroll_marker { position: fixed; right: 0; top: 0; width: 16px; height: 100%; background: white; border-left: 1px solid #eee; will-change: transform; }
-#scroll_marker .marker { background: #eedddd; position: absolute; min-height: 3px; width: 100%; }
+#scroll_marker .marker { background: #ddd; position: absolute; min-height: 3px; width: 100%; }
diff --git a/tests/gold/html/unicode/unicode_py.html b/tests/gold/html/unicode/unicode_py.html
index 174a9a27..caad05ab 100644
--- a/tests/gold/html/unicode/unicode_py.html
+++ b/tests/gold/html/unicode/unicode_py.html
@@ -22,9 +22,9 @@
         <img id="keyboard_icon" src="keybd_closed.png" alt="Show keyboard shortcuts" />
         <h2 class="stats">
             2 statements &nbsp;
-            <span class="run hide_run shortkey_r button_toggle_run">2 run</span>
-            <span class="mis shortkey_m button_toggle_mis">0 missing</span>
-            <span class="exc shortkey_x button_toggle_exc">0 excluded</span>
+            <span class="run shortkey_r button_toggle_run">2 run</span>
+            <span class="mis show_mis shortkey_m button_toggle_mis">0 missing</span>
+            <span class="exc show_exc shortkey_x button_toggle_exc">0 excluded</span>
         </h2>
     </div>
 </div>
@@ -57,15 +57,15 @@
 <p id="n1" class="pln"><a href="#n1">1</a></p>
 <p id="n2" class="pln"><a href="#n2">2</a></p>
 <p id="n3" class="pln"><a href="#n3">3</a></p>
-<p id="n4" class="stm run hide_run"><a href="#n4">4</a></p>
-<p id="n5" class="stm run hide_run"><a href="#n5">5</a></p>
+<p id="n4" class="run"><a href="#n4">4</a></p>
+<p id="n5" class="run"><a href="#n5">5</a></p>
             </td>
             <td class="text">
 <p id="t1" class="pln"><span class="com"># -*- coding: utf-8 -*-</span><span class="strut">&nbsp;</span></p>
 <p id="t2" class="pln"><span class="com"># A Python source file with exotic characters.</span><span class="strut">&nbsp;</span></p>
 <p id="t3" class="pln"><span class="strut">&nbsp;</span></p>
-<p id="t4" class="stm run hide_run"><span class="nam">upside_down</span> <span class="op">=</span> <span class="str">"&#654;d&#729;&#477;b&#592;&#633;&#477;&#652;o&#596;"</span><span class="strut">&nbsp;</span></p>
-<p id="t5" class="stm run hide_run"><span class="nam">surrogate</span> <span class="op">=</span> <span class="str">"db40,dd00: x&#917760;"</span><span class="strut">&nbsp;</span></p>
+<p id="t4" class="run"><span class="nam">upside_down</span> <span class="op">=</span> <span class="str">"&#654;d&#729;&#477;b&#592;&#633;&#477;&#652;o&#596;"</span><span class="strut">&nbsp;</span></p>
+<p id="t5" class="run"><span class="nam">surrogate</span> <span class="op">=</span> <span class="str">"db40,dd00: x&#917760;"</span><span class="strut">&nbsp;</span></p>
             </td>
         </tr>
     </table>
diff --git a/tests/js/index.html b/tests/js/index.html
index 744014bc..d9eb5c03 100644
--- a/tests/js/index.html
+++ b/tests/js/index.html
@@ -4,18 +4,12 @@
     <title>Coverage.py Javascript Test Suite</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width">
-    <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.0.1.css">
+    <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.9.2.css">
     <script type="text/javascript" src="../../coverage/htmlfiles/jquery.min.js"></script>
     <script type='text/javascript' src="../../coverage/htmlfiles/jquery.isonscreen.js"></script>
     <script type="text/javascript" src="../../coverage/htmlfiles/coverage_html.js"></script>
     <script type="text/javascript" src="../qunit/jquery.tmpl.min.js"></script>
 
-    <style>
-    .r { background-color: red; }
-    .w { }
-    .b { background-color: blue; }
-    </style>
-
     <!-- Templates for the coverage report output -->
     <script id="fixture-template" type="text/x-jquery-tmpl">
         <table cellspacing='0' cellpadding='0'>
@@ -35,14 +29,14 @@
     </script>
 
     <script id="text-template" type="text/x-jquery-tmpl">
-        <p id='t${number}' class='${klass}'>Hello, world!</p>
+        <p id='t${number}' class='${klass}{{if klass !== "w"}} show_${klass}{{/if}}'>Hello, world!</p>
     </script>
 
 </head>
 <body>
     <div id="qunit"></div>
     <div id="qunit-fixture"></div>
-    <script src="https://code.jquery.com/qunit/qunit-2.0.1.js"></script>
+    <script src="https://code.jquery.com/qunit/qunit-2.9.2.js"></script>
     <!-- pull in our tests -->
     <script src="tests.js"></script>
 </body>
diff --git a/tests/js/tests.js b/tests/js/tests.js
index 7bd3b9ca..a7eb11fc 100644
--- a/tests/js/tests.js
+++ b/tests/js/tests.js
@@ -15,10 +15,12 @@ function raw_selection_is(assert, sel, check_highlight) {
     assert.equal(coverage.sel_begin, beg);
     assert.equal(coverage.sel_end, end);
     if (check_highlight) {
-        assert.equal(coverage.code_container().find(".highlight").length, end-beg);
+        assert.equal($(".linenos .highlight").length, end-beg);
     }
 }
 
+// The spec is a list of "rbw" letters, indicating colors of successive lines.
+// We set the show_r and show_b classes for r and b.
 function build_fixture(spec) {
     var i, data;
     $("#fixture-template").tmpl().appendTo("#qunit-fixture");
diff --git a/tests/test_html.py b/tests/test_html.py
index 4509e52f..8e9430ce 100644
--- a/tests/test_html.py
+++ b/tests/test_html.py
@@ -922,12 +922,12 @@ assert len(math) == 18
         compare_html(gold_path("html/partial"), "out")
         contains(
             "out/partial_py.html",
-            '<p id="t4" class="stm par run hide_run">',
-            '<p id="t7" class="stm run hide_run">',
+            '<p id="t4" class="par run show_par">',
+            '<p id="t7" class="run">',
             # The "if 0" and "if 1" statements are optimized away.
             '<p id="t10" class="pln">',
             # The "raise AssertionError" is excluded by regex in the .ini.
-            '<p id="t17" class="exc">',
+            '<p id="t17" class="exc show_exc">',
         )
         contains(
             "out/index.html",
author	Ned Batchelder <ned@nedbatchelder.com>	2019-07-04 17:15:38 -0400
committer	Ned Batchelder <ned@nedbatchelder.com>	2019-07-06 10:04:31 -0400
commit	cfdcacea473dede9fb779256c812ff6a098a0714 (patch)
tree	89a05ea92b2048a6b0653b8f4aae8fb374e4a4ec
parent	25aff80d444a6b1fa87173ffd8026f69be7ae0d0 (diff)
download	python-coveragepy-git-cfdcacea473dede9fb779256c812ff6a098a0714.tar.gz