Gora Khargosh avatar Gora Khargosh committed 3376f61

Nests selectors LESS style makes them easier to read.

Additionally:
* Moves line number color definitions to definitions.less
* Adds a shadow to the header.

Comments (0)

Files changed (3)

coverage/htmlfiles/definitions.less

 @color-header-gradient-bottom: #e5e5e5;
 @color-header-border-top: @color-white;
 @color-header-border-bottom: #d2d2d2;
+@color-header-box-shadow: #999;
+
+// Line numbers.
+@color-line-number-text: #999; // #77C;
+
 
 // Chrome buttons.
 @color-chrome-button-box-shadow: rgba(0, 0, 0, 0.1);
 
 /* Typography */
 @font-family-ui: "Lucida Grande", "Droid Sans", "Helvetica", "Verdana", sans-serif;
-@font-family-code: "Monaco", "Consolas", "Inconsolata", "Anonymous", "Andale Mono", monospace;
+@font-family-code: "Monaco", "Consolas", "Inconsolata", "Anonymous", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Lucida Console", monospace;
 @font-family-text: "Droid Serif", "Georgia", serif;
+@font-family-line-number-text: @font-family-ui; // @font-family-code;

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)}#source{padding:7em 1em 1em 1em;font-family:"Monaco","Consolas","Inconsolata","Anonymous","Andale Mono",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}#index{margin:0 0 0 3em;padding-top:7em}#header .content{padding:1em 3em}h1{font-size:1.25em}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}#keyboard_icon{float:right;cursor:pointer}.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","Andale Mono",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.highlight{background:#fd0}#linenos p a{text-decoration:none;color:#999}#linenos p a:hover{text-decoration:underline;color:#999}td.text{width:100%}#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 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:.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}.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

     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
-    }
+}
 
 /* Set baseline grid to 16 pt. */
 body {
     font-family: @font-family-text;
     font-size: 1em;
-    }
+}
 
 html>body {
     font-size: 16px;
-    }
+}
 
 /* Set base font size to 12/16 */
 p {
     font-size: .75em;        /* 12/16 */
     line-height: 1.3333em;   /* 16/12 */
-    }
+}
 
 table {
     border-collapse: collapse;
-    }
+}
 
 a.nav {
     text-decoration: none;
     color: inherit;
-    }
+}
 a.nav:hover {
     text-decoration: underline;
     color: inherit;
-    }
+}
 
 /* Page structure */
 #header {
     background: @color-header-gradient-top;
     .min-height(90px);
     .background-linear-gradient-top-to-bottom(@color-header-gradient-top, @color-header-gradient-bottom);
+    .box-shadow(0 2px 8px @color-header-box-shadow);
+    .content {
+        padding: 1em 3em;
     }
 
+    h1 {
+        font-size: 1.25em;
+    }
+
+    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;
+        }
+        span.hide_run,
+        span.hide_exc,
+        span.hide_mis,
+        span.hide_par,
+        span.par.hide_run.hide_par {
+            border-color: #ccc #999 #999 #ccc;
+        }
+        span.par.hide_run {
+            border-color: #999 #ccc #ccc #999;
+        }
+    }
+}
+
 #source {
     padding: 7em 1em 1em 1em;
     font-family: @font-family-code;
-    }
+}
 
 #indexfile #footer {
     margin: 1em 3em;
-    }
+}
 
 #pyfile #footer {
     margin: 1em 1em;
-    }
+}
 
 #footer .content {
     padding: 0;
     font-family: @font-family-ui;
     color: #666666;
     font-style: italic;
-    }
-
-#index {
-    margin: 0 0 0 3em;
-    padding-top: 7em;
-    }
-
-/* Header styles */
-#header .content {
-    padding: 1em 3em;
-    }
-
-h1 {
-    font-size: 1.25em;
-}
-
-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;
 }
 
 /* Help panel */
 
 .keyhelp {
     margin: .75em;
+    .key {
+        border: 1px solid black;
+        border-color: #888 #333 #333 #888;
+        padding: .1em .35em;
+        font-family: @font-family-code;
+        font-weight: bold;
+        background: #eee;
+    }
 }
 
-.keyhelp .key {
-    border: 1px solid black;
-    border-color: #888 #333 #333 #888;
-    padding: .1em .35em;
-    font-family: @font-family-code;
-    font-weight: bold;
-    background: #eee;
-}
 
 /* Source file styles */
-#linenos p {
-    text-align: right;
-    margin: 0;
-    padding: 0 .5em;
-    color: #999999;
-    font-family: @font-family-ui;
-    font-size: .625em;   /* 10/16 */
-    line-height: 1.6em;  /* 16/10 */
+#linenos {
+    p {
+        text-align: right;
+        margin: 0;
+        padding: 0 .5em;
+        color: @color-line-number-text;
+        font-family: @font-family-line-number-text;
+        font-size: .625em;   /* 10/16 */
+        line-height: 1.6em;  /* 16/10 */
+        a {
+            text-decoration: none;
+            color: @color-line-number-text;
+        }
+        a:hover {
+            text-decoration: underline;
+            color: @color-line-number-text;
+        }
     }
