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; }