improve syntax

9 files changed, 342 insertions, 342 deletions

diff --git a/css/cloud-ui.css b/css/cloud-ui.css
index c353a62..e0b7b6a 100644
--- a/css/cloud-ui.css
+++ b/css/cloud-ui.css
@@ -26,10 +26,10 @@
     margin: 0.5em 0;
     padding: 1em 1em 0 1em;
     position: relative;
-    }
+}
 #cloudWidget.hide {
     display: none;
-    }
+}
 #cloudWidget > button {
     display: inline-block;
     font-family: FontAwesome;
@@ -40,30 +40,30 @@
     padding: 0.2em 0.25em 0.1em 0.25em;
     position: relative;
     vertical-align: baseline;
-    }
+}
 #cloudWidget > button[disabled] {
     visibility: hidden;
-    }
+}
 #cloudWidget > button.error {
     color: red;
-    }
+}
 #cloudPush:after {
     content: '\f0ee';
-    }
+}
 #cloudPull:before,
 #cloudPullAndMerge:before {
     content: '\f0ed';
 }
 #cloudPullAndMerge {
     margin: 0 0.25em;
-    }
+}
 #cloudPullAndMerge:after {
     content: '\f067';
     font-size: 50%;
     position: absolute;
     right: 0;
     top: 10%;
-    }
+}
 #cloudWidget > span {
     color: gray;
     display: inline-block;
@@ -72,15 +72,15 @@
     padding: 0;
     vertical-align: bottom;
     white-space: pre;
-    }
+}
 #cloudError {
     color: red;
     margin: 0;
     padding: 0.5em 0;
-    }
+}
 #cloudError > span {
     font-size: x-small;
-    }
+}
 #cloudWidget > #cloudCog {
     cursor: pointer;
     display: inline-block;
@@ -90,16 +90,16 @@
     padding: 4px;
     position: absolute;
     top: 0;
-    }
+}
 body[dir="ltr"] #cloudWidget > #cloudCog {
     right: 0;
-    }
+}
 body[dir="rtl"] #cloudWidget > #cloudCog {
     left: 0;
-    }
+}
 #cloudWidget > #cloudCog:hover {
     opacity: 1;
-    }
+}
 #cloudWidget > #cloudOptions {
     align-items: center;
     -webkit-align-items: center;
@@ -113,14 +113,14 @@ body[dir="rtl"] #cloudWidget > #cloudCog {
     right: 0;
     top: 0;
     z-index: 2000;
-    }
+}
 #cloudWidget > #cloudOptions.show {
     display: flex;
     display: -webkit-flex;
-    }
+}
 #cloudWidget > #cloudOptions > div {
     background-color: white;
     border-radius: 3px;
     padding: 1em;
     text-align: center;