-#linenos p.highlight {
-    background: #ffdd00;
+    p.highlight {
+        background: #ffdd00;
     }
-#linenos p a {
-    text-decoration: none;
-    color: #999999;
-    }
-#linenos p a:hover {
-    text-decoration: underline;
-    color: #999999;
-    }
+}
 
 td.text {
     width: 100%;
     }
-#text p {
-    margin: 0;
-    padding: 0 0 0 .5em;
-    border-left: 2px solid #ffffff;
-    white-space: nowrap;
+
+#text {
+    p {
+        margin: 0;
+        padding: 0 0 0 .5em;
+        border-left: 2px solid #ffffff;
+        white-space: nowrap;
     }
 
-#text p.mis {
-    background: #ffdddd;
-    border-left: 2px solid #ff0000;
+    p.mis {
+        background: #ffdddd;
+        border-left: 2px solid #ff0000;
     }
-#text p.run, #text p.run.hide_par {
-    background: #ddffdd;
-    border-left: 2px solid #00ff00;
+    p.run,
+    p.run.hide_par {
+        background: #ddffdd;
+        border-left: 2px solid #00ff00;
     }
-#text p.exc {
-    background: #eeeeee;
-    border-left: 2px solid #808080;
+    p.exc {
+        background: #eeeeee;
+        border-left: 2px solid #808080;
     }
-#text p.par, #text p.par.hide_run {
-    background: #ffffaa;
-    border-left: 2px solid #eeee99;
+    p.par,
+    p.par.hide_run {
+        background: #ffffaa;
+        border-left: 2px solid #eeee99;
     }
-#text p.hide_run, #text p.hide_exc, #text p.hide_mis, #text p.hide_par,
-#text p.hide_run.hide_par {
-    background: inherit;
+    p.hide_run,
+    p.hide_exc,
+    p.hide_mis,
+    p.hide_par,
+    p.hide_run.hide_par {
+        background: inherit;
     }
 
-#text span.annotate {
-    font-family: @font-family-text;
-    font-style: italic;
-    color: #666;
-    float: right;
-    padding-right: .5em;
-    }
-#text p.hide_par span.annotate {
-    display: none;
+    span.annotate {
+        font-family: @font-family-text;
+        font-style: italic;
+        color: #666;
+        float: right;
+        padding-right: .5em;
+        }
+    p.hide_par span.annotate {
+        display: none;
     }
 
-/* Syntax coloring */
-#text .com {
-    color: green;
-    font-style: italic;
-    line-height: 1px;
+    /* Syntax coloring */
+    .com {
+        color: green;
+        font-style: italic;
+        line-height: 1px;
     }
-#text .key {
-    font-weight: bold;
-    line-height: 1px;
+    .key {
+        font-weight: bold;
+        line-height: 1px;
     }
-#text .str {
-    color: #000080;
+    .str {
+        color: #000080;
     }
+}
+
 
 /* index styles */
-#index td, #index th {
-    text-align: right;
-    width: 5em;
-    padding: .25em .5em;
-    border-bottom: 1px solid #eee;
+#index {
+    margin: 0 0 0 3em;
+    padding-top: 7em;
+
+    td, th {
+        text-align: right;
+        width: 5em;
+        padding: .25em .5em;
+        border-bottom: 1px solid #eee;
+        }
+    th {
+        font-style: italic;
+        color: #333;
+        border-bottom: 1px solid #ccc;
+        cursor: pointer;
     }
-#index th {
-    font-style: italic;
-    color: #333;
-    border-bottom: 1px solid #ccc;
-    cursor: pointer;
+    th:hover {
+        background: #eee;
+        border-bottom: 1px solid #999;
     }
-#index th:hover {
-    background: #eee;
-    border-bottom: 1px solid #999;
+    td.left,
+    th.left {
+        padding-left: 0;
     }
-#index td.left, #index th.left {
-    padding-left: 0;
+    td.right,
+    th.right {
+        padding-right: 0;
     }
-#index td.right, #index th.right {
-    padding-right: 0;
+    th.headerSortDown,
+    th.headerSortUp {
+        border-bottom: 1px solid #000;
     }
-#index th.headerSortDown, #index th.headerSortUp {
-    border-bottom: 1px solid #000;
+    td.name,
+    th.name {
+        text-align: left;
+        width: auto;
     }
-#index td.name, #index th.name {
-    text-align: left;
-    width: auto;
+    td.name {
+        a {
+            text-decoration: none;
+            color: #000;
+        }
+        a:hover {
+            text-decoration: underline;
+            color: #000;
+        }
     }
-#index td.name a {
-    text-decoration: none;
-    color: #000;
+    tr.total td {
+        font-weight: bold;
+        border-top: 1px solid #ccc;
+        border-bottom: none;
     }
-#index td.name a:hover {
-    text-decoration: underline;
-    color: #000;
+    tr.file:hover {
+        background: #eeeeee;
     }
-#index tr.total {
-    }
-#index tr.total td {
-    font-weight: bold;
-    border-top: 1px solid #ccc;
-    border-bottom: none;
-    }
-#index tr.file:hover {
-    background: #eeeeee;
-    }
+}
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.