CSS reformat

res/style.css

@@ -41,8 +41,7 @@
 */
 @font-face {
     font-family: 'ExocetHeavy';
-    src: url('/fonts/ExocetHeavy.eot');
+    src: url('/fonts/ExocetHeavy.eot'),
-    src: local('Exocet Heavy'), local('ExocetHeavy'),
          url('/fonts/ExocetHeavy.eot?#iefix') format('embedded-opentype'),
          url('/fonts/ExocetHeavy.woff2') format('woff2'),
          url('/fonts/ExocetHeavy.woff') format('woff'),
@@ -52,15 +51,15 @@
     font-style: normal;
     font-display: swap;
 }
+
 @font-face {
     font-family: 'ExocetLight';
-    src: local('Exocet Light'), local('ExocetLight'),
+    src: url('/fonts/ExocetLight.ttf') format('truetype');
-        url('/fonts/ExocetLight.ttf') format('truetype');
-
     font-weight: 900;
     font-style: normal;
     font-display: swap;
 }
+
 @font-face {
     font-family: 'Lato';
     src: url('/fonts/Lato-Regular.ttf') format('truetype');
@@ -72,9 +71,9 @@
 form input {
     width: 108px;
     padding: 5px;
-    margin: 5xp;
+    margin: 5px;
     text-align: center;
-    border: 0px;
+    border: 0;
     background: #eef;
 }
 
@@ -96,7 +95,6 @@ option {
     border: #ccc;
 }
 
-
 .col-2,
 .col-3,
 .col-4 {
@@ -114,7 +112,7 @@ body {
     background: url(/img/bg.jpg);
     background-size: cover;
     background-attachment: fixed;
-    font-family:lato;
+    font-family: Lato;
 }
 
 h1, h2, h3, h4, h5, h6, div > p {
@@ -122,13 +120,14 @@ h1,h2,h3,h4,h5,h6, div > p {
     color: #778;
     text-transform: uppercase;
 }
+
 #loading {
     margin-top: 40px;
     font-family: Tahoma !important;
 }
 
 .fa-question-circle {
-    bottom: 0px;
+    bottom: 0;
 }
 
 .form-group > div {
@@ -137,22 +136,22 @@ h1,h2,h3,h4,h5,h6, div > p {
 
 .help {
     position: absolute;
-    top:0px;
+    top: 0;
-    right: 0px;
+    right: 0;
     color: #ccc;
 }
 
 select {
     font-size: 18px;
-    border: 1px solid #CCC;
+    border: 1px solid #ccc;
     height: 34px;
     text-align: center;
 }
 
-
 #search {
     background: white !important;
 }
+
 select::-ms-expand {
     display: none; /* Remove default arrow in Internet Explorer 10 and 11 */
 }
@@ -168,7 +167,6 @@ select::-ms-expand {
 option {
     -webkit-appearance: none;
     -moz-appearance: none;
-
 }
 
 .props input {
@@ -187,17 +185,16 @@ option {
     position: absolute;
     left: -80px;
     top: -126px;
-
     text-align: center;
     padding: 10px;
     text-transform: uppercase;
-
 }
 
 .item_desc li {
     font-size: 14px;
     letter-spacing: -1px;
 }
+
 .item_desc span {
 }
 
@@ -208,17 +205,17 @@ option {
     margin: 0 auto;
     font-family: ExocetLight;
     padding: 10px;
-
 }
 
 .item_stats li {
     height: 20px;
 }
 
-
+ul,
-ul, li, ul li {
+li,
+ul li {
     list-style-type: none;
-    padding-inline-start: 0px;
+    padding-inline-start: 0;
 }
 
 .debug {
@@ -230,56 +227,58 @@ pre {
     padding: 5px;
     margin: 5px;
 }
+
 .string {
     color: green;
 }
+
 .number {
     color: darkorange;
 }
+
 .boolean {
     color: blue;
 }
+
 .null {
     color: magenta;
 }
+
 .key {
     color: red;
 }
 
-.statindex, .stattype{
+.statindex,
+.stattype {
     color: #A59263;
     font-weight: bold;
     font-family: ExocetHeavy;
     font-size: 1.2em;
 }
 
-
 .statlvlreq {
     color: white;
 }
 
-
+/* COLOR classes */
-/*
+/* Text Colors */
-    COLOR classes
+/* #FFA500   Crafted items */
-
+/* #4169E1   Magic items */
-
+/* #FFFF00   Rare items */
-    Text Colors
+/* #A59263   Unique items */
-    #FFA500		Crafted items
-    #4169E1		Magic items
-    #FFFF00		Rare items
-    #A59263		Unique items
-
-*/
 
 .green {
     color: #00FF00; /* Set items */
 }
+
 .gold {
     color: #A59263; /* Unique items */
 }
+
 .orange {
     color: #FFA500; /* Crafted items */
 }
+
 .yellow {
     color: #FFFF00; /* Rare items */
 }
@@ -292,11 +291,9 @@ pre {
     0% {
         -webkit-filter: hue-rotate(0deg) saturate(2) invert(0);
     }
-
     50% {
         -webkit-filter: hue-rotate(360deg) saturate(2) invert(.25);
     }
-
     100% {
         -webkit-filter: hue-rotate(0deg) saturate(2) invert(0);
     }
@@ -322,7 +319,7 @@ pre {
 }
 
 .Doc-container p {
-    color:#A59263
+    color: #A59263;
 }
 
 .translations-content-container * {