-    }
+}
diff --git a/css/common.css b/css/common.css
index 981e590..ebc5693 100644
--- a/css/common.css
+++ b/css/common.css
@@ -21,28 +21,28 @@
 */
 
 @font-face {
-  font-family: 'httpsb';
-  font-style: normal;
-  font-weight: normal;
-  src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf) format('truetype');
+    font-family: 'httpsb';
+    font-style: normal;
+    font-weight: normal;
+    src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf) format('truetype');
 }
 @font-face {
-  font-family: 'httpsb';
-  font-style: normal;
-  font-weight: bold;
-  src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf) format('truetype');
+    font-family: 'httpsb';
+    font-style: normal;
+    font-weight: bold;
+    src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf) format('truetype');
 }
 @font-face {
-  font-family: 'httpsb';
-  font-style: normal;
-  font-weight: 100;
-  src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-Light.ttf) format('truetype');
+    font-family: 'httpsb';
+    font-style: normal;
+    font-weight: 100;
+    src: local('httpsb'), url(fonts/Roboto_Condensed/RobotoCondensed-Light.ttf) format('truetype');
 }
 @font-face {
-  font-family: 'FontAwesome';
-  src: url('fonts/fontawesome-webfont.ttf') format('truetype');
-  font-weight: normal;
-  font-style: normal;
+    font-family: 'FontAwesome';
+    src: url('fonts/fontawesome-webfont.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
 }
 .fa {
     font-family: FontAwesome;
@@ -51,24 +51,24 @@
     line-height: 1;
     vertical-align: baseline;
     display: inline-block;
-    }
+}
 
 body[dir="ltr"] {
     direction: ltr;
-    }
+}
 body[dir="rtl"] {
     direction: rtl;
-    }
+}
 
 /* http://stackoverflow.com/questions/2011142/how-to-change-the-style-of-title-attribute-inside-the-anchor-tag?answertab=votes */
 *[data-i18n-tip] {
     position: relative;
     cursor: pointer;
-    }
+}
 *[data-i18n-tip]:after {
     content: "";
     opacity: 0;
-    }
+}
 *[data-i18n-tip]:hover:after {
     background-color: #fffffa;
     border: 1px solid gray;
@@ -89,15 +89,15 @@ body[dir="rtl"] {
     transition: opacity 0.15s 0.5s;
     white-space: pre-line;
     z-index: 20;
-    }
+}
 body[dir="ltr"] .tip-anchor-left[data-i18n-tip]:hover:after,
 body[dir="rtl"] .tip-anchor-right[data-i18n-tip]:hover:after {
     left: -3vw;
-    }
+}
 body[dir="ltr"] .tip-anchor-right[data-i18n-tip]:hover:after,
 body[dir="rtl"] .tip-anchor-left[data-i18n-tip]:hover:after {
     right: -3vw;
-    }
+}
 button.custom {
     padding: 0.6em 1em;
     border: 1px solid transparent;
@@ -108,10 +108,10 @@ button.custom {
     background-repeat: repeat-x;
     color: #000;
     opacity: 0.8;
-    }
+}
 button.custom:hover {
     opacity: 1.0;
-    }
+}
 button.custom.important {
     padding: 0.6em 1em;
     border: 1px solid transparent;
@@ -122,10 +122,10 @@ button.custom.important {
     background-repeat: repeat-x;
     color: #222;
     opacity: 0.8;
-    }
+}
 button.custom.important:hover {
     opacity: 1.0;
-    }
+}
 button.custom.disabled,
 button.custom[disabled] {
     border-color: #ddd #ddd hsl(36, 0%, 85%);
@@ -134,7 +134,7 @@ button.custom[disabled] {
     color: #666;
     opacity: 0.6;
     pointer-events: none;
-    }
+}
 code {
     font-size: 90%;
-    }
+}
diff --git a/css/dashboard-common.css b/css/dashboard-common.css
index 8012121..e1c8b18 100644
--- a/css/dashboard-common.css
+++ b/css/dashboard-common.css
@@ -26,44 +26,44 @@ body {
     margin: 0;
     padding: 0 0.5em 0 0.5em;
     font: 15px/1.4 sans-serif;
-    }
+}
 body > *:first-child {
     margin-top: 0;
-    }
+}
 h2, h3 {
     margin: 1em 0;
     font-family: sans-serif;
-    }
+}
 h2 {
     font-size: 18px;
-    }
+}
 h2:nth-of-type(1) {
     margin-top: 0;
-    }
+}
 h3 {
     font-size: 16px;
-    }
+}
 h2 + * {
     padding: 0;
-    }
+}
 html.ltr h2 + * {
     margin: 0 0 0 1em;
-    }
+}
 html.rtl h2 + * {
     margin: 0 1em 0 0;
-    }
+}
 a {
     text-decoration: none;
-    }
+}
 button {
     padding: 0.3em 0.5em;
-    }
+}
 input[disabled] + label {
     color: gray;
-    }
+}
 .para {
     width: 40em;
-    }
+}
 
 .whatisthis {
     margin: 0 0 0 8px;
@@ -72,13 +72,13 @@ input[disabled] + label {
     padding: 0 0 4px 0;
     cursor: pointer;
     opacity: 0.4;
-    }
+}
 .whatisthis:before {
     content: '\f059';
-    }
+}
 .whatisthis:hover {
     opacity: 1.0;
-    }
+}
 .whatisthis-expandable {
     background-color: #F8F8F8;
     border: 1px dotted #aaa;
@@ -87,19 +87,19 @@ input[disabled] + label {
     margin: 0.5em 0 1em 1.25em;
     padding: 0.5em;
     white-space: pre-line;
-    }
+}
 .whatisthis-expandable > p {
     margin-top: 1em;
     margin-bottom: 0;
-    }
+}
 .whatisthis-expandable > p:first-child {
     margin-top: 0;
-    }
+}
 .whatisthis-expandable.whatisthis-expanded {
     display: block;
-    }
+}
 .warn {
     margin: 0;
     padding: 5px;
     background-color: #FEDAE0;
-    }
+}
diff --git a/css/dashboard.css b/css/dashboard.css
index c449d2d..9cc8635 100644
--- a/css/dashboard.css
+++ b/css/dashboard.css
@@ -29,7 +29,7 @@ body {
     width: 100vw;
     height: 100vh;
     overflow: hidden;
-    }
+}
 #dashboard-nav {
     margin: 0;
     border: 0;
@@ -39,18 +39,18 @@ body {
     width: 100vw;
     height: 50px;
     z-index: 10;
-    }
+}
 #dashboard-nav-widgets {
     margin: 0;
     border-bottom: 1px solid #ccc;
     padding: 4px 0 0 0;
     white-space: nowrap;
     background-color: white;
-    }
+}
 #dashboard-nav-widgets span {
     padding: 0 0.5em;
     font-size: larger;
-    }
+}
 .tabButton {
     margin: 0;
     border: 1px solid #ccc;
@@ -65,17 +65,17 @@ body {
     font: inherit;
     cursor: pointer;
     text-decoration: none;
-    }
+}
 .tabButton:focus {
     outline: 0;
-    }
+}
 .tabButton:active,.tabButton:visited {
     color: inherited;
-    }
+}
 .tabButton.selected {
     border-bottom: 1px solid white;
     background-color: white;
-    }
+}
 iframe {
     margin: 0;
     border: 0;
@@ -86,4 +86,4 @@ iframe {
     top: 50px;
     width: 100%;
     height: calc(100% - 50px);
-    }
+}
diff --git a/css/hosts-files.css b/css/hosts-files.css
index 9b85176..56de62a 100644
--- a/css/hosts-files.css
+++ b/css/hosts-files.css
@@ -29,74 +29,74 @@
     67.5% { transform: rotate(225deg); -webkit-transform: rotate(225deg); }
     75% { transform: rotate(270deg); -webkit-transform: rotate(270deg); }
     87.5% { transform: rotate(315deg); -webkit-transform: rotate(315deg); }
-    }
+}
 ul {
     padding: 0;
     list-style-type: none;
-    }
+}
 ul#options {
     margin-top: 0;
-    }
+}
 ul#options li {
     margin-bottom: 0.5em;
-    }
+}
 ul#lists {
     margin: 0.5em 0 0 0;
     padding: 0;
