Commits

Gora Khargosh committed d1a156b

Adds colors to enable using the toolbar as a legend.

* Syntax and source colors are now defined in definitions.less.

  • Participants
  • Parent commits c711276

Comments (0)

Files changed (3)

coverage/htmlfiles/definitions.less

 @color-header-border-bottom: #d2d2d2;
 @color-header-box-shadow: #888;
 
+// Footer
+@color-footer-text: #666;
+
 // Line numbers.
 @color-line-number-text: #999; // #77C;
 
+// Source code
+@color-source-missing-margin: #ff0000;
+@color-source-missing-background: #ffdddd;
+@color-source-run-margin: #00ff00;
+@color-source-run-background: #ddffdd;
+@color-source-excluded-margin: #808080;
+@color-source-excluded-background: #eee;
+@color-source-par-margin: #eeee99;
+@color-source-par-background: #ffffaa;
+@color-source-annotation: #666;
+@color-syntax-com: green;
+@color-syntax-str: #000080;
+@color-source-default-margin: #fff;
+@color-line-highlight-background: #ffdd00;
 
 // Chrome buttons.
 @color-chrome-button-box-shadow: rgba(0, 0, 0, 0.1);

coverage/htmlfiles/style.css

-html,body,h1,h2,h3,p,td,th{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{font-family:"Droid Serif","Georgia",serif;font-size:1em}html>body{font-size:16px}p{font-size:.75em;line-height:1.3333em}table{border-collapse:collapse}a.nav{text-decoration:none;color:inherit}a.nav:hover{text-decoration:underline;color:inherit}#header{position:fixed;width:100%;border-bottom:1px solid #d2d2d2;background:#f4f4f4;min-height:90px;_height:90px;min-height:90px;_height:90px;background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#f4f4f4);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#f4f4f4),to(#e5e5e5));background-image:-o-linear-gradient(#f4f4f4,#e5e5e5);background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#f4f4f4);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#f4f4f4),to(#e5e5e5));background-image:-o-linear-gradient(#f4f4f4,#e5e5e5);-moz-box-shadow:0 1px 6px #888;-webkit-box-shadow:0 1px 6px #888;box-shadow:0 1px 6px #888;-moz-box-shadow:0 1px 6px #888;-webkit-box-shadow:0 1px 6px #888;box-shadow:0 1px 6px #888}#header .content{padding:1em 3em}#header h1{font-size:1.25em}#header h2.stats{margin-top:.7em;font-size:1em}#header .stats span{font-family:"Lucida Grande","Droid Sans","Helvetica","Verdana",sans-serif;font-size:.9em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizine:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizine:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;min-width:5em;padding:5px 12px;text-align:center;border:1px solid #aaa;background-color:#e5e5e5;background-image:-moz-linear-gradient(100% 100% 90deg,#fafafa,#e5e5e5);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#e5e5e5),to(#fafafa));background-image:-o-linear-gradient(#e5e5e5,#fafafa);background-image:-moz-linear-gradient(100% 100% 90deg,#fafafa,#e5e5e5);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#e5e5e5),to(#fafafa));background-image:-o-linear-gradient(#e5e5e5,#fafafa);color:#444}#header .stats span.hide_run,#header .stats span.hide_exc,#header .stats span.hide_mis,#header .stats span.hide_par,#header .stats span.par.hide_run.hide_par{background-color:#e5e5e5;background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#fafafa);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#fafafa),to(#e5e5e5));background-image:-o-linear-gradient(#fafafa,#e5e5e5);background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#fafafa);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#fafafa),to(#e5e5e5));background-image:-o-linear-gradient(#fafafa,#e5e5e5);color:#444}#header .stats span.par.hide_run{background-color:#e5e5e5;background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#fafafa);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#fafafa),to(#e5e5e5));background-image:-o-linear-gradient(#fafafa,#e5e5e5);background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#fafafa);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#fafafa),to(#e5e5e5));background-image:-o-linear-gradient(#fafafa,#e5e5e5);color:#444}#source{padding:7em 1em 1em 1em;font-family:"Monaco","Consolas","Inconsolata","Anonymous","DejaVu Sans Mono","Bitstream Vera Sans Mono","Lucida Console",monospace}#indexfile #footer{margin:1em 3em}#pyfile #footer{margin:1em 1em}#footer .content{padding:0;font-size:85%;font-family:"Lucida Grande","Droid Sans","Helvetica","Verdana",sans-serif;color:#666;font-style:italic}#keyboard_icon{float:right;cursor:pointer;margin-right:3em}.help_panel{position:absolute;background:#ffc;padding:.5em;border:1px solid #883;display:none}#indexfile .help_panel{width:20em;height:4em}#pyfile .help_panel{width:16em;height:8em}.help_panel .legend{font-style:italic;margin-bottom:1em}#panel_icon{float:right;cursor:pointer}.keyhelp{margin:.75em}.keyhelp .key{border:1px solid black;border-color:#888 #333 #333 #888;padding:.1em .35em;font-family:"Monaco","Consolas","Inconsolata","Anonymous","DejaVu Sans Mono","Bitstream Vera Sans Mono","Lucida Console",monospace;font-weight:bold;background:#eee}#linenos p{text-align:right;margin:0;padding:0 .5em;color:#999;font-family:"Lucida Grande","Droid Sans","Helvetica","Verdana",sans-serif;font-size:.625em;line-height:1.6em}#linenos p a{text-decoration:none;color:#999}#linenos p a:hover{text-decoration:underline;color:#999}#linenos p.highlight{background:#fd0}td.text{width:100%}#text{}#text p{margin:0;padding:0 0 0 .5em;border-left:2px solid #fff;white-space:nowrap}#text p.mis{background:#fdd;border-left:2px solid #f00}#text p.run,#text p.run.hide_par{background:#dfd;border-left:2px solid #0f0}#text p.exc{background:#eee;border-left:2px solid #808080}#text p.par,#text p.par.hide_run{background:#ffa;border-left:2px solid #ee9}#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 span.annotate{font-family:"Droid Serif","Georgia",serif;font-style:italic;color:#666;float:right;padding-right:.5em}#text p.hide_par span.annotate{display:none}#text .com{color:green;font-style:italic;line-height:1px}#text .key{font-weight:bold;line-height:1px}#text .str{color:#000080}#index{margin:0 0 0 3em;padding-top:7em}#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}#index td.name,#index th.name{text-align:left;width:auto}#index td.name a{text-decoration:none;color:#000}#index td.name a:hover{text-decoration:underline;color:#000}#index tr.total td{font-weight:bold;border-top:1px solid #ccc;border-bottom:none}#index tr.file:hover{background:#eee}
+html,body,h1,h2,h3,p,td,th{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{font-family:"Droid Serif","Georgia",serif;font-size:1em}html>body{font-size:16px}p{font-size:.75em;line-height:1.3333em}table{border-collapse:collapse}a.nav{text-decoration:none;color:inherit}a.nav:hover{text-decoration:underline;color:inherit}#header{position:fixed;width:100%;border-bottom:1px solid #d2d2d2;background:#f4f4f4;min-height:90px;_height:90px;min-height:90px;_height:90px;background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#f4f4f4);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#f4f4f4),to(#e5e5e5));background-image:-o-linear-gradient(#f4f4f4,#e5e5e5);background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#f4f4f4);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#f4f4f4),to(#e5e5e5));background-image:-o-linear-gradient(#f4f4f4,#e5e5e5);-moz-box-shadow:0 1px 6px #888;-webkit-box-shadow:0 1px 6px #888;box-shadow:0 1px 6px #888;-moz-box-shadow:0 1px 6px #888;-webkit-box-shadow:0 1px 6px #888;box-shadow:0 1px 6px #888}#header .content{padding:1em 3em}#header h1{font-size:1.25em}#header h2.stats{margin-top:.7em;font-size:1em}#header .stats span{font-family:"Lucida Grande","Droid Sans","Helvetica","Verdana",sans-serif;font-size:.9em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizine:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizine:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;min-width:5em;padding:5px 12px;text-align:center;border:1px solid #aaa;background-color:#e5e5e5;background-image:-moz-linear-gradient(100% 100% 90deg,#fafafa,#e5e5e5);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#e5e5e5),to(#fafafa));background-image:-o-linear-gradient(#e5e5e5,#fafafa);background-image:-moz-linear-gradient(100% 100% 90deg,#fafafa,#e5e5e5);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#e5e5e5),to(#fafafa));background-image:-o-linear-gradient(#e5e5e5,#fafafa);color:#444}#header .stats #button-stats-run{-moz-box-shadow:0 0 4px #1aff1a;-webkit-box-shadow:0 0 4px #1aff1a;box-shadow:0 0 4px #1aff1a;-moz-box-shadow:0 0 4px #1aff1a;-webkit-box-shadow:0 0 4px #1aff1a;box-shadow:0 0 4px #1aff1a}#header .stats #button-stats-missing{-moz-box-shadow:0 0 4px #ff1a1a;-webkit-box-shadow:0 0 4px #ff1a1a;box-shadow:0 0 4px #ff1a1a;-moz-box-shadow:0 0 4px #ff1a1a;-webkit-box-shadow:0 0 4px #ff1a1a;box-shadow:0 0 4px #ff1a1a}#header .stats #button-stats-excluded{-moz-box-shadow:0 0 4px #8d8d8d;-webkit-box-shadow:0 0 4px #8d8d8d;box-shadow:0 0 4px #8d8d8d;-moz-box-shadow:0 0 4px #8d8d8d;-webkit-box-shadow:0 0 4px #8d8d8d;box-shadow:0 0 4px #8d8d8d}#header .stats #button-stats-par{-moz-box-shadow:0 0 4px #f2f2af;-webkit-box-shadow:0 0 4px #f2f2af;box-shadow:0 0 4px #f2f2af;-moz-box-shadow:0 0 4px #f2f2af;-webkit-box-shadow:0 0 4px #f2f2af;box-shadow:0 0 4px #f2f2af}#header .stats span.hide_run,#header .stats span.hide_exc,#header .stats span.hide_mis,#header .stats span.hide_par,#header .stats span.par.hide_run.hide_par{background-color:#e5e5e5;background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#fafafa);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#fafafa),to(#e5e5e5));background-image:-o-linear-gradient(#fafafa,#e5e5e5);background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#fafafa);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#fafafa),to(#e5e5e5));background-image:-o-linear-gradient(#fafafa,#e5e5e5);color:#444}#header .stats span.par.hide_run{background-color:#e5e5e5;background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#fafafa);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#fafafa),to(#e5e5e5));background-image:-o-linear-gradient(#fafafa,#e5e5e5);background-image:-moz-linear-gradient(100% 100% 90deg,#e5e5e5,#fafafa);background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#fafafa),to(#e5e5e5));background-image:-o-linear-gradient(#fafafa,#e5e5e5);color:#444}#source{padding:7em 1em 1em 1em;font-family:"Monaco","Consolas","Inconsolata","Anonymous","DejaVu Sans Mono","Bitstream Vera Sans Mono","Lucida Console",monospace}#indexfile #footer{margin:1em 3em}#pyfile #footer{margin:1em 1em}#footer .content{padding:0;font-size:85%;font-family:"Lucida Grande","Droid Sans","Helvetica","Verdana",sans-serif;color:#666;font-style:italic}#keyboard_icon{float:right;cursor:pointer;margin-right:3em}.help_panel{position:absolute;background:#ffc;padding:.5em;border:1px solid #883;display:none}#indexfile .help_panel{width:20em;height:4em}#pyfile .help_panel{width:16em;height:8em}.help_panel .legend{font-style:italic;margin-bottom:1em}#panel_icon{float:right;cursor:pointer}.keyhelp{margin:.75em}.keyhelp .key{border:1px solid black;border-color:#888 #333 #333 #888;padding:.1em .35em;font-family:"Monaco","Consolas","Inconsolata","Anonymous","DejaVu Sans Mono","Bitstream Vera Sans Mono","Lucida Console",monospace;font-weight:bold;background:#eee}#linenos p{text-align:right;margin:0;padding:0 .5em;color:#999;font-family:"Lucida Grande","Droid Sans","Helvetica","Verdana",sans-serif;font-size:.625em;line-height:1.6em}#linenos p a{text-decoration:none;color:#999}#linenos p a:hover{text-decoration:underline;color:#999}#linenos p.highlight{background:#fd0}td.text{width:100%}#text{}#text p{margin:0;padding:0 0 0 .5em;border-left:2px solid #fff;white-space:nowrap}#text p.mis{background:#fdd;border-left:2px solid #f00}#text p.run,#text p.run.hide_par{background:#dfd;border-left:2px solid #0f0}#text p.exc{background:#eee;border-left:2px solid #808080}#text p.par,#text p.par.hide_run{background:#ffa;border-left:2px solid #ee9}#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 span.annotate{font-family:"Droid Serif","Georgia",serif;font-style:italic;color:#666;float:right;padding-right:.5em}#text p.hide_par span.annotate{display:none}#text .com{color:green;font-style:italic;line-height:1px}#text .key{font-weight:bold;line-height:1px}#text .str{color:#000080}#index{margin:0 0 0 3em;padding-top:7em}#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}#index td.name,#index th.name{text-align:left;width:auto}#index td.name a{text-decoration:none;color:#000}#index td.name a:hover{text-decoration:underline;color:#000}#index tr.total td{font-weight:bold;border-top:1px solid #ccc;border-bottom:none}#index tr.file:hover{background:#eee}

coverage/htmlfiles/style.less

 
     .stats {
         span {
-            //border: 1px solid;
-            //padding: .1em .25em;
-            //margin: 0 .1em;
-            //cursor: pointer;
-            //border-color: #999 #ccc #ccc #999;
             font-family: @font-family-ui;
             font-size: 0.9em;
             .chrome-button();
             .chrome-button-active();
         }
+        #button-stats-run {
+            .box-shadow(0 0 4px lighten(@color-source-run-margin, 5%));
+        }
+        #button-stats-missing {
+            .box-shadow(0 0 4px lighten(@color-source-missing-margin, 5%));
+        }
+        #button-stats-excluded {
+            .box-shadow(0 0 4px lighten(@color-source-excluded-margin, 5%));
+        }
+        #button-stats-par {
+            .box-shadow(0 0 4px lighten(@color-source-par-margin, 5%));
+        }
+
         span.hide_run,
         span.hide_exc,
         span.hide_mis,
         span.hide_par,
         span.par.hide_run.hide_par {
-            //border-color: #ccc #999 #999 #ccc;
             .chrome-button-available();
         }
         span.par.hide_run {
-            //border-color: #999 #ccc #ccc #999;
             .chrome-button-available();
         }
     }
     padding: 0;
     font-size: 85%;
     font-family: @font-family-ui;
