CSS reformat

res/style.css

@@ -41,26 +41,25 @@
 */
 @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.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/ExocetHeavy.woff2') format('woff2'),
-        url('/fonts/ExocetHeavy.woff2') format('woff2'),
+         url('/fonts/ExocetHeavy.woff') format('woff'),
-        url('/fonts/ExocetHeavy.woff') format('woff'),
+         url('/fonts/ExocetHeavy.ttf') format('truetype'),
-        url('/fonts/ExocetHeavy.ttf') format('truetype'),
+         url('/fonts/ExocetHeavy.svg#ExocetHeavy') format('svg');
-        url('/fonts/ExocetHeavy.svg#ExocetHeavy') format('svg');
     font-weight: 900;
     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;
 }
 
@@ -87,7 +86,7 @@ form input {
 .form-text {
     padding: 5px;
     color: black;
-    display:none;
+    display: none;
 }
 
 select,
@@ -96,7 +95,6 @@ option {
     border: #ccc;
 }
 
-
 .col-2,
 .col-3,
 .col-4 {
@@ -114,51 +112,52 @@ 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 {
+h1, h2, h3, h4, h5, h6, div > p {
     font-family: ExocetLight;
     color: #778;
     text-transform: uppercase;
 }
+
 #loading {
     margin-top: 40px;
     font-family: Tahoma !important;
 }
 
 .fa-question-circle {
-    bottom: 0px;
+    bottom: 0;
 }
 
 .form-group > div {
     margin: 5px 0;
 }
 
-.help{
+.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 */
 }
 
 /* Target Internet Explorer 9 to undo the custom arrow */
-@media screen and (min-width:0\0) {
+@media screen and (min-width: 0\0) {
     select {
         background: none\9;
         padding: 5px\9;
@@ -168,7 +167,6 @@ select::-ms-expand {
 option {
     -webkit-appearance: none;
     -moz-appearance: none;
-
 }
 
 .props input {
@@ -177,8 +175,8 @@ option {
 
 .item {
     text-align: left;
-    position:absolute;
+    position: absolute;
-    right:282px;
+    right: 282px;
 }
 
 .item_desc {
@@ -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,73 +227,73 @@ 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*/
+    color: #00FF00; /* Set items */
 }
-.gold{
+
-    color: #A59263; /*Unique items*/
+.gold {
+    color: #A59263; /* Unique items */
 }
-.orange{
+
-    color: #FFA500; /*Crafted items*/
+.orange {
+    color: #FFA500; /* Crafted items */
 }
+
 .yellow {
-    color: #FFFF00; /*Rare items*/
+    color: #FFFF00; /* Rare items */
 }
 
 .blue {
-    color: #4169E1; /* Magic color*/
+    color: #4169E1; /* Magic color */
 }
 
 @-webkit-keyframes psychedelic {
     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,11 +319,11 @@ pre {
 }
 
 .Doc-container p {
-    color:#A59263
+    color: #A59263;
 }
 
 .translations-content-container * {
-    font-family: Tahoma,Arial,sans-serif !important;
+    font-family: Tahoma, Arial, sans-serif !important;
     font-weight: normal;
 }
 
@@ -334,4 +331,4 @@ hr.style-four {
     height: 12px;
     border: 0;
     box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
-}
+}