-    }
+}
 li.listEntry {
     margin: 0 auto 0 auto;
     padding: 0.2em 0;
-    }
+}
 body[dir="ltr"] li.listEntry {
     margin-left: 1em;
     margin-right: 0em;
-    }
+}
 body[dir="rtl"] li.listEntry {
     margin-left: 0em;
     margin-right: 1em;
-    }
+}
 li.listEntry > * {
     margin-right: 0.5em;
     text-indent: 0;
     unicode-bidi: embed;
-    }
+}
 li.listEntry > a:nth-of-type(2) {
     font-size: 13px;
     opacity: 0.5;
-    }
+}
 li.listEntry.toRemove > input[type="checkbox"] {
     visibility: hidden;
-    }
+}
 li.listEntry.toRemove > a.content {
     text-decoration: line-through;
-    }
+}
 li.listEntry > .fa {
     color: inherit;
     display: none;
     font-size: 110%;
     opacity: 0.5;
     vertical-align: baseline;
-    }
+}
 li.listEntry > a.fa:hover {
     opacity: 1;
-    }
+}
 li.listEntry.support > a.support {
     display: inline-block;
-    }
+}
 li.listEntry > a.remove,
 li.listEntry > a.remove:visited {
     color: darkred;
-    }
+}
 li.listEntry.external > a.remove {
     display: inline-block;
-    }
+}
 li.listEntry.mustread > a.mustread {
     display: inline-block;
-    }
+}
 li.listEntry.mustread > a.mustread:hover {
     color: mediumblue;
-    }
+}
 li.listEntry > .counts {
     display: none;
     font-size: smaller;
@@ -111,54 +111,54 @@ li.listEntry span.status {
 }
 li.listEntry span.status:hover {
     opacity: 1;
-    }
+}
 li.listEntry span.unsecure {
     color: darkred;
-    }
+}
 li.listEntry.unsecure > input[type="checkbox"]:checked ~ span.unsecure {
     display: inline-block;
-    }
+}
 li.listEntry span.failed {
     color: darkred;
-    }
+}
 li.listEntry.failed span.failed {
     display: inline-block;
-    }
+}
 li.listEntry span.cache {
     cursor: pointer;
-    }
+}
 li.listEntry.cached:not(.obsolete) > input[type="checkbox"]:checked ~ span.cache {
     display: inline-block;
-    }
+}
 li.listEntry span.obsolete {
     color: hsl(36, 100%, 40%);
-    }
+}
 body:not(.updating) li.listEntry.obsolete > input[type="checkbox"]:checked ~ span.obsolete {
     display: inline-block;
-    }
+}
 li.listEntry span.updating {
     transform-origin: 50% 46%;
-    }
+}
 body.updating li.listEntry.obsolete > input[type="checkbox"]:checked ~ span.updating {
     animation: spin 1s step-start infinite;
     display: inline-block;
-    }
+}
 .dim {
     opacity: 0.5;
-    }
+}
 #externalLists {
     margin: 2em auto 0 auto;
-    }
+}
 body[dir="ltr"] #externalListsDiv {
     margin-left: 1em;
-    }
+}
 body[dir="rtl"] #externalListsDiv {
     margin-right: 1em;
-    }
+}
 #externalHostsFiles {
     box-sizing: border-box;
     font-size: smaller;
     width: 100%;
     height: 12em;
     white-space: pre;
-    }
+}
diff --git a/css/logger-ui.css b/css/logger-ui.css
index 8ecde23..6d5a008 100644
--- a/css/logger-ui.css
+++ b/css/logger-ui.css
@@ -30,7 +30,7 @@ body {
     overflow-x: hidden;
     padding: 0;
     width: 100%;
-    }
+}
 #toolbar {
     background-color: white;
     border: 0;
@@ -44,7 +44,7 @@ body {
     top: 0;
     width: 100%;
     z-index: 10;
-    }
+}
 #toolbar .button {
     background-color: white;
     border: none;
@@ -55,53 +55,53 @@ body {
     font-size: 150%;
     margin: 0;
     padding: 8px;
-    }
+}
 #toolbar .button.disabled {
     opacity: 0.2;
     pointer-events: none;
-    }
+}
 #toolbar .button:hover {
     background-color: #eee;
-    }
+}
 #toolbar > div {
     white-space: nowrap;
-    }
+}
 #toolbar > div:first-of-type {
     font-size: 120%;
-    }
+}
 #toolbar > div > * {
     vertical-align: middle;
-    }
+}
 #pageSelector {
     width: 28em;
     padding: 0.2em 0;
-    }
+}
 body #compactViewToggler.button:before {
     content: '\f102';
-    }
+}
 body.compactView #compactViewToggler.button:before {
     content: '\f103';
-    }
+}
 #filterButton {
     opacity: 0.25;
-    }
+}
 body.f #filterButton {
     opacity: 1;
-    }
+}
 #filterInput.bad {
     background-color: #fee;
-    }
+}
 #maxEntries {
     margin: 0 2em;
-    }
+}
 input:focus {
     background-color: #ffe;
-    }
+}
 #content {
     font-family: "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     font-size: 13px;
     width: 100%;
-    }
+}
 
 #content table {
     border: 0;
@@ -109,43 +109,43 @@ input:focus {
     direction: ltr;
     table-layout: fixed;
     width: 100%;
-    }
+}
 #content table > colgroup > col:nth-of-type(1) {
     width: 4.6em;
-    }
+}
 #content table > colgroup > col:nth-of-type(2) {
     width: 2.2em;
-    }
+}
 #content table > colgroup > col:nth-of-type(3) {
     width: 2.2em;
