diff --git a/plugins/reporters/static-html/src/funTest/assets/static-html-reporter-test-expected-output.html b/plugins/reporters/static-html/src/funTest/assets/static-html-reporter-test-expected-output.html
index e21285f8af8d..8de1dad1f4c4 100644
--- a/plugins/reporters/static-html/src/funTest/assets/static-html-reporter-test-expected-output.html
+++ b/plugins/reporters/static-html/src/funTest/assets/static-html-reporter-test-expected-output.html
@@ -32,6 +32,10 @@
     padding: 0;
 }
 
+/*
+ * The root tag which contains everything.
+ */
+
 #report-container {
     background-color: #fff;
     border: 1px solid rgba(34, 36, 38, .15);
@@ -40,7 +44,11 @@
     margin: 1em 2em 1em 2em;
 }
 
-.ort-report-label {
+/*
+ * The label at the very top of the report.
+ */
+ 
+#report-top-label {
     background-color: #f9fafb;
     border-left: 1px solid rgba(34, 36, 38, .15);
     border-right: 1px solid rgba(34, 36, 38, .15);
@@ -59,13 +67,17 @@
     width: 110px;
 }
 
-.ort-report-labels {
+/*
+ * Table for key value pairs with a simple styling. Used for the VCS infos of projects and for the ORT result labels.
+ */
+
+.report-key-value-table {
     font-size: 12px;
     border-spacing: 0;
     table-layout: fixed;
 }
 
-.ort-report-labels td {
+.report-key-value-table td {
     border-bottom: 1px solid rgba(34, 36, 38, .15);
     overflow: hidden;
     padding: 5px 20px 5px 0px;
@@ -73,35 +85,15 @@
     word-wrap: break-word;
 }
 
-.ort-report-labels tr:first-child td {
+.report-key-value-table tr:first-child td {
     border-top: 1px solid rgba(34, 36, 38, .15);
 }
 
-.ort-excluded {
-    filter: opacity(50%);
-}
-
-.ort-reason {
-    border-radius: 3px;
-    background: #EEE;
-    padding: 2px;
-    font-size: 12px;
-    display: inline;
-}
-
-table.ort-excluded tr.ort-excluded {
-    filter: opacity(100%);
-}
-
-table tr.ort-excluded td li.ort-excluded {
-    filter: opacity(100%);
-}
-
-table.ort-excluded tr.ort-excluded td li.ort-excluded {
-    filter: opacity(100%);
-}
+/*
+ * The base class for the main top level tables for violations, issues and projects.
+ */
 
-.ort-report-table {
+.report-table {
     border-spacing: 0;
     overflow: hidden;
     table-layout: fixed;
@@ -109,38 +101,7 @@
     width: 100%;
 }
 
-.ort-report-table tr:hover {
-    background: rgba(34, 36, 38, .15);
-}
-
-.ort-report-table tr.ort-error {
-    background: #fff6f6;
-    color: #9f3a38;
-}
-
-.ort-report-table tr.ort-warning {
-    background: #fffaf3;
-    color: #573a08;
-}
-
-.ort-report-table tr.ort-hint {
-    background: #f7f5ff;
-    color: #1c0859;
-}
-
-.ort-report-table tr:last-child td {
-    border-bottom: 1px solid rgba(34, 36, 38, .15);
-}
-
-.ort-report-table tr:last-child td:first-child {
-    border-bottom-left-radius: .28rem;
-}
-
-.ort-report-table tr:last-child td:last-child {
-    border-bottom-right-radius: .28rem;
-}
-
-.ort-report-table th {
+.report-table th {
     background-color: #f9fafb;
     border-left: 1px solid rgba(34, 36, 38, .15);
     border-top: 1px solid rgba(34, 36, 38, .15);
@@ -151,7 +112,7 @@
     white-space: nowrap;
 }
 
-.ort-report-table th:first-child {
+.report-table th:first-child {
     width: 30px;
     white-space: nowrap;
     border-top-left-radius: .28rem;
@@ -159,13 +120,25 @@
     border-top: 1px solid rgba(34, 36, 38, .15);
 }
 
-.ort-report-table th:last-child {
+.report-table th:last-child {
     border-top-right-radius: .28rem;
     border-right: 1px solid rgba(34, 36, 38, .15);
     border-top: 1px solid rgba(34, 36, 38, .15);
 }
 
-.ort-report-table td {
+.report-table tr:last-child td {
+    border-bottom: 1px solid rgba(34, 36, 38, .15);
+}
+
+.report-table tr:last-child td:first-child {
+    border-bottom-left-radius: .28rem;
+}
+
+.report-table tr:last-child td:last-child {
+    border-bottom-right-radius: .28rem;
+}
+
+.report-table td {
     border-left: 1px solid rgba(34, 36, 38, .15);
     border-top: 1px solid rgba(34, 36, 38, .15);
     padding: 8px;
@@ -175,34 +148,89 @@
     word-wrap: break-word;
 }
 
-.ort-report-table td:last-child {
+.report-table td:last-child {
     border-right: 1px solid rgba(34, 36, 38, .15);
 }
 
-.ort-report-table.ort-violations tr.ort-resolved {
+.report-table li.resolved {
+    color: #2c662d;
+}
+
+.report-table details {
+    overflow: scroll;
+}
+
+.report-table tr.error {
+    background: #fff6f6;
+    color: #9f3a38;
+}
+
+.report-table tr.warning {
+    background: #fffaf3;
+    color: #573a08;
+}
+
+.report-table tr.hint {
+    background: #f7f5ff;
+    color: #1c0859;
+}
+
+/**
+ * Rule violation table, which specializes .report-table.
+ */
+
+.report-rule-violation-table tr.resolved {
     background: #fcfff5;
     color: #2c662d;
 }
 
-.ort-report-table.ort-packages tr.ort-error {
+/**
+ * Project table, which specializes .report-table.
+ */
+
+.report-project-table tr.error {
     color: black;
 }
 
-.ort-report-table.ort-packages tr.ort-error td:nth-child(5),
-.ort-report-table.ort-packages tr.ort-error td:nth-child(6) {
+.report-project-table tr.error td:nth-child(5),
+.report-project-table tr.error td:nth-child(6) {
     color: #9f3a38;
 }
 
-.ort-report-table li.ort-resolved {
-    color: #2c662d;
+/*
+ * Excluded state.
+ */
+
+.excluded {
+    filter: opacity(50%);
 }
 
-.ort-report-table details {
-    overflow: scroll;
+.reason {
+    border-radius: 3px;
+    background: #EEE;
+    padding: 2px;
+    font-size: 12px;
+    display: inline;
 }
 
+table.excluded tr.excluded {
+    filter: opacity(100%);
+}
+
+table tr.excluded td li.excluded {
+    filter: opacity(100%);
+}
+
+table.excluded tr.excluded td li.excluded {
+    filter: opacity(100%);
+}
+
+/**
+ * Report table media specific styling.
+ */
+
 @media all and (max-width: 1000px) {
-    .ort-report-table th:nth-child(2), .ort-report-table td:nth-child(2) {
+    .report-table th:nth-child(2), .report-table td:nth-child(2) {
         display: none;
         width: 0;
         height: 0;
@@ -212,7 +240,7 @@
 }
 
 @media all and (max-width: 900px) {
-    .ort-report-table th:nth-child(3), .ort-report-table td:nth-child(3) {
+    .report-table th:nth-child(3), .report-table td:nth-child(3) {
         display: none;
         width: 0;
         height: 0;
@@ -222,10 +250,10 @@
 }
 
 @media all and (max-width: 800px) {
-    .ort-report-table th:nth-child(5),
-    .ort-report-table td:nth-child(5),
-    .ort-report-table th:nth-child(6),
-    .ort-report-table td:nth-child(6) {
+    .report-table th:nth-child(5),
+    .report-table td:nth-child(5),
+    .report-table th:nth-child(6),
+    .report-table td:nth-child(6) {
         display: none;
         width: 0;
         height: 0;
@@ -233,23 +261,23 @@
         visibility: collapse;
     }
 
-    .ort-report-table th:nth-child(4) {
+    .report-table th:nth-child(4) {
         border-top-right-radius: .28rem;
         border-right: 1px solid rgba(34, 36, 38, .15);
     }
 
-    .ort-report-table td:nth-child(4) {
+    .report-table td:nth-child(4) {
         border-right: 1px solid rgba(34, 36, 38, .15);
     }
 
-    .ort-report-table tr:last-child td:nth-child(4) {
+    .report-table tr:last-child td:nth-child(4) {
         border-bottom-right-radius: .28rem;
     }
 }
 
 @media all and (max-width: 500px) {
-    .ort-report-table th:nth-child(4),
-    .ort-report-table td:nth-child(4) {
+    .report-table th:nth-child(4),
+    .report-table td:nth-child(4) {
         display: none;
         width: 0;
         height: 0;
@@ -257,16 +285,16 @@
         visibility: collapse;
     }
 
-    .ort-report-table th:first-child {
+    .report-table th:first-child {
         border-top-right-radius: .28rem;
         border-right: 1px solid rgba(34, 36, 38, .15);
     }
 
-    .ort-report-table td:first-child {
+    .report-table td:first-child {
         border-right: 1px solid rgba(34, 36, 38, .15);
     }
 
-    .ort-report-table tr:last-child td:first-child {
+    .report-table tr:last-child td:first-child {
         border-bottom-right-radius: .28rem;
     }
 }
@@ -422,12 +450,12 @@
 var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(g){var c=/\blang(?:uage)?-([\w-]+)\b/i,a=0,C={manual:g.Prism&&g.Prism.manual,disableWorkerMessageHandler:g.Prism&&g.Prism.disableWorkerMessageHandler,util:{encode:function(e){return e instanceof M?new M(e.type,C.util.encode(e.content),e.alias):Array.isArray(e)?e.map(C.util.encode):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++a}),e.__id},clone:function t(e,n){var r,a,i=C.util.type(e);switch(n=n||{},i){case"Object":if(a=C.util.objId(e),n[a])return n[a];for(var l in r={},n[a]=r,e)e.hasOwnProperty(l)&&(r[l]=t(e[l],n));return r;case"Array":return a=C.util.objId(e),n[a]?n[a]:(r=[],n[a]=r,e.forEach(function(e,a){r[a]=t(e,n)}),r);default:return e}}},languages:{extend:function(e,a){var t=C.util.clone(C.languages[e]);for(var n in a)t[n]=a[n];return t},insertBefore:function(t,e,a,n){var r=(n=n||C.languages)[t],i={};for(var l in r)if(r.hasOwnProperty(l)){if(l==e)for(var o in a)a.hasOwnProperty(o)&&(i[o]=a[o]);a.hasOwnProperty(l)||(i[l]=r[l])}var s=n[t];return n[t]=i,C.languages.DFS(C.languages,function(e,a){a===s&&e!=t&&(this[e]=i)}),i},DFS:function e(a,t,n,r){r=r||{};var i=C.util.objId;for(var l in a)if(a.hasOwnProperty(l)){t.call(a,l,a[l],n||l);var o=a[l],s=C.util.type(o);"Object"!==s||r[i(o)]?"Array"!==s||r[i(o)]||(r[i(o)]=!0,e(o,t,l,r)):(r[i(o)]=!0,e(o,t,null,r))}}},plugins:{},highlightAll:function(e,a){C.highlightAllUnder(document,e,a)},highlightAllUnder:function(e,a,t){var n={callback:t,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};C.hooks.run("before-highlightall",n);for(var r,i=n.elements||e.querySelectorAll(n.selector),l=0;r=i[l++];)C.highlightElement(r,!0===a,n.callback)},highlightElement:function(e,a,t){for(var n,r,i=e;i&&!c.test(i.className);)i=i.parentNode;i&&(n=(i.className.match(c)||[,""])[1].toLowerCase(),r=C.languages[n]),e.className=e.className.replace(c,"").replace(/\s+/g," ")+" language-"+n,e.parentNode&&(i=e.parentNode,/pre/i.test(i.nodeName)&&(i.className=i.className.replace(c,"").replace(/\s+/g," ")+" language-"+n));var l={element:e,language:n,grammar:r,code:e.textContent},o=function(e){l.highlightedCode=e,C.hooks.run("before-insert",l),l.element.innerHTML=l.highlightedCode,C.hooks.run("after-highlight",l),C.hooks.run("complete",l),t&&t.call(l.element)};if(C.hooks.run("before-sanity-check",l),l.code)if(C.hooks.run("before-highlight",l),l.grammar)if(a&&g.Worker){var s=new Worker(C.filename);s.onmessage=function(e){o(e.data)},s.postMessage(JSON.stringify({language:l.language,code:l.code,immediateClose:!0}))}else o(C.highlight(l.code,l.grammar,l.language));else o(C.util.encode(l.code));else C.hooks.run("complete",l)},highlight:function(e,a,t){var n={code:e,grammar:a,language:t};return C.hooks.run("before-tokenize",n),n.tokens=C.tokenize(n.code,n.grammar),C.hooks.run("after-tokenize",n),M.stringify(C.util.encode(n.tokens),n.language)},matchGrammar:function(e,a,t,n,r,i,l){for(var o in t)if(t.hasOwnProperty(o)&&t[o]){if(o==l)return;var s=t[o];s="Array"===C.util.type(s)?s:[s];for(var g=0;g<s.length;++g){var c=s[g],u=c.inside,h=!!c.lookbehind,f=!!c.greedy,d=0,m=c.alias;if(f&&!c.pattern.global){var p=c.pattern.toString().match(/[imuy]*$/)[0];c.pattern=RegExp(c.pattern.source,p+"g")}c=c.pattern||c;for(var y=n,v=r;y<a.length;v+=a[y].length,++y){var k=a[y];if(a.length>e.length)return;if(!(k instanceof M)){if(f&&y!=a.length-1){if(c.lastIndex=v,!(x=c.exec(e)))break;for(var b=x.index+(h?x[1].length:0),w=x.index+x[0].length,A=y,P=v,O=a.length;A<O&&(P<w||!a[A].type&&!a[A-1].greedy);++A)(P+=a[A].length)<=b&&(++y,v=P);if(a[y]instanceof M)continue;N=A-y,k=e.slice(v,P),x.index-=v}else{c.lastIndex=0;var x=c.exec(k),N=1}if(x){h&&(d=x[1]?x[1].length:0);w=(b=x.index+d)+(x=x[0].slice(d)).length;var j=k.slice(0,b),S=k.slice(w),E=[y,N];j&&(++y,v+=j.length,E.push(j));var _=new M(o,u?C.tokenize(x,u):x,m,x,f);if(E.push(_),S&&E.push(S),Array.prototype.splice.apply(a,E),1!=N&&C.matchGrammar(e,a,t,y,v,!0,o),i)break}else if(i)break}}}}},tokenize:function(e,a){var t=[e],n=a.rest;if(n){for(var r in n)a[r]=n[r];delete a.rest}return C.matchGrammar(e,t,a,0,0,!1),t},hooks:{all:{},add:function(e,a){var t=C.hooks.all;t[e]=t[e]||[],t[e].push(a)},run:function(e,a){var t=C.hooks.all[e];if(t&&t.length)for(var n,r=0;n=t[r++];)n(a)}},Token:M};function M(e,a,t,n,r){this.type=e,this.content=a,this.alias=t,this.length=0|(n||"").length,this.greedy=!!r}if(g.Prism=C,M.stringify=function(e,a){if("string"==typeof e)return e;if(Array.isArray(e))return e.map(function(e){return M.stringify(e,a)}).join("");var t={type:e.type,content:M.stringify(e.content,a),tag:"span",classes:["token",e.type],attributes:{},language:a};if(e.alias){var n=Array.isArray(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(t.classes,n)}C.hooks.run("wrap",t);var r=Object.keys(t.attributes).map(function(e){return e+'="'+(t.attributes[e]||"").replace(/"/g,"&quot;")+'"'}).join(" ");return"<"+t.tag+' class="'+t.classes.join(" ")+'"'+(r?" "+r:"")+">"+t.content+"</"+t.tag+">"},!g.document)return g.addEventListener&&(C.disableWorkerMessageHandler||g.addEventListener("message",function(e){var a=JSON.parse(e.data),t=a.language,n=a.code,r=a.immediateClose;g.postMessage(C.highlight(n,C.languages[t],t)),r&&g.close()},!1)),C;var e=document.currentScript||[].slice.call(document.getElementsByTagName("script")).pop();return e&&(C.filename=e.src,C.manual||e.hasAttribute("data-manual")||("loading"!==document.readyState?window.requestAnimationFrame?window.requestAnimationFrame(C.highlightAll):window.setTimeout(C.highlightAll,16):document.addEventListener("DOMContentLoaded",C.highlightAll))),C}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism);
 Prism.languages.yaml={scalar:{pattern:/([\-:]\s*(?:![^\s]+)?[ \t]*[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)[^\r\n]+(?:\2[^\r\n]+)*)/,lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:/(\s*(?:^|[:\-,[{\r\n?])[ \t]*(?:![^\s]+)?[ \t]*)[^\r\n{[\]},#\s]+?(?=\s*:\s)/,lookbehind:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:/([:\-,[{]\s*(?:![^\s]+)?[ \t]*)(?:\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?)?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?)(?=[ \t]*(?:$|,|]|}))/m,lookbehind:!0,alias:"number"},boolean:{pattern:/([:\-,[{]\s*(?:![^\s]+)?[ \t]*)(?:true|false)[ \t]*(?=$|,|]|})/im,lookbehind:!0,alias:"important"},null:{pattern:/([:\-,[{]\s*(?:![^\s]+)?[ \t]*)(?:null|~)[ \t]*(?=$|,|]|})/im,lookbehind:!0,alias:"important"},string:{pattern:/([:\-,[{]\s*(?:![^\s]+)?[ \t]*)("|')(?:(?!\2)[^\\\r\n]|\\.)*\2(?=[ \t]*(?:$|,|]|}|\s*#))/m,lookbehind:!0,greedy:!0},number:{pattern:/([:\-,[{]\s*(?:![^\s]+)?[ \t]*)[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+\.?\d*|\.?\d+)(?:e[+-]?\d+)?|\.inf|\.nan)[ \t]*(?=$|,|]|})/im,lookbehind:!0},tag:/![^\s]+/,important:/[&*][\w]+/,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},Prism.languages.yml=Prism.languages.yaml;
 </script><div id="report-container">
-         <div class="ort-report-label">Scan Report</div>
+         <div id="report-top-label">Scan Report</div>
          <div>Created by <strong>ORT</strong>, the <a href="https://oss-review-toolkit.org/">OSS Review Toolkit</a>, version <REPLACE_ORT_VERSION> on <REPLACE_TIMESTAMP>.</div>
          <h2>Project</h2>
          <div>Scanned revision master of Git repository https://github.com/oss-review-toolkit/ort.git</div>
          <h2>Labels</h2>
-         <table class="ort-report-labels">
+         <table class="report-key-value-table">
             <tbody>
                <tr>
                   <td>JOB_PARAM_1</td>
@@ -458,12 +486,12 @@ <h2>Index</h2>
             <li><a href="#scanner-issue-summary">Scanner Issue Summary (3 errors, 1 warnings, 1 hints to resolve)</a></li>
             <li><a href="#advisor-issue-summary">Advisor Issue Summary (1 errors, 1 warnings, 1 hints to resolve)</a></li>
             <li><a href="#Gradle:org.ossreviewtoolkit:nested-fake-project:1.0.0">Gradle:org.ossreviewtoolkit:nested-fake-project:1.0.0 
-                  <div class="ort-reason">Excluded: EXAMPLE_OF - The project is an example.</div></a></li>
+                  <div class="reason">Excluded: EXAMPLE_OF - The project is an example.</div></a></li>
             <li><a href="#Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0">Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0</a></li>
             <li><a href="#repository-configuration">Repository Configuration</a></li>
          </ul>
          <h2 id="rule-violation-summary">Rule Violation Summary (1 errors, 1 warnings, 0 hints to resolve)</h2>
-         <table class="ort-report-table ort-violations">
+         <table class="report-table report-rule-violation-table">
             <thead>
                <tr>
                   <th>#</th>
@@ -474,7 +502,7 @@ <h2 id="rule-violation-summary">Rule Violation Summary (1 errors, 1 warnings, 0
                </tr>
             </thead>
             <tbody>
-               <tr class="ort-error" id="violation-1">
+               <tr class="error" id="violation-1">
                   <td><a href="#violation-1">1</a></td>
                   <td>rule 1</td>
                   <td>Ant:junit:junit:4.12</td>
@@ -497,7 +525,7 @@ <h2 id="rule-violation-summary">Rule Violation Summary (1 errors, 1 warnings, 0
                         </details>
                   </td>
                </tr>
-               <tr class="ort-warning" id="violation-2">
+               <tr class="warning" id="violation-2">
                   <td><a href="#violation-2">2</a></td>
                   <td>rule 3</td>
                   <td>Maven:org.hamcrest:hamcrest-core:1.3</td>
@@ -520,7 +548,7 @@ <h2 id="rule-violation-summary">Rule Violation Summary (1 errors, 1 warnings, 0
                         </details>
                   </td>
                </tr>
-               <tr class="ort-resolved" id="violation-3">
+               <tr class="resolved" id="violation-3">
                   <td><a href="#violation-3">3</a></td>
                   <td>rule 2</td>
                   <td>Maven:org.apache.commons:commons-text:1.1</td>
@@ -535,7 +563,7 @@ <h2 id="rule-violation-summary">Rule Violation Summary (1 errors, 1 warnings, 0
          </table>
          <h2 id="analyzer-issue-summary">Analyzer Issue Summary (1 errors, 2 warnings, 1 hints to resolve)</h2>
          <p>Issues from excluded components are not shown in this summary.</p>
-         <table class="ort-report-table">
+         <table class="report-table">
             <thead>
                <tr>
                   <th>#</th>
@@ -544,7 +572,7 @@ <h2 id="analyzer-issue-summary">Analyzer Issue Summary (1 errors, 2 warnings, 1
                </tr>
             </thead>
             <tbody>
-               <tr class="ort-error" id="analyzer-issue-summary-1">
+               <tr class="error" id="analyzer-issue-summary-1">
                   <td><a href="#analyzer-issue-summary-1">1</a></td>
                   <td>Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0</td>
                   <td>
@@ -563,7 +591,7 @@ <h2 id="analyzer-issue-summary">Analyzer Issue Summary (1 errors, 2 warnings, 1
                         </details>
                   </td>
                </tr>
-               <tr class="ort-warning" id="analyzer-issue-summary-2">
+               <tr class="warning" id="analyzer-issue-summary-2">
                   <td><a href="#analyzer-issue-summary-2">2</a></td>
                   <td>Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0</td>
                   <td>
@@ -582,7 +610,7 @@ <h2 id="analyzer-issue-summary">Analyzer Issue Summary (1 errors, 2 warnings, 1
                         </details>
                   </td>
                </tr>
-               <tr class="ort-warning" id="analyzer-issue-summary-3">
+               <tr class="warning" id="analyzer-issue-summary-3">
                   <td><a href="#analyzer-issue-summary-3">3</a></td>
                   <td>Maven:org.apache.commons:commons-text:1.1</td>
                   <td>
@@ -602,7 +630,7 @@ <h2 id="analyzer-issue-summary">Analyzer Issue Summary (1 errors, 2 warnings, 1
                         </details>
                   </td>
                </tr>
-               <tr class="ort-hint" id="analyzer-issue-summary-4">
+               <tr class="hint" id="analyzer-issue-summary-4">
                   <td><a href="#analyzer-issue-summary-4">4</a></td>
                   <td>Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0</td>
                   <td>
@@ -625,7 +653,7 @@ <h2 id="analyzer-issue-summary">Analyzer Issue Summary (1 errors, 2 warnings, 1
          </table>
          <h2 id="scanner-issue-summary">Scanner Issue Summary (3 errors, 1 warnings, 1 hints to resolve)</h2>
          <p>Issues from excluded components are not shown in this summary.</p>
-         <table class="ort-report-table">
+         <table class="report-table">
             <thead>
                <tr>
                   <th>#</th>
@@ -634,7 +662,7 @@ <h2 id="scanner-issue-summary">Scanner Issue Summary (3 errors, 1 warnings, 1 hi
                </tr>
             </thead>
             <tbody>
-               <tr class="ort-error" id="scanner-issue-summary-1">
+               <tr class="error" id="scanner-issue-summary-1">
                   <td><a href="#scanner-issue-summary-1">1</a></td>
                   <td>Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0</td>
                   <td>
@@ -655,7 +683,7 @@ <h2 id="scanner-issue-summary">Scanner Issue Summary (3 errors, 1 warnings, 1 hi
                         </details>
                   </td>
                </tr>
-               <tr class="ort-error" id="scanner-issue-summary-2">
+               <tr class="error" id="scanner-issue-summary-2">
                   <td><a href="#scanner-issue-summary-2">2</a></td>
                   <td>Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0</td>
                   <td>
@@ -675,7 +703,7 @@ <h2 id="scanner-issue-summary">Scanner Issue Summary (3 errors, 1 warnings, 1 hi
                         </details>
                   </td>
                </tr>
-               <tr class="ort-error" id="scanner-issue-summary-3">
+               <tr class="error" id="scanner-issue-summary-3">
                   <td><a href="#scanner-issue-summary-3">3</a></td>
                   <td>Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0</td>
                   <td>
@@ -694,7 +722,7 @@ <h2 id="scanner-issue-summary">Scanner Issue Summary (3 errors, 1 warnings, 1 hi
                         </details>
                   </td>
                </tr>
-               <tr class="ort-warning" id="scanner-issue-summary-4">
+               <tr class="warning" id="scanner-issue-summary-4">
                   <td><a href="#scanner-issue-summary-4">4</a></td>
                   <td>Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0</td>
                   <td>
@@ -713,7 +741,7 @@ <h2 id="scanner-issue-summary">Scanner Issue Summary (3 errors, 1 warnings, 1 hi
                         </details>
                   </td>
                </tr>
-               <tr class="ort-hint" id="scanner-issue-summary-5">
+               <tr class="hint" id="scanner-issue-summary-5">
                   <td><a href="#scanner-issue-summary-5">5</a></td>
                   <td>Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0</td>
                   <td>
@@ -736,7 +764,7 @@ <h2 id="scanner-issue-summary">Scanner Issue Summary (3 errors, 1 warnings, 1 hi
          </table>
          <h2 id="advisor-issue-summary">Advisor Issue Summary (1 errors, 1 warnings, 1 hints to resolve)</h2>
          <p>Issues from excluded components are not shown in this summary.</p>
-         <table class="ort-report-table">
+         <table class="report-table">
             <thead>
                <tr>
                   <th>#</th>
@@ -745,7 +773,7 @@ <h2 id="advisor-issue-summary">Advisor Issue Summary (1 errors, 1 warnings, 1 hi
                </tr>
             </thead>
             <tbody>
-               <tr class="ort-error" id="advisor-issue-summary-1">
+               <tr class="error" id="advisor-issue-summary-1">
                   <td><a href="#advisor-issue-summary-1">1</a></td>
                   <td>Maven:org.apache.commons:commons-text:1.1</td>
                   <td>
@@ -764,7 +792,7 @@ <h2 id="advisor-issue-summary">Advisor Issue Summary (1 errors, 1 warnings, 1 hi
                         </details>
                   </td>
                </tr>
-               <tr class="ort-warning" id="advisor-issue-summary-2">
+               <tr class="warning" id="advisor-issue-summary-2">
                   <td><a href="#advisor-issue-summary-2">2</a></td>
                   <td>Maven:org.apache.commons:commons-text:1.1</td>
                   <td>
@@ -783,7 +811,7 @@ <h2 id="advisor-issue-summary">Advisor Issue Summary (1 errors, 1 warnings, 1 hi
                         </details>
                   </td>
                </tr>
-               <tr class="ort-hint" id="advisor-issue-summary-3">
+               <tr class="hint" id="advisor-issue-summary-3">
                   <td><a href="#advisor-issue-summary-3">3</a></td>
                   <td>Maven:org.apache.commons:commons-text:1.1</td>
                   <td>
@@ -808,10 +836,10 @@ <h2 id="Gradle:org.ossreviewtoolkit:nested-fake-project:1.0.0">Gradle:org.ossrev
          <h3>Project is Excluded</h3>
          <p>The project is excluded for the following reason(s):</p>
          <p>
-            <div class="ort-reason">EXAMPLE_OF - The project is an example.</div>
+            <div class="reason">EXAMPLE_OF - The project is an example.</div>
          </p>
-         <h3 class="ort-excluded">VCS Information</h3>
-         <table class="ort-report-labels ort-excluded">
+         <h3 class="excluded">VCS Information</h3>
+         <table class="report-key-value-table excluded">
             <tbody>
                <tr>
                   <td>Type</td>
@@ -831,8 +859,8 @@ <h3 class="ort-excluded">VCS Information</h3>
                </tr>
             </tbody>
          </table>
-         <h3 class="ort-excluded">Packages</h3>
-         <table class="ort-report-table ort-packages ort-excluded">
+         <h3 class="excluded">Packages</h3>
+         <table class="report-table report-project-table excluded">
             <thead>
                <tr>
                   <th>#</th>
@@ -844,7 +872,7 @@ <h3 class="ort-excluded">Packages</h3>
                </tr>
             </thead>
             <tbody>
-               <tr class="ort-error " id="Gradle:org.ossreviewtoolkit:nested-fake-project:1.0.0-pkg-1">
+               <tr class="error " id="Gradle:org.ossreviewtoolkit:nested-fake-project:1.0.0-pkg-1">
                   <td><a href="#Gradle:org.ossreviewtoolkit:nested-fake-project:1.0.0-pkg-1">1</a></td>
                   <td>Gradle:org.ossreviewtoolkit:nested-fake-project:1.0.0</td>
                   <td></td>
@@ -856,7 +884,7 @@ <h3 class="ort-excluded">Packages</h3>
                      </dl><em>Detected Licenses (from <a href="https://example.com/git">VCS</a>):</em><dl>
                         <dd>
                            <div><a href="https://archive.softwareheritage.org/browse/content/sha1_git:261eeb9e9f8b2b4b0d119366dda99c6fd7d35c64">Apache-2.0</a></div>
-                           <div class="ort-excluded">MIT (Excluded: EXAMPLE_OF - These are example files.)</div>
+                           <div class="excluded">MIT (Excluded: EXAMPLE_OF - These are example files.)</div>
                         </dd>
                      </dl><em>Effective License:</em><dl>
                         <dd>
@@ -882,7 +910,7 @@ <h3 class="ort-excluded">Packages</h3>
                         <li>
                            <p>2024-04-25T07:44:20.725613974Z [ERROR]: FakeScanner - Example error.</p>
                         </li>
-                        <li class="ort-resolved">
+                        <li class="resolved">
                            <p>2024-04-25T07:44:20.725613974Z [ERROR]: FakeScanner - Example error, resolved.</p>
                            <p>
                               Resolved by: CANT_FIX_ISSUE - Resolved for illustration.</p>
@@ -894,7 +922,7 @@ <h3 class="ort-excluded">Packages</h3>
          </table>
          <h2 id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0">Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0 (analyzer/src/funTest/assets/projects/synthetic/gradle/lib/build.gradle)</h2>
          <h3 class="">VCS Information</h3>
-         <table class="ort-report-labels ">
+         <table class="report-key-value-table ">
             <tbody>
                <tr>
                   <td>Type</td>
@@ -915,7 +943,7 @@ <h3 class="">VCS Information</h3>
             </tbody>
          </table>
          <h3 class="">Packages</h3>
-         <table class="ort-report-table ort-packages ">
+         <table class="report-table report-project-table ">
             <thead>
                <tr>
                   <th>#</th>
@@ -927,7 +955,7 @@ <h3 class="">Packages</h3>
                </tr>
             </thead>
             <tbody>
-               <tr class="ort-error " id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-1">
+               <tr class="error " id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-1">
                   <td><a href="#Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-1">1</a></td>
                   <td>Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0</td>
                   <td></td>
@@ -956,7 +984,7 @@ <h3 class="">Packages</h3>
                         <li>
                            <p>2024-04-25T07:44:20.725613974Z [ERROR]: Gradle - Example error.</p>
                         </li>
-                        <li class="ort-resolved">
+                        <li class="resolved">
                            <p>2024-04-25T07:44:20.725613974Z [ERROR]: Gradle - Example error, resolved.</p>
                            <p>
                               Resolved by: CANT_FIX_ISSUE - Resolved for illustration.</p>
@@ -983,7 +1011,7 @@ <h3 class="">Packages</h3>
                         <li>
                            <p>2024-04-25T07:44:20.725613974Z [ERROR]: FakeScanner - Example error.</p>
                         </li>
-                        <li class="ort-resolved">
+                        <li class="resolved">
                            <p>2024-04-25T07:44:20.725613974Z [ERROR]: FakeScanner - Example error, resolved.</p>
                            <p>
                               Resolved by: CANT_FIX_ISSUE - Resolved for illustration.</p>
@@ -991,13 +1019,13 @@ <h3 class="">Packages</h3>
                      </ul>
                   </td>
                </tr>
-               <tr class="ort-error ort-excluded" id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-2">
+               <tr class="error excluded" id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-2">
                   <td><a href="#Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-2">2</a></td>
                   <td>Ant:junit:junit:4.12</td>
                   <td>
                      <ul>
-                        <li class="ort-excluded">testCompile 
-                           <div class="ort-reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
+                        <li class="excluded">testCompile 
+                           <div class="reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
                         </li>
                      </ul>
                   </td>
@@ -1023,13 +1051,13 @@ <h3 class="">Packages</h3>
                      <ul></ul>
                   </td>
                </tr>
-               <tr class="ort-success ort-excluded" id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-3">
+               <tr class="success excluded" id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-3">
                   <td><a href="#Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-3">3</a></td>
                   <td>Maven:com.foobar:foobar:1.0</td>
                   <td>
                      <ul>
-                        <li class="ort-excluded">testCompile 
-                           <div class="ort-reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
+                        <li class="excluded">testCompile 
+                           <div class="reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
                         </li>
                      </ul>
                   </td>
@@ -1055,13 +1083,13 @@ <h3 class="">Packages</h3>
                      <ul></ul>
                   </td>
                </tr>
-               <tr class="ort-success ort-excluded" id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-4">
+               <tr class="success excluded" id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-4">
                   <td><a href="#Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-4">4</a></td>
                   <td>Maven:com.h2database:h2:1.4.200</td>
                   <td>
                      <ul>
-                        <li class="ort-excluded">testCompile 
-                           <div class="ort-reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
+                        <li class="excluded">testCompile 
+                           <div class="reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
                         </li>
                      </ul>
                   </td>
@@ -1087,14 +1115,14 @@ <h3 class="">Packages</h3>
                      <ul></ul>
                   </td>
                </tr>
-               <tr class="ort-success " id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-5">
+               <tr class="success " id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-5">
                   <td><a href="#Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-5">5</a></td>
                   <td>Maven:org.apache.commons:commons-lang3:3.5</td>
                   <td>
                      <ul>
                         <li class="">compile</li>
-                        <li class="ort-excluded">testCompile 
-                           <div class="ort-reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
+                        <li class="excluded">testCompile 
+                           <div class="reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
                         </li>
                      </ul>
                   </td>
@@ -1115,14 +1143,14 @@ <h3 class="">Packages</h3>
                      <ul></ul>
                   </td>
                </tr>
-               <tr class="ort-error " id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-6">
+               <tr class="error " id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-6">
                   <td><a href="#Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-6">6</a></td>
                   <td>Maven:org.apache.commons:commons-text:1.1</td>
                   <td>
                      <ul>
                         <li class="">compile</li>
-                        <li class="ort-excluded">testCompile 
-                           <div class="ort-reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
+                        <li class="excluded">testCompile 
+                           <div class="reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
                         </li>
                      </ul>
                   </td>
@@ -1148,14 +1176,14 @@ <h3 class="">Packages</h3>
                      <ul></ul>
                   </td>
                </tr>
-               <tr class="ort-warning " id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-7">
+               <tr class="warning " id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-7">
                   <td><a href="#Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-7">7</a></td>
                   <td>Maven:org.example.test:component:1.11</td>
                   <td>
                      <ul>
                         <li class="">compile</li>
-                        <li class="ort-excluded">testCompile 
-                           <div class="ort-reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
+                        <li class="excluded">testCompile 
+                           <div class="reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
                         </li>
                      </ul>
                   </td>
@@ -1167,13 +1195,13 @@ <h3 class="">Packages</h3>
                      <ul></ul>
                   </td>
                </tr>
-               <tr class="ort-success ort-excluded" id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-8">
+               <tr class="success excluded" id="Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-8">
                   <td><a href="#Gradle:org.ossreviewtoolkit.gradle.example:lib:1.0.0-pkg-8">8</a></td>
                   <td>Maven:org.hamcrest:hamcrest-core:1.3</td>
                   <td>
                      <ul>
-                        <li class="ort-excluded">testCompile 
-                           <div class="ort-reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
+                        <li class="excluded">testCompile 
+                           <div class="reason">Excluded: TEST_DEPENDENCY_OF - The scope only contains test dependencies.</div>
                         </li>
                      </ul>
                   </td>
diff --git a/plugins/reporters/static-html/src/main/kotlin/StaticHtmlReporter.kt b/plugins/reporters/static-html/src/main/kotlin/StaticHtmlReporter.kt
index 99c0bad422af..9b5b7de99008 100644
--- a/plugins/reporters/static-html/src/main/kotlin/StaticHtmlReporter.kt
+++ b/plugins/reporters/static-html/src/main/kotlin/StaticHtmlReporter.kt
@@ -116,7 +116,8 @@ class StaticHtmlReporter : Reporter {
                 div {
                     id = "report-container"
 
-                    div("ort-report-label") {
+                    div {
+                        id = "report-top-label"
                         +"Scan Report"
                     }
 
@@ -184,7 +185,7 @@ class StaticHtmlReporter : Reporter {
 
     private fun DIV.labelsTable(labels: Map<String, String>) {
         h2 { +"Labels" }
-        table("ort-report-labels") {
+        table("report-key-value-table") {
             tbody { labels.forEach { (key, value) -> labelRow(key, value) } }
         }
     }
@@ -240,7 +241,7 @@ class StaticHtmlReporter : Reporter {
                         if (projectTable.isExcluded()) {
                             projectTable.pathExcludes.forEach { exclude ->
                                 +" "
-                                div("ort-reason") { +"Excluded: ${exclude.description}" }
+                                div("reason") { +"Excluded: ${exclude.description}" }
                             }
                         }
                     }
@@ -264,7 +265,7 @@ class StaticHtmlReporter : Reporter {
         if (ruleViolations.isEmpty()) {
             +"No rule violations found."
         } else {
-            table("ort-report-table ort-violations") {
+            table("report-table report-rule-violation-table") {
                 thead {
                     tr {
                         th { +"#" }
@@ -286,12 +287,12 @@ class StaticHtmlReporter : Reporter {
 
     private fun TBODY.ruleViolationRow(rowIndex: Int, ruleViolation: TablesReportViolation) {
         val cssClass = if (ruleViolation.isResolved) {
-            "ort-resolved"
+            "resolved"
         } else {
             when (ruleViolation.violation.severity) {
-                Severity.ERROR -> "ort-error"
-                Severity.WARNING -> "ort-warning"
-                Severity.HINT -> "ort-hint"
+                Severity.ERROR -> "error"
+                Severity.WARNING -> "warning"
+                Severity.HINT -> "hint"
             }
         }
 
@@ -336,7 +337,7 @@ class StaticHtmlReporter : Reporter {
 
         p { +"Issues from excluded components are not shown in this summary." }
 
-        table("ort-report-table") {
+        table("report-table") {
             thead {
                 tr {
                     th { +"#" }
@@ -355,9 +356,9 @@ class StaticHtmlReporter : Reporter {
 
     private fun TBODY.issueRow(rowId: String, rowIndex: Int, row: IssueTable.Row) {
         val cssClass = when (row.issue.severity) {
-            Severity.ERROR -> "ort-error"
-            Severity.WARNING -> "ort-warning"
-            Severity.HINT -> "ort-hint"
+            Severity.ERROR -> "error"
+            Severity.WARNING -> "warning"
+            Severity.HINT -> "hint"
         }
 
         tr(cssClass) {
@@ -386,7 +387,7 @@ class StaticHtmlReporter : Reporter {
     }
 
     private fun DIV.projectTable(table: ProjectTable) {
-        val excludedClass = "ort-excluded".takeIf { table.isExcluded() }.orEmpty()
+        val excludedClass = "excluded".takeIf { table.isExcluded() }.orEmpty()
 
         h2 {
             id = table.id.toCoordinates()
@@ -400,14 +401,14 @@ class StaticHtmlReporter : Reporter {
 
         table.pathExcludes.forEach { exclude ->
             p {
-                div("ort-reason") { +exclude.description }
+                div("reason") { +exclude.description }
             }
         }
 
         table.vcs.let { vcsInfo ->
             h3(excludedClass) { +"VCS Information" }
 
-            table("ort-report-labels $excludedClass") {
+            table("report-key-value-table $excludedClass") {
                 tbody {
                     tr {
                         td { +"Type" }
@@ -431,7 +432,7 @@ class StaticHtmlReporter : Reporter {
 
         h3(excludedClass) { +"Packages" }
 
-        table("ort-report-table ort-packages $excludedClass") {
+        table("report-table report-project-table $excludedClass") {
             thead {
                 tr {
                     th { +"#" }
@@ -454,12 +455,12 @@ class StaticHtmlReporter : Reporter {
     private fun TBODY.projectRow(projectId: String, rowIndex: Int, row: ProjectTable.Row) {
         // Only mark the row as excluded if all scopes the dependency appears in are excluded.
         val rowExcludedClass =
-            if (row.scopes.isNotEmpty() && row.scopes.all { it.excludes.isNotEmpty() }) "ort-excluded" else ""
+            if (row.scopes.isNotEmpty() && row.scopes.all { it.excludes.isNotEmpty() }) "excluded" else ""
 
         val cssClass = when {
-            row.analyzerIssues.containsUnresolved() || row.scanIssues.containsUnresolved() -> "ort-error"
-            row.declaredLicenses.isEmpty() && row.detectedLicenses.isEmpty() -> "ort-warning"
-            else -> "ort-success"
+            row.analyzerIssues.containsUnresolved() || row.scanIssues.containsUnresolved() -> "error"
+            row.declaredLicenses.isEmpty() && row.detectedLicenses.isEmpty() -> "warning"
+            else -> "success"
         }
 
         val rowId = "$projectId-pkg-$rowIndex"
@@ -478,12 +479,12 @@ class StaticHtmlReporter : Reporter {
                 if (row.scopes.isNotEmpty()) {
                     ul {
                         row.scopes.forEach { scope ->
-                            val excludedClass = if (scope.excludes.isNotEmpty()) "ort-excluded" else ""
+                            val excludedClass = if (scope.excludes.isNotEmpty()) "excluded" else ""
                             li(excludedClass) {
                                 +scope.name
                                 if (scope.excludes.isNotEmpty()) {
                                     +" "
-                                    div("ort-reason") {
+                                    div("reason") {
                                         +"Excluded: "
                                         +scope.excludes.joinToString { it.description }
                                     }
@@ -535,7 +536,7 @@ class StaticHtmlReporter : Reporter {
                                         }
                                     }
                                 } else {
-                                    div("ort-excluded") {
+                                    div("excluded") {
                                         +"${license.license} (Excluded: "
                                         +pathExcludes.joinToString { it.description }
                                         +")"
@@ -568,7 +569,7 @@ class StaticHtmlReporter : Reporter {
                     p { issueDescription(it) }
 
                     if (it.isResolved) {
-                        classes = setOf("ort-resolved")
+                        classes = setOf("resolved")
                         p { +it.resolutionDescription }
                     }
                 }
diff --git a/plugins/reporters/static-html/src/main/resources/static-html-reporter.css b/plugins/reporters/static-html/src/main/resources/static-html-reporter.css
index 987a01ee5caf..dbb70cb699b6 100644
--- a/plugins/reporters/static-html/src/main/resources/static-html-reporter.css
+++ b/plugins/reporters/static-html/src/main/resources/static-html-reporter.css
@@ -24,6 +24,10 @@ ul {
     padding: 0;
 }
 
+/*
+ * The root tag which contains everything.
+ */
+
 #report-container {
     background-color: #fff;
     border: 1px solid rgba(34, 36, 38, .15);
@@ -32,7 +36,11 @@ ul {
     margin: 1em 2em 1em 2em;
 }
 
-.ort-report-label {
+/*
+ * The label at the very top of the report.
+ */
+ 
+#report-top-label {
     background-color: #f9fafb;
     border-left: 1px solid rgba(34, 36, 38, .15);
     border-right: 1px solid rgba(34, 36, 38, .15);
@@ -51,13 +59,17 @@ ul {
     width: 110px;
 }
 
-.ort-report-labels {
+/*
+ * Table for key value pairs with a simple styling. Used for the VCS infos of projects and for the ORT result labels.
+ */
+
+.report-key-value-table {
     font-size: 12px;
     border-spacing: 0;
     table-layout: fixed;
 }
 
-.ort-report-labels td {
+.report-key-value-table td {
     border-bottom: 1px solid rgba(34, 36, 38, .15);
     overflow: hidden;
     padding: 5px 20px 5px 0px;
@@ -65,35 +77,15 @@ ul {
     word-wrap: break-word;
 }
 
-.ort-report-labels tr:first-child td {
+.report-key-value-table tr:first-child td {
     border-top: 1px solid rgba(34, 36, 38, .15);
 }
 
-.ort-excluded {
-    filter: opacity(50%);
-}
-
-.ort-reason {
-    border-radius: 3px;
-    background: #EEE;
-    padding: 2px;
-    font-size: 12px;
-    display: inline;
-}
+/*
+ * The base class for the main top level tables for violations, issues and projects.
+ */
 
-table.ort-excluded tr.ort-excluded {
-    filter: opacity(100%);
-}
-
-table tr.ort-excluded td li.ort-excluded {
-    filter: opacity(100%);
-}
-
-table.ort-excluded tr.ort-excluded td li.ort-excluded {
-    filter: opacity(100%);
-}
-
-.ort-report-table {
+.report-table {
     border-spacing: 0;
     overflow: hidden;
     table-layout: fixed;
@@ -101,38 +93,7 @@ table.ort-excluded tr.ort-excluded td li.ort-excluded {
     width: 100%;
 }
 
-.ort-report-table tr:hover {
-    background: rgba(34, 36, 38, .15);
-}
-
-.ort-report-table tr.ort-error {
-    background: #fff6f6;
-    color: #9f3a38;
-}
-
-.ort-report-table tr.ort-warning {
-    background: #fffaf3;
-    color: #573a08;
-}
-
-.ort-report-table tr.ort-hint {
-    background: #f7f5ff;
-    color: #1c0859;
-}
-
-.ort-report-table tr:last-child td {
-    border-bottom: 1px solid rgba(34, 36, 38, .15);
-}
-
-.ort-report-table tr:last-child td:first-child {
-    border-bottom-left-radius: .28rem;
-}
-
-.ort-report-table tr:last-child td:last-child {
-    border-bottom-right-radius: .28rem;
-}
-
-.ort-report-table th {
+.report-table th {
     background-color: #f9fafb;
     border-left: 1px solid rgba(34, 36, 38, .15);
     border-top: 1px solid rgba(34, 36, 38, .15);
@@ -143,7 +104,7 @@ table.ort-excluded tr.ort-excluded td li.ort-excluded {
     white-space: nowrap;
 }
 
-.ort-report-table th:first-child {
+.report-table th:first-child {
     width: 30px;
     white-space: nowrap;
     border-top-left-radius: .28rem;
@@ -151,13 +112,25 @@ table.ort-excluded tr.ort-excluded td li.ort-excluded {
     border-top: 1px solid rgba(34, 36, 38, .15);
 }
 
-.ort-report-table th:last-child {
+.report-table th:last-child {
     border-top-right-radius: .28rem;
     border-right: 1px solid rgba(34, 36, 38, .15);
     border-top: 1px solid rgba(34, 36, 38, .15);
 }
 
-.ort-report-table td {
+.report-table tr:last-child td {
+    border-bottom: 1px solid rgba(34, 36, 38, .15);
+}
+
+.report-table tr:last-child td:first-child {
+    border-bottom-left-radius: .28rem;
+}
+
+.report-table tr:last-child td:last-child {
+    border-bottom-right-radius: .28rem;
+}
+
+.report-table td {
     border-left: 1px solid rgba(34, 36, 38, .15);
     border-top: 1px solid rgba(34, 36, 38, .15);
     padding: 8px;
@@ -167,34 +140,89 @@ table.ort-excluded tr.ort-excluded td li.ort-excluded {
     word-wrap: break-word;
 }
 
-.ort-report-table td:last-child {
+.report-table td:last-child {
     border-right: 1px solid rgba(34, 36, 38, .15);
 }
 
-.ort-report-table.ort-violations tr.ort-resolved {
+.report-table li.resolved {
+    color: #2c662d;
+}
+
+.report-table details {
+    overflow: scroll;
+}
+
+.report-table tr.error {
+    background: #fff6f6;
+    color: #9f3a38;
+}
+
+.report-table tr.warning {
+    background: #fffaf3;
+    color: #573a08;
+}
+
+.report-table tr.hint {
+    background: #f7f5ff;
+    color: #1c0859;
+}
+
+/**
+ * Rule violation table, which specializes .report-table.
+ */
+
+.report-rule-violation-table tr.resolved {
     background: #fcfff5;
     color: #2c662d;
 }
 
-.ort-report-table.ort-packages tr.ort-error {
+/**
+ * Project table, which specializes .report-table.
+ */
+
+.report-project-table tr.error {
     color: black;
 }
 
-.ort-report-table.ort-packages tr.ort-error td:nth-child(5),
-.ort-report-table.ort-packages tr.ort-error td:nth-child(6) {
+.report-project-table tr.error td:nth-child(5),
+.report-project-table tr.error td:nth-child(6) {
     color: #9f3a38;
 }
 
-.ort-report-table li.ort-resolved {
-    color: #2c662d;
+/*
+ * Excluded state.
+ */
+
+.excluded {
+    filter: opacity(50%);
 }
 
-.ort-report-table details {
-    overflow: scroll;
+.reason {
+    border-radius: 3px;
+    background: #EEE;
+    padding: 2px;
+    font-size: 12px;
+    display: inline;
+}
+
+table.excluded tr.excluded {
+    filter: opacity(100%);
 }
 
+table tr.excluded td li.excluded {
+    filter: opacity(100%);
+}
+
+table.excluded tr.excluded td li.excluded {
+    filter: opacity(100%);
+}
+
+/**
+ * Report table media specific styling.
+ */
+
 @media all and (max-width: 1000px) {
-    .ort-report-table th:nth-child(2), .ort-report-table td:nth-child(2) {
+    .report-table th:nth-child(2), .report-table td:nth-child(2) {
         display: none;
         width: 0;
         height: 0;
@@ -204,7 +232,7 @@ table.ort-excluded tr.ort-excluded td li.ort-excluded {
 }
 
 @media all and (max-width: 900px) {
-    .ort-report-table th:nth-child(3), .ort-report-table td:nth-child(3) {
+    .report-table th:nth-child(3), .report-table td:nth-child(3) {
         display: none;
         width: 0;
         height: 0;
@@ -214,10 +242,10 @@ table.ort-excluded tr.ort-excluded td li.ort-excluded {
 }
 
 @media all and (max-width: 800px) {
-    .ort-report-table th:nth-child(5),
-    .ort-report-table td:nth-child(5),
-    .ort-report-table th:nth-child(6),
-    .ort-report-table td:nth-child(6) {
+    .report-table th:nth-child(5),
+    .report-table td:nth-child(5),
+    .report-table th:nth-child(6),
+    .report-table td:nth-child(6) {
         display: none;
         width: 0;
         height: 0;
@@ -225,23 +253,23 @@ table.ort-excluded tr.ort-excluded td li.ort-excluded {
         visibility: collapse;
     }
 
-    .ort-report-table th:nth-child(4) {
+    .report-table th:nth-child(4) {
         border-top-right-radius: .28rem;
         border-right: 1px solid rgba(34, 36, 38, .15);
     }
 
-    .ort-report-table td:nth-child(4) {
+    .report-table td:nth-child(4) {
         border-right: 1px solid rgba(34, 36, 38, .15);
     }
 
-    .ort-report-table tr:last-child td:nth-child(4) {
+    .report-table tr:last-child td:nth-child(4) {
         border-bottom-right-radius: .28rem;
     }
 }
 
 @media all and (max-width: 500px) {
-    .ort-report-table th:nth-child(4),
-    .ort-report-table td:nth-child(4) {
+    .report-table th:nth-child(4),
+    .report-table td:nth-child(4) {
         display: none;
         width: 0;
         height: 0;
@@ -249,16 +277,16 @@ table.ort-excluded tr.ort-excluded td li.ort-excluded {
         visibility: collapse;
     }
 
-    .ort-report-table th:first-child {
+    .report-table th:first-child {
         border-top-right-radius: .28rem;
         border-right: 1px solid rgba(34, 36, 38, .15);
     }
 
-    .ort-report-table td:first-child {
+    .report-table td:first-child {
         border-right: 1px solid rgba(34, 36, 38, .15);
     }
 
-    .ort-report-table tr:last-child td:first-child {
+    .report-table tr:last-child td:first-child {
         border-bottom-right-radius: .28rem;
     }
 }