-    color: #666666;
+    color: @color-footer-text;
     font-style: italic;
 }
 
         }
     }
     p.highlight {
-        background: #ffdd00;
+        background: @color-line-highlight-background;
     }
 }
 
     p {
         margin: 0;
         padding: 0 0 0 .5em;
-        border-left: 2px solid #ffffff;
+        border-left: 2px solid @color-source-default-margin;
         white-space: nowrap;
     }
 
     p.mis {
-        background: #ffdddd;
-        border-left: 2px solid #ff0000;
+        background: @color-source-missing-background;
+        border-left: 2px solid @color-source-missing-margin;
     }
     p.run,
     p.run.hide_par {
-        background: #ddffdd;
-        border-left: 2px solid #00ff00;
+        background: @color-source-run-background;
+        border-left: 2px solid @color-source-run-margin;
     }
     p.exc {
-        background: #eeeeee;
-        border-left: 2px solid #808080;
+        background: @color-source-excluded-background;
+        border-left: 2px solid @color-source-excluded-margin;
     }
     p.par,
     p.par.hide_run {
-        background: #ffffaa;
-        border-left: 2px solid #eeee99;
+        background: @color-source-par-background;
+        border-left: 2px solid @color-source-par-margin;
     }
     p.hide_run,
     p.hide_exc,
     span.annotate {
         font-family: @font-family-text;
         font-style: italic;
-        color: #666;
+        color: @color-source-annotation;
         float: right;
         padding-right: .5em;
         }
 
     /* Syntax coloring */
     .com {
-        color: green;
+        color: @color-syntax-com;
         font-style: italic;
         line-height: 1px;
     }
         line-height: 1px;
     }
     .str {
-        color: #000080;
+        color: @color-syntax-str;
     }
 }