-    }
+}
 #content table > colgroup > col:nth-of-type(4) {
     width: 5.4em;
-    }
+}
 #content table > colgroup > col:nth-of-type(5) {
     width: calc(100% - 14.4em);
-    }
+}
 #content table tr {
     background-color: #fafafa;
-    }
+}
 body.f table tr.f {
     display: none;
-    }
+}
 #content table tr:nth-of-type(2n+1) {
     background-color: #eee;
-    }
+}
 
 #content table tr.cat_info {
     color: #00f;
-    }
+}
 #content table tr.blocked {
     color: #f00;
-    }
+}
 #content table tr.doc {
     background-color: #666;
     color: white;
     text-align: center;
-    }
+}
 
 body #content td {
     border: 1px solid #ccc;
@@ -155,61 +155,61 @@ body #content td {
     white-space: normal;
     word-break: break-all;
     word-wrap: break-word;
-    }
+}
 #content table tr td:first-of-type {
     border-left: none;
-    }
+}
 #content table tr td:last-of-type {
     border-right: none;
-    }
+}
 body.compactView #content tr:not(.vExpanded) td {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    }
+}
 
 #content table tr td:nth-of-type(1) {
     cursor: default;
     text-align: right;
     white-space: nowrap;
-    }
+}
 #content table tr td:nth-of-type(2) {
     text-align: center;
     white-space: nowrap;
-    }
+}
 #content table tr.tab_bts > td:nth-of-type(2):before {
     content: '\f070';
     font: 1em FontAwesome;
-    }
+}
 #content table tr.tab:not(.canMtx) {
     opacity: 0.3;
-    }
+}
 #content table tr.tab:not(.canMtx):hover {
     opacity: 0.7;
-    }
+}
 #content table tr.tab:not(.canMtx) > td:nth-of-type(2):before {
     content: '\f00d';
     font: 1em FontAwesome;
-    }
+}
 body:not(.popupOn) #content table tr.canMtx td:nth-of-type(2) {
     cursor: zoom-in;
-    }
+}
 body:not(.popupOn) #content table tr.canMtx td:nth-of-type(2):hover {
     background: #ccc;
-    }
+}
 #content table tr.cat_net td:nth-of-type(3) {
     font: 12px monospace;
     text-align: center;
     white-space: nowrap;
-    }
+}
 #content table tr.cat_net td:nth-of-type(5) {
-    }
+}
 #content table tr.cat_net td:nth-of-type(5) > span > * {
     opacity: 0.6;
-    }
+}
 #content table tr.cat_net td:nth-of-type(5) > span > b:first-of-type {
     opacity: 1;
-    }
+}
 
 #popupContainer {
     background: white;
@@ -220,36 +220,36 @@ body:not(.popupOn) #content table tr.canMtx td:nth-of-type(2):hover {
     right: 1em;
     top: 0;
     z-index: 200;
-    }
+}
 body.popupOn #popupContainer {
     display: block;
-    }
+}
 #popupContainer > div {
     background: #888;
     border: 0;
-    }
+}
 #popupContainer > div {
     text-align: right;
-    }
+}
 #popupContainer > div > span {
     color: #ccc;
     cursor: pointer;
     display: inline-block;
     font: 14px FontAwesome;
     padding: 3px;
-    }
+}
 #popupContainer > div > span:hover {
     color: white;
-    }
+}
 #popupContainer > iframe {
     border: 0;
     padding: 0;
     margin: 0;
     width: 100%;
-    }
+}
 #popupContainer.hide {
     width: 6em !important;
-    }
+}
 #popupContainer.hide > iframe {
     display: none;
-    }
+}
diff --git a/css/popup.css b/css/popup.css
index fa55c94..6be3d1a 100644
--- a/css/popup.css
+++ b/css/popup.css
@@ -33,19 +33,19 @@ body {
     overflow-y: auto;
     padding: 0;
     position: relative;
-    }
+}
 *:focus {
     outline: none;
-    }
+}
 a {
     color: inherit;
     text-decoration: none;
-    }
+}
 
 #version {
     font-size: 10px;
     font-weight: normal;
-    }
+}
 #gotoDashboard {
     background-color: #444;
     border: 0;
@@ -58,17 +58,17 @@ a {
     padding: 3px 0;
     position: relative;
     text-align: center;
-    }
+}
 #gotoDashboard > span:last-of-type {
     opacity: 0.5;
     position: absolute;
-    }
+}
 body[dir="ltr"] #gotoDashboard > span:last-of-type {
     left: 3px;
-    }
+}
 body[dir="rtl"] #gotoDashboard > span:last-of-type {
     right: 3px;
-    }
+}
 
 .paneHead {
     background-color: white;
@@ -78,10 +78,10 @@ body[dir="rtl"] #gotoDashboard > span:last-of-type {
     right: 0;
     top: 0;
     z-index: 100;
-    }
+}
 .paneContent {
     padding-top: 5.5em;
-    }
+}
 
 
 .paneHead > a:first-child {
@@ -96,7 +96,7 @@ body[dir="rtl"] #gotoDashboard > span:last-of-type {
     margin: 0;
     padding: 2px 0;
     text-align: center;
-    }
+}
 #toolbarContainer {
     display: flex;
     justify-content: space-between;
@@ -106,7 +106,7 @@ body[dir="rtl"] #gotoDashboard > span:last-of-type {
     display: inline-flex;
     margin: 0;
     padding: 0;
