From 74eb169be44b180191f1ef7fe446fbee536c4097 Mon Sep 17 00:00:00 2001 From: Hash Borgir Date: Thu, 1 Jun 2023 23:30:28 -0600 Subject: [PATCH] CSS reformat --- res/style.css | 113 ++++++++++++++++++++++++-------------------------- 1 file changed, 55 insertions(+), 58 deletions(-) diff --git a/res/style.css b/res/style.css index 9fcd13d..0a67b3b 100755 --- a/res/style.css +++ b/res/style.css @@ -41,26 +41,25 @@ */ @font-face { font-family: 'ExocetHeavy'; - 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'), - url('/fonts/ExocetHeavy.ttf') format('truetype'), - url('/fonts/ExocetHeavy.svg#ExocetHeavy') format('svg'); + src: url('/fonts/ExocetHeavy.eot'), + url('/fonts/ExocetHeavy.eot?#iefix') format('embedded-opentype'), + url('/fonts/ExocetHeavy.woff2') format('woff2'), + url('/fonts/ExocetHeavy.woff') format('woff'), + url('/fonts/ExocetHeavy.ttf') format('truetype'), + 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'), - url('/fonts/ExocetLight.ttf') format('truetype'); - + src: 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; - right: 0px; + top: 0; + 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; - right:282px; + position: absolute; + 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, li, ul li { +ul, +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 - #FFA500 Crafted items - #4169E1 Magic items - #FFFF00 Rare items - #A59263 Unique items - -*/ +/* COLOR classes */ +/* Text Colors */ +/* #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); -} \ No newline at end of file +}