formatting

CSS/themes/unraid/unraid-base.css

@@ -10,157 +10,204 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
-  body {
+body {
     color: var(--text);
     background: var(--main-bg-color);
-  }
+}
-  a,.blue-text {
+
+a,
+.blue-text {
     color: var(--link-color);
-  }
+}
-  #template {
+
+#template {
     background: var(--main-bg-color);
-  }
+}
-  #menu {
+
+#menu {
     background: var(--main-bg-color);
 }
-#nav-block #nav-item:focus:after, #nav-block #nav-item:hover:after {
+
+#nav-block #nav-item:focus:after,
+#nav-block #nav-item:hover:after {
     background: var(--accent-color);
 }
-  /*DASHBOARD*/
+
-  table.share_status.dashboard {
+/*DASHBOARD*/
+table.share_status.dashboard {
     background-color: rgba(0, 0, 0, .15);
     border: 1px solid rgba(255, 255, 255, .25);
-  }
+}
-  table.share_status.dashboard tr>td.next {
+
+table.share_status.dashboard tr>td.next {
     border-top: 1px solid rgba(255, 255, 255, .25);
-  }
+}
-  span.outer.solid {
+
+span.outer.solid {
     background-color: transparent;
-  }
+}
 
-  .sys {
+.sys {
     background: rgba(0, 0, 0, .35);
-  }
+}
-  .usage-disk>span:first-child {
+
+.usage-disk>span:first-child {
     background-color: #4caf50
-  }
+}
 
-  .green-text, .passed, .green {
+.green-text,
+.passed,
+.green {
     color: #4caf50;
-  }
+}
 
-  /*MAIN*/
+/*MAIN*/
-  #title {
+#title {
     border-bottom: 1px solid rgba(255, 255, 255, .25);
     background-color: rgba(0, 0, 0, .5);
     color: var(--text)
-  }
+}
-  table {
+
+table {
     background-color: rgb(0 0 0 / 25%);
-  }
+}
-  table.disk_status thead tr:first-child td, 
+
-  table tbody tr.tr_last,
+table.disk_status thead tr:first-child td,
-  table.share_status tbody tr:nth-child(even),
+table tbody tr.tr_last,
-  table.share_status thead tr:first-child td,
+table.share_status tbody tr:nth-child(even),
-  table.tablesorter thead tr th,
+table.share_status thead tr:first-child td,
-  table.tablesorter tbody tr:nth-child(even),
+table.tablesorter thead tr th,
-  table.tablesorter thead tr .tablesorter-headerAsc, table.tablesorter thead tr .tablesorter-headerDesc{
+table.tablesorter tbody tr:nth-child(even),
+table.tablesorter thead tr .tablesorter-headerAsc,
+table.tablesorter thead tr .tablesorter-headerDesc {
     background-color: rgba(0, 0, 0, .25);
-  }
+}
-  table.disk_status tbody tr:nth-child(even) {
+
+table.disk_status tbody tr:nth-child(even) {
     background-color: rgba(0, 0, 0, .25);
-  }
+}
-  table.disk_status thead tr:last-child {
+
+table.disk_status thead tr:last-child {
     border-bottom: 1px solid rgba(255, 255, 255, .25);
-  }
+}
-  table.tablesorter thead tr {
+
+table.tablesorter thead tr {
     border-bottom: rgba(255, 255, 255, .25) 1px solid;
-  }
+}
 
-  table tbody tr.tr_last {
+table tbody tr.tr_last {
     border-top: 1px solid rgba(255, 255, 255, .25);
-  }
+}
 
-  /*BUTTON*/
+/*BUTTON*/
-  input[type=button], input[type=reset], input[type=submit], button, button[type=button], a.button {
+input[type=button],
+input[type=reset],
+input[type=submit],
+button,
+button[type=button],
+a.button {
     color: var(--button-text);
     text-shadow: var(--text-shadow) var(--text-shadow-color);
     background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
     background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
     background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
     border: 1px solid transparent;
-  }
+}
 
-  input:hover[type=button], input:hover[type=reset], input:hover[type=submit], button:hover, button:hover[type=button], a.button:hover {
+input:hover[type=button],
+input:hover[type=reset],
+input:hover[type=submit],
+button:hover,
+button:hover[type=button],
+a.button:hover {
     color: var(--button-text);
     text-shadow: var(--text-shadow) var(--button-color-hover);
     box-shadow: var(--box-shadow) var(--button-color-hover);
     background-color: var(--button-color-hover);
     background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover)));
     background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover));
-  }
+}
-  .switch-button-background.checked {
+
+.switch-button-background.checked {
     background-color: #4caf50 !important;
-  }
+}
-  .switch-button-label.on {
+
+.switch-button-label.on {
     color: #4caf50;
-  }
+}
 
-  /* BAR GAUGES */
+/* BAR GAUGES */
-  .usage-disk {
+.usage-disk {
     color: white;
-  }
+}
 
-  /* USERS */
+/* USERS */
-  div.user-list {
+div.user-list {
     border: 1px solid rgba(255, 255, 255, .15);
     background-color: rgba(255, 255, 255, .05);
-  }
+}
 
-  /* SETTINGS */
+/* SETTINGS */
-  label.checkbox input:checked ~ .checkmark {
+label.checkbox input:checked~.checkmark {
     background: var(--button-color);
-  }
+}
 
-  .logLine {
+.logLine {
     background: transparent;
-  }
+}
-  .logLine.spacing {
+
+.logLine.spacing {
     color: var(--text);
     background: var(--modal-bg-color);
-  }
+}
-  #sb-info-inner, #sb-loading-inner, div.sb-message,#sb-title, #sb-title-inner {
+
+#sb-info-inner,
+#sb-loading-inner,
+div.sb-message,
+#sb-title,
+#sb-title-inner {
     color: var(--text);
     background-color: transparent;
-  }
+}
-  #sb-wrapper {
+
+#sb-wrapper {
     border: 1px rgba(0, 0, 0, 0) solid;
     color: var(--text);
     background: var(--modal-bg-color);
-  }
+}
-  #sb-body, #sb-loading,#sb-body-inner, iframe {
+
+#sb-body,
+#sb-loading,
+#sb-body-inner,
+iframe {
     color: var(--text);
     background: transparent !important;
-  }
+}
-  /* FOOTER */
+
-  #footer {
+/* FOOTER */
+#footer {
     color: var(--text);
     background: var(--main-bg-color);
 }
-  /* CA */
+
-  .ca_holderDocker {
+/* CA */
+.ca_holderDocker {
     background-color: rgb(255 255 255 / 10%);
     border-color: rgb(255 255 255 / 25%);
-  }
+}
-  .selectedMenu, .hoverMenu {
+
+.selectedMenu,
+.hoverMenu {
     color: var(--link-color);
-  }
+}
-  .ca_holderFav {
+
+.ca_holderFav {
     background: var(--button-color-hover) !important;
     color: var(--text-hover)
-  }
+}
 
-  /* AZURE THEME*/
+/* AZURE THEME*/
-  div.frame,div.tabs {
+div.frame,
+div.tabs {
     background: var(--main-bg-color);
 }