-    }
+}
 
 body .toolbar button {
     background-color: white;
@@ -116,69 +116,69 @@ body .toolbar button {
     margin: 0;
     padding: 0.2em 0.2em 0.1em 0.2em;
     position: relative;
-    }
+}
 body .toolbar button:hover {
     background-color: #eee;
-    }
+}
 body .toolbar button.disabled {
     color: #ccc;
-    }
+}
 body .toolbar button.fa {
     font: 1.7em FontAwesome;
     min-width: 1.4em;
-    }
+}
 #mtxSwitch_matrix-off.switchTrue {
     color: #a00;
-    }
+}
 
 #mtxSwitches > li  {
     align-items: center;
     color: #888;
     display: flex;
-    }
+}
 #mtxSwitches > li.switchTrue {
     color: #000;
-    }
+}
 #mtxSwitches > li > svg {
     display: inline;
     height: 1em;
     margin-right: 0.4em;
     width: 1.5em;
-    }
+}
 #mtxSwitches > li > svg * {
     fill-opacity: 1;
     opacity: 1;
     stroke: none;
-    }
+}
 #mtxSwitches > li.relevant > svg .dot {
     fill: #aaa;
-    }
+}
 #mtxSwitches > li.switchTrue.relevant > svg .dot {
     fill: #eee;
-    }
+}
 #mtxSwitches > li > svg .off,
 #mtxSwitches > li.switchTrue > svg .on,
 #mtxSwitches > li.relevant > svg .dot {
     display: block;
-    }
+}
 #mtxSwitches > li > svg .on,
 #mtxSwitches > li > svg .dot,
 #mtxSwitches > li.switchTrue > svg .off {
     display: none;
-    }
+}
 #mtxSwitches > li > span[data-i18n] {
     flex-grow: 1;
-    }
+}
 #mtxSwitches > li > a {
     color: #000;
     opacity: 0;
-    }
+}
 #mtxSwitches > li:hover > a {
     opacity: 0.1;
-    }
+}
 #mtxSwitches > li > a:hover {
     opacity: 0.8;
-    }
+}
 
 .dropdown-menu-capture {
     background-color: transparent;
@@ -192,10 +192,10 @@ body .toolbar button.fa {
     right: 0;
     top: 0;
     z-index: 300;
-    }
+}
 .dropdown-menu-capture.show {
     display: block;
-    }
+}
 .dropdown-menu {
     border: 0;
     display: inline-block;
@@ -203,7 +203,7 @@ body .toolbar button.fa {
     padding: 3px 0 0 0;
     position: absolute;
     white-space: normal;
-    }
+}
 .dropdown-menu > ul {
     margin: 0;
     border: 0;
@@ -212,7 +212,7 @@ body .toolbar button.fa {
     padding: 0;
     background-color: white;
     list-style-type: none;
-    }
+}
 .dropdown-menu > ul > li.dropdown-menu-entry {
     border: 0;
     color: black;
@@ -220,21 +220,21 @@ body .toolbar button.fa {
     margin: 0;
     padding: 0.2em 0.25em;
     white-space: nowrap;
-    }
+}
 .dropdown-menu > ul > li.dropdown-menu-entry:hover {
     background: #eee;
-    }
+}
 .dropdown-menu > ul > li.dropdown-menu-entry-divider {
     border-top: 1px solid #ccc;
     margin: 0.5em 0;
-    }
+}
 .dropdown-menu.show {
     display: block;
-    }
+}
 
 #buttonReload {
     margin-left: 1em;
-    }
+}
 
 button > span.badge {
     padding: 1px 1px;
@@ -245,19 +245,19 @@ button > span.badge {
     bottom: 1px;
     color: #000;
     background-color: rgba(240,240,240,0.75)
-    }
+}
 button.disabled > span.badge {
     display: none;
-    }
+}
 #buttonPresets + .dropdown-menu {
     position: fixed;
     left: 10vw;
     width: 80vw;
-    }
+}
 .presetInfo {
     margin: 0.25em 0.5em;
     text-align: center;
-    }
+}
 .presetEntry {
     margin: 0.25em 0.25em;
     border-radius: 3px;
@@ -265,14 +265,14 @@ button.disabled > span.badge {
     display: inline-block;
     cursor: pointer;
     background-color: #eee;
-    }
+}
 .presetEntry .fa {
     margin-right: 0.25em;
     font-size: 110%;
-    }
+}
 .presetEntry:hover {
     background-color: #80e2ff;
-    }
+}
 #presetMore > *:first-child {
     margin: 0;
     padding: 0;
@@ -280,19 +280,19 @@ button.disabled > span.badge {
     color: #888;
     cursor: pointer;
     font-size: 13px;
-    }
+}
 #presetMore > *:first-child + div {
     margin: 0.25em 0 0 0;
     padding: 0.25em 0 0 0;
     display: none;
     text-align: center;
-    }
+}
 #presetMore > *:first-child + div.show {
     display: block;
-    }
+}
 #presetMore > *:first-child + div > * {
     vertical-align: middle;
-    }
+}
 #presetMoreRecipe {
     border: 1px solid #aaa;
     width: 75%;
@@ -301,20 +301,20 @@ button.disabled > span.badge {
     resize: none;
     font-size: 10px;
     color: #888;
-    }
+}
 #presetMoreRecipe.bad {
     border: 1px solid #fcc;
     color: #aaa;
-    }
+}
 #presetMoreWrite.bad {
     visibility: hidden;
