Commits

Gora Khargosh committed 6171b48

Adds UI chrome buttons that look and feel like buttons.

Comments (0)

Files changed (3)

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 2px 8px #999;-webkit-box-shadow:0 2px 8px #999;box-shadow:0 2px 8px #999;-moz-box-shadow:0 2px 8px #999;-webkit-box-shadow:0 2px 8px #999;box-shadow:0 2px 8px #999}#header .content{padding:1em 3em}#header h1{font-size:1.25em}#header h2.stats{margin-top:.5em;font-size:1em}#header .stats span{border:1px solid;padding:.1em .25em;margin:0 .1em;cursor:pointer;border-color:#999 #ccc #ccc #999}#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{border-color:#ccc #999 #999 #ccc}#header .stats span.par.hide_run{border-color:#999 #ccc #ccc #999}#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 2px 8px #999;-webkit-box-shadow:0 2px 8px #999;box-shadow:0 2px 8px #999;-moz-box-shadow:0 2px 8px #999;-webkit-box-shadow:0 2px 8px #999;box-shadow:0 2px 8px #999}#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}

coverage/htmlfiles/style.less

     }
 
     h2.stats {
-        margin-top: .5em;
+        margin-top: .7em;
         font-size: 1em;
     }
+
     .stats {
         span {
-            border: 1px solid;
-            padding: .1em .25em;
-            margin: 0 .1em;
-            cursor: pointer;
-            border-color: #999 #ccc #ccc #999;
+            //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();
         }
         span.hide_run,
         span.hide_exc,
         span.hide_mis,
         span.hide_par,
         span.par.hide_run.hide_par {
-            border-color: #ccc #999 #999 #ccc;
+            //border-color: #ccc #999 #999 #ccc;
+            .chrome-button-available();
         }
         span.par.hide_run {
-            border-color: #999 #ccc #ccc #999;
+            //border-color: #999 #ccc #ccc #999;
+            .chrome-button-available();
         }
     }
 }
 
+
+
 #source {
     padding: 7em 1em 1em 1em;
     font-family: @font-family-code;

coverage/htmlfiles/ui.less

     .box-shadow(0 1px 3px @color-chrome-button-box-shadow);
     .box-align(center);
     .box-sizing(border-box);
-    background-color: @color-chrome-button-background;
-    .background-linear-gradient-top-to-bottom(@color-chrome-button-gradient-top, @color-chrome-button-gradient-bottom);
-    border: 1px solid @color-chrome-button-border;
-    color: @color-chrome-button-text;
-
     .user-select(none);
     cursor: default;
-
     min-width: 5em;
     padding: 5px 12px;
     text-align: center;
-
+    border: 1px solid @color-chrome-button-border;
+}
+.chrome-button-available(){
+    background-color: @color-chrome-button-background;
+    .background-linear-gradient-top-to-bottom(@color-chrome-button-gradient-top, @color-chrome-button-gradient-bottom);
+    color: @color-chrome-button-text;
 }
 .chrome-button-hover() {
     background-color: @color-chrome-button-background-hover;
     border: 1px solid @color-chrome-button-border-hover;
 }
 .chrome-button-active() {
+    background-color: @color-chrome-button-gradient-top-active;
     .background-linear-gradient-top-to-bottom(@color-chrome-button-gradient-top-active, @color-chrome-button-gradient-bottom-active);
     color: @color-chrome-button-text-active;
 }
 .chrome-button-disabled() {
+    background-color: @color-chrome-button-gradient-top-disabled;
     .background-linear-gradient-top-to-bottom(@color-chrome-button-gradient-top-disabled, @color-chrome-button-gradient-bottom-disabled);
     color: @color-chrome-button-text-disabled;
     text-shadow: 1px 1px @color-chrome-button-text-shadow-disabled;
 }
 .chrome-button-checked() {
+    background-color: @color-chrome-button-gradient-top-checked;
     .background-linear-gradient-top-to-bottom(@color-chrome-button-gradient-top-checked, @color-chrome-button-gradient-bottom-checked);
     color: @color-chrome-button-text-checked;
 }