From 4a94c864336757033386501d532d90dc55ab9848 Mon Sep 17 00:00:00 2001
From: Malcolm Diller <malcolm@dillerm.io>
Date: Sat, 15 Oct 2022 14:41:57 -0700
Subject: [PATCH] removed stuff from styling that wasnt settings-related

---
 ui/media/main.css | 105 ++--------------------------------------------
 1 file changed, 3 insertions(+), 102 deletions(-)

diff --git a/ui/media/main.css b/ui/media/main.css
index 759e8fae..29950e4a 100644
--- a/ui/media/main.css
+++ b/ui/media/main.css
@@ -1,8 +1,5 @@
-* {
-    font-family: Work Sans, Verdana, Geneva, sans-serif;
-}
-
 body {
+    font-family: Arial, Helvetica, sans-serif;
     font-size: 11pt;
     background-color: rgb(32, 33, 36);
     color: #eee;
@@ -32,7 +29,7 @@ label {
 }
 .image_clear_btn {
     position: absolute;
-    transform: translate(30%, -30%);
+    transform: translateX(-50%) translateY(-35%);
     background: black;
     color: white;
     border: 2pt solid #ccc;
@@ -44,8 +41,6 @@ label {
     height: 16pt;
     font-family: Verdana;
     font-size: 8pt;
-    top: 0px;
-    right: 0px;
 }
 .settings-box ul {
     font-size: 9pt;
@@ -126,7 +121,6 @@ label {
 }
 .settings-box label small {
     color: rgb(153, 153, 153);
-    margin-right: 10px;
 }
 #preview {
     padding: 5px;
@@ -423,101 +417,8 @@ img {
 #prompt_from_file {
     display: none;
 }
-#init_image_preview {
-    max-width: 150px;
-    max-height: 150px;
-	object-fit: contain;
-    border-radius: 6px;
-    transition: all 1s ease-in-out;
-}
-
-#init_image_preview:hover {
-    max-width: 500px;
-    max-height: 1000px;
-    transition: all 1s 0.5s ease-in-out;
-}
-
-#init_image_wrapper {
-    position: relative;
-    width: fit-content;
-}
-
-#init_image_size_box {
-    position: absolute;
-    right: 0px;
-    bottom: 3px;
-    padding: 3px;
-    background: rgb(32, 33, 36);
-    color: #ccc;
-    opacity: 70%;
-    font-size: 12px;
-    border-radius: 6px 0px;
-}
-
-#editor-settings-entries table td {
-    padding: 0px;
-    line-height: 28px;
-}
-
-#editor-settings-entries table td:first-child {
-    float: right;
-    padding-right: 4px;
-}
-
-button,
-input[type="file"],
-input[type="checkbox"],
-select {
-    cursor: pointer;
-}
-
-input,
-select,
-textarea {
-    background: hsl(225, 11.1%, 95%);
-    border: 2px solid hsl(225, 11.1%, 50%);
-    border-radius: 6px;
-    padding: 4px;
-    accent-color: rgb(80, 0, 185);
-    background: hsl(225, 11.1%, 14%);
-    border: 2px solid hsl(225, 11.1%, 10%); 
-    color: #ccc;
-}
-
-input { 
-    padding: 4px 6px;
-}
-
-input:focus,
-select:focus,
-textarea:focus {
-    outline: 2px solid rgb(80, 0, 185);
-}
-
-input[disabled],
-select[disabled],
-textarea[disabled] {
-    opacity: 0.5;
-}
-
-/* input[type="range"] {
-    -webkit-appearance: none;
-    appearance: none;
-    margin: 0px;
-    padding: 0px;
-    cursor: pointer;
-    line-height: 29px;
-}
-
-input[type="range"]::-webkit-slider-thumb,
-input[type="range"]::-moz-range-thumb {
-    -webkit-appearance: none;
-    appearance: none;
-    width: 24px;
-    height: 24px;
-    border-radius: 12px;
-} */
 
+/* Auto-Settings Styling */
 #auto_save_settings:not(:checked) ~ button {
     display: none;
 }