-    }
+}
 
 /* I think this is obsolete */
 .dropdown-menu > li > a > i {
     padding: 0 6px;
     font-size: 1.2em;
-    }
+}
 
 body .toolbar .scope {
     background-color: #ccc;
@@ -326,75 +326,75 @@ body .toolbar .scope {
     margin: 0;
     padding: 1px;
     cursor: pointer;
-    }
+}
 body .toolbar .scope > span {
     align-items: center;
     display: inline-flex;
-    }
+}
 body .toolbar .scope > span > span {
     pointer-events: none;
     white-space: nowrap;
-    }
+}
 body .toolbar #specificScope {
     direction: ltr;
     justify-content: flex-end;
     width: 16em;
-    }
+}
 body .toolbar #specificScope.on {
     background-color: #24c;
     border-color: #24c;
-    }
+}
 body .toolbar #specificScope > span {
     background-color: #ccc;
     justify-content: flex-end;
-    }
+}
 body .toolbar #specificScope > span.on {
     background-color: #24c;
-    }
+}
 body .toolbar #specificScope > span:first-of-type:not(.on):hover,
 body .toolbar #specificScope > span:first-of-type:not(.on):hover ~ span:not(.on),
 body .toolbar #specificScope > span:not(.on) + span:not(.on):hover,
 body .toolbar #specificScope > span:not(.on) + span:not(.on):hover ~ span:not(.on) {
     background-color: #999;
-    }
+}
 body .toolbar #specificScope > span:first-of-type:not(.on):hover ~ span,
 body .toolbar #specificScope > span:not(.on) + span:not(.on):hover ~ span,
 body .toolbar #specificScope > span.on + span:hover,
 body .toolbar #specificScope > span.on + span:hover ~ span {
     background-color: #139;
-    }
+}
 body .toolbar #specificScope > span:first-of-type {
     flex: 1;
-    }
+}
 body .toolbar #globalScope {
     justify-content: center;
     margin-left: 1px;
     width: 1.8em;
-    }
+}
 body .toolbar #globalScope.on {
     background-color: #000;
     border-color: #000;
-    }
+}
 body .toolbar #globalScope:not(.on):hover {
     background-color: #999;
     border-color: #999;
-    }
+}
 body .toolbar .scopeRel {
     color: #24c;
-    }
+}
 body.globalScope .toolbar .scopeRel {
     color: #000;
-    }
+}
 body.globalScope .toolbar .scopeRel.disabled {
     color: #ccc;
-    }
+}
 
 .matrix {
     text-align: left;
-    }
+}
 .matRow {
     white-space: nowrap;
-    }
+}
 .matCell {
     margin: 1px 1px 0 0;
     border: 1px dotted rgba(0,0,0,0.2);
@@ -407,23 +407,23 @@ body.globalScope .toolbar .scopeRel.disabled {
     text-align: center;
     line-height: 110%;
     position: relative;
-    }
+}
 
 #matHead {
     border-top: 1px dotted #ccc;
     padding-top: 1px;
     margin: 1px 0 0 0;
-    }
+}
 .paneHead .matCell:nth-child(2) {
     letter-spacing: -0.3px;
-    }
+}
 
 .paneContent .matrix .matRow > .matCell:first-child {
     font-weight: 100;
-    }
+}
 .paneContent .matrix .matRow > .matCell:first-child > b {
     font-weight: normal;
-    }
+}
 
 /* RFC 3987 Internationalized Resource Identifiers (IRIs) -- 4.4 */
 .matrix .matRow > .matCell:first-child {
@@ -431,42 +431,42 @@ body.globalScope .toolbar .scopeRel.disabled {
     text-align: right;
     unicode-bidi: embed;
     width: 16em;
-    }
+}
 .matrix .matGroup.g4 .matRow.ro > .matCell:first-child {
     direction: inherit;
-    }
+}
 .matrix .matRow.l2 > .matCell:first-child {
     margin-left: 1px;
     width: calc(16em - 1px);
-    }
+}
 .matrix .matRow > .matCell:hover {
     border-style: solid;
-    }
+}
 .matrix .matGroup .matSection {
     margin: 2px 0 0 0;
     border: 0;
     padding: 0;
     /* background-color: rgba(0,0,0,0.05); */
-    }
+}
 .matrix .matGroup.g0 .matSection:first-child {
     margin-top: 0;
-    }
+}
 .matrix .matGroup.g4 .matSection:first-child {
     margin-top: 0;
-    }
+}
 /* Collapsing of domains */
 .matrix .matSection .matRow.meta {
     display: none;
-    }
+}
 .matrix .matSection.collapsible.collapsed .matRow.meta {
     display: block;
-    }
+}
 .matrix .matSection.collapsible.collapsed .matRow.l1:not(.meta) {
     display: none;
-    }
+}
 .matrix .matSection.collapsible.collapsed .matRow.l2.collapsible {
     display: none;
-    }
+}
 
 /* Collapsing of blacklisted */
 .matrix .g4Meta {
@@ -475,106 +475,106 @@ body.globalScope .toolbar .scopeRel.disabled {
     border: 0;
     height: 6px;
     background: url('../img/matrix-group-hide.png') no-repeat center top,
-                url('../img/matrix-group-hline.png') repeat-x center top 3px;
+    url('../img/matrix-group-hline.png') repeat-x center top 3px;
     opacity: 0.2;
     cursor: pointer;
-    }
+}
 .matrix .g4Meta:hover {
     opacity: 0.4;
-    }
+}
 .matrix .g4Meta.g4Collapsed {
     background: url('../img/matrix-group-show.png') no-repeat center top,
-                url('../img/matrix-group-hline.png') repeat-x center top 3px;
-    }
+    url('../img/matrix-group-hline.png') repeat-x center top 3px;
+}
 .matrix .g4Meta.g4Collapsed ~ .matSection {
     display: none;
-    }
+}
 body.powerOff .matrix .g4Meta.g4Collapsed ~ .matSection {
     display: block;
-    }
+}
 .matrix .g4Meta ~ .matRow.ro {
     display: none;
-    }
+}
 .matrix .g4Meta.g4Collapsed ~ .matRow.ro {
     display: block;
-    }
+}
 body.powerOff .matrix .g4Meta.g4Collapsed ~ .matRow.ro {
     display: none;
-    }
+}
 .matrix .matGroup .g4Meta + *,.matrix .matGroup .g4Meta + * + * {
     margin-top: 0;
     padding-top: 0;
-    }
+}
 
 /* Cell coloring */
 .t81 {
     color: white;
     background-color: #c00;
-    }
+}
 .t82 {
     color: white;
     background-color: #080;
-    }
+}
 .t1 {
     border-color: #debaba;
     color: black;
     background-color: #f8d0d0;
-    }
+}
 .t2 {
     border-color: #bad6ba;
     color: black;
     background-color: #d0f0d0;
-    }
+}
 .matCell.p81 {
     background-image: url('../img/permanent-black-small.png');
     background-repeat: no-repeat;
     background-position: -1px -1px;
-    }
+}
 .matCell.p82 {
     background-image: url('../img/permanent-white-small.png');
     background-repeat: no-repeat;
     background-position: -1px -1px;
-    }
+}
 
 /* Cell coloring for color blind-friendly (hopefully) */
 body.colorblind .t81 {
     color: white;
     background-color: rgb(0, 19, 110);
-    }
+}
 body.colorblind .t82 {
     border-color: rgb(255, 194, 57);
     color: black;
     background-color: rgb(255, 194, 57);
-    }
+}
 body.colorblind .t1 {
     border-color: rgba(0, 19, 110, 0.3);
     color: black;
     background-color: rgba(0, 19, 110, 0.2);
-    }
+}
 body.colorblind .t2 {
     border-color: rgba(255, 194, 57, 0.3);
     color: black;
     background-color: rgba(255, 194, 57, 0.2);
-    }
+}
 body.colorblind .matCell.p81 {
     background-image: url('../img/permanent-black-small-cb.png');
-    }
+}
 body.colorblind .matCell.p82 {
     background-image: url('../img/permanent-white-small-cb.png');
-    }
-    
+}
+
 
 .matRow.rw .matCell {
     cursor: pointer;
-    }
+}
 body.powerOff .matRow.rw .matCell {
     cursor: auto;
     opacity: 0.6;
-    }
+}
 
 .top {
     font-weight: bold;
-    }
+}
 
 #cellHotspots {
     margin: 0;
@@ -586,7 +586,7 @@ body.powerOff .matRow.rw .matCell {
     width: 100%;
     height: 100%;
     z-index: 10;
-    }
+}
 #whitelist, #blacklist {
     margin: 0;
     border: 0;
@@ -596,54 +596,54 @@ body.powerOff .matRow.rw .matCell {
     width: 100%;
     height: 50%;
     background: transparent;
-    }
+}
 #whitelist {
     top: 0;
-    }
+}
 #blacklist {
     top: 50%;
-    }
+}
 body.powerOff #whitelist, body.powerOff #blacklist {
     display: none;
-    }
+}
 .rw .matCell.t1 #whitelist:hover {
     background-color: #080;
     opacity: 0.25;
-    }
+}
 body.colorblind .rw .matCell.t1 #whitelist:hover,
 body.colorblind .rw .matCell.t2 #whitelist:hover {
     background-color: rgb(255, 194, 57);
     opacity: 0.6;
-    }
+}
 .rw .matCell.t2 #whitelist:hover {
     background-color: #080;
     opacity: 0.25;
-    }
+}
 .matCell.t81 #whitelist:hover {
     background-color: transparent;
-    }
+}
 .matCell.t82 #whitelist:hover {
     background-color: transparent;
-    }
+}
 .rw .matCell.t1 #blacklist:hover {
     background-color: #c00;
     opacity: 0.25;
-    }
+}
 body.colorblind .rw .matCell.t1 #blacklist:hover,
 body.colorblind .rw .matCell.t2 #blacklist:hover {
     background-color: rgb(0, 19, 110);
     opacity: 0.4;
-    }
+}
 .rw .matCell.t2 #blacklist:hover {
     background-color: #c00;
     opacity: 0.25;
-    }
+}
 .matCell.t81 #blacklist:hover {
     background-color: transparent;
-    }
+}
 .matCell.t82 #blacklist:hover {
     background-color: transparent;
-    }
+}
 #domainOnly {
     margin: 0;
     border: 1px solid gray;
@@ -659,35 +659,35 @@ body.colorblind .rw .matCell.t2 #blacklist:hover {
     opacity: 0.25;
     z-index: 10000;
     cursor: pointer;
-    }
+}
 .matSection #domainOnly .fa:before {
     content: '\f106';
-    }
+}
 .matSection.collapsed #domainOnly .fa:before {
     content: '\f107';
-    }
+}
 .matSection.collapsible .matRow.l1 .matCell:nth-of-type(1):hover #domainOnly {
     display: block;
-    }
+}
 #matHead #domainOnly .fa:before {
     content: '\f106';
-    }
+}
 #matHead.collapsed #domainOnly .fa:before {
     content: '\f107';
-    }
+}
 #matHead.collapsible .matRow .matCell:nth-of-type(1):hover #domainOnly {
     display: block;
-    }
+}
 #domainOnly:hover {
     opacity: 1;
-    }
+}
 
 /* No data was found for the tab */
 
 body.noTabFound .paneHead,
 body.noTabFound .paneContent {
     display: none;
-    }
+}
 body.noTabFound #noTabFound {
     align-items: center;
     color: gray;
@@ -695,19 +695,19 @@ body.noTabFound #noTabFound {
     font-size: xx-large;
     height: 100vh;
     justify-content: center;
-    }
+}
 
 /* Mobile-friendly rules */
 
 body.hConstrained {
     overflow-x: auto;
-    }
+}
 body.hConstrained .paneHead {
     left: auto;
     position: absolute;
     right: auto;
     width: 100%;
-    }
+}
 body[data-touch="true"] .matCell {
     line-height: 200%;
-    }
+}
diff --git a/css/raw-settings.css b/css/raw-settings.css
index f766458..874c78b 100644
--- a/css/raw-settings.css
+++ b/css/raw-settings.css
@@ -25,10 +25,10 @@ body {
     flex-direction: column;
     height: 100vh;
     justify-content: space-between;
-    }
+}
 p {
     margin: 0.5em 0;
-    }
+}
 textarea {
     box-sizing: border-box;
     flex-grow: 1;
@@ -37,4 +37,4 @@ textarea {
     white-space: pre;
     width: 100%;
     word-wrap: normal;
-    }
+}
diff --git a/css/user-rules.css b/css/user-rules.css
index b14c328..62ab020 100644
--- a/css/user-rules.css
+++ b/css/user-rules.css
@@ -22,10 +22,10 @@
 
 div > p:first-child {
     margin-top: 0;
-    }
+}
 div > p:last-child {
     margin-bottom: 0;
-    }
+}
 #diff {
     border: 0;
     margin: 0;
@@ -42,14 +42,14 @@ div > p:last-child {
     vertical-align: top;
     white-space: normal;
     width: calc(50% - 2px);
-    }
+}
 #diff > .pane > div {
     padding: 0 0 1em 0;
     text-align: center;
-    }
+}
 #diff > .pane > div > span {
     float: left;
-    }
+}
 body[dir="ltr"] #revertButton:after {
     content: '\2009\f061';
     font-family: FontAwesome;
@@ -58,7 +58,7 @@ body[dir="ltr"] #revertButton:after {
     line-height: 1;
     vertical-align: baseline;
     display: inline-block;
-    }
+}
 body[dir="rtl"] #revertButton:after {
     content: '\2009\f060';
     font-family: FontAwesome;
@@ -67,7 +67,7 @@ body[dir="rtl"] #revertButton:after {
     line-height: 1;
     vertical-align: baseline;
     display: inline-block;
-    }
+}
 body[dir="ltr"] #commitButton:before {
     content: '\f060\2009';
     font-family: FontAwesome;
@@ -76,7 +76,7 @@ body[dir="ltr"] #commitButton:before {
     line-height: 1;
     vertical-align: baseline;
     display: inline-block;
-    }
+}
 body[dir="rtl"] #commitButton:before {
     content: '\f061\2009';
     font-family: FontAwesome;
@@ -85,30 +85,30 @@ body[dir="rtl"] #commitButton:before {
     line-height: 1;
     vertical-align: baseline;
     display: inline-block;
-    }
+}
 #revertButton,
 #commitButton,
 #diff.edit #editEnterButton {
     opacity: 0.25;
     pointer-events: none;
-    }
+}
 #editStopButton,
 #editCancelButton {
     display: none;
-    }
+}
 #diff.dirty:not(.edit) #revertButton,
 #diff.dirty:not(.edit) #commitButton {
     opacity: 1;
     pointer-events: auto;
-    }
+}
 #diff.edit #editStopButton,
 #diff.edit #editCancelButton {
     display: initial;
-    }
+}
 #diff.edit #importButton,
 #diff.edit #exportButton {
     display: none;
-    }
+}
 #diff ul {
     border: 0;
     border-top: 1px solid #eee;
@@ -116,50 +116,50 @@ body[dir="rtl"] #commitButton:before {
     margin: 0;
     overflow: hidden;
     padding: 1em 0 0 0;
-    }
+}
 #diff ul,
 #diff textarea {
     font: 12px/1.8 monospace;
-    }
+}
 #diff.edit .right ul {
     visibility: hidden;
-    }
+}
 #diff .left {
     padding: 0 0 0 0;
-    }
+}
 #diff .right > ul {
     color: #888;
-    }
+}
 #diff li {
     background-color: white;
     direction: ltr;
     padding: 0;
     text-align: left;
     white-space: nowrap;
-    }
+}
 #diff li:nth-of-type(2n+0) {
     background-color: #eee;
-    }
+}
 #diff .right li {
     cursor: pointer;
-    }
+}
 #diff .right li:hover {
     background-color: #ffc;
     color: #000;
-    }
+}
 #diff .right li.notLeft {
     color: #000;
-    }
+}
 #diff .right li.notLeft:hover {
     text-decoration: line-through;
-    }
+}
 #diff .right li.notRight {
     color: #000;
-    }
+}
 #diff .right li.toRemove {
     color: #000;
     text-decoration: line-through;
-    }
+}
 #diff textarea {
     border: 0;
     border-top: 1px solid #eee;
@@ -175,10 +175,10 @@ body[dir="rtl"] #commitButton:before {
     visibility: hidden;
     white-space: pre;
     width: 100%;
-    }
+}
 #diff.edit textarea {
     visibility: visible;
-    }
+}
 .hidden {
     display: none;
-    }
+}