diff --git a/public/style.css b/public/style.css index aca4be1ee..bc17cddf4 100644 --- a/public/style.css +++ b/public/style.css @@ -215,7 +215,6 @@ code { box-shadow: 0 2px 20px 0 var(--black70a); backdrop-filter: blur(var(--SmartThemeBlurStrength)); background-color: var(--SmartThemeBlurTintColor); - /* border-radius: 0 0 20px 20px; */ -webkit-backdrop-filter: blur(var(--SmartThemeBlurStrength)); z-index: 3000; } @@ -276,7 +275,6 @@ code { } #chat { - /* margin-top: 5px; */ max-height: calc(100vh - 42px); overflow-x: hidden; @@ -292,7 +290,6 @@ code { -webkit-backdrop-filter: blur(var(--SmartThemeBlurStrength)); text-shadow: 0px 0px calc(var(--shadowWidth) * 1px) var(--SmartThemeShadowColor); scrollbar-width: thin; - /* transition: all 1s ease-in-out; */ flex-direction: column; z-index: 3; } @@ -406,7 +403,6 @@ code { box-shadow: 0 0 5px black; text-shadow: 0px 0px calc(var(--shadowWidth) * 1px) var(--SmartThemeShadowColor); backdrop-filter: blur(calc(var(--SmartThemeBlurStrength)*2)); - /* min-width: 200px; */ z-index: 2000; margin-bottom: 3px; } @@ -531,14 +527,9 @@ code { .ui-settings { display: flex; flex-direction: column; - /* align-items: flex-end; */ gap: 10px; } -/* .ui-settings>div { - flex: 1; -} - */ #avatars-style .range-block-range, #chat-display .range-block-range, #sheld-width .range-block-range { @@ -610,7 +601,6 @@ code { object-fit: cover; object-position: center; border: 1px solid var(--black30a); - /* border-radius: 10px; */ } .hotswapAvatar .avatar { @@ -619,7 +609,6 @@ code { object-fit: cover; object-position: center center; border-radius: 50% !important; - /* border: 1px solid var(--black30a); */ box-shadow: 0 0 5px var(--black50a); } @@ -697,24 +686,10 @@ body.big-avatars .avatar img { padding-top: 5px; padding-bottom: 5px; max-width: 100%; - /* word-wrap: break-word; */ overflow-wrap: anywhere; - /* animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite; */ -} -/* .mes_text::after { - content: "▋"; - animation: blink 1s steps(1) infinite; - opacity: 0.7; - display: none; } -@keyframes blink { - 60% { - visibility: hidden; - } -} */ - br { display: block; margin: 3px 0; @@ -742,8 +717,6 @@ select { } #send_textarea { - /* font-size: 1rem; - line-height: 1.5rem;*/ min-height: 40px; max-height: 50svh; word-wrap: break-word; @@ -948,16 +921,6 @@ input[type="file"] { filter: brightness(150%); } -/* ####################################################################### */ - -#characloud_url { - opacity: 0.3; -} - -#characloud_url img { - width: 25px; -} - #rm_print_characters_block { padding: 5px 0; overflow-y: auto; @@ -1043,7 +1006,6 @@ select option:not(:checked) { #api_url_text, #textgenerationwebui_api_url_text { - /*margin-right: 4px;*/ display: block; } @@ -1071,7 +1033,6 @@ select option:not(:checked) { display: flex; overflow-y: auto; flex-direction: column; - /* visibility: hidden; */ } #rm_characters_block .right_menu_button { @@ -1149,7 +1110,6 @@ input[type=search]:focus::-webkit-search-cancel-button { /*applies to both groups and solos chars in the char list*/ #rm_print_characters_block .ch_name { - /* margin-left: 5px; */ width: 100%; white-space: nowrap; max-width: calc(100% - 29px); @@ -1447,7 +1407,6 @@ input[type=search]:focus::-webkit-search-cancel-button { transform: translateY(-50%); text-align: center; box-shadow: 0px 0px 14px var(--black50a); - /* var(--fullred) */ border: 1px solid var(--white30a); padding: 4px; background-color: var(--black30a); @@ -1526,7 +1485,6 @@ input[type=search]:focus::-webkit-search-cancel-button { .menu_button { color: var(--SmartThemeBodyColor); - /* color: var(--white70); */ background-color: var(--black50a); border: 1px solid var(--white30a); border-radius: 10px; @@ -1683,7 +1641,6 @@ input[type=search]:focus::-webkit-search-cancel-button { top: 40px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); padding: 4px; - /*border: 1px solid #333333;*/ flex-direction: column; z-index: 3010; border-radius: 0 0 20px 20px; @@ -1816,11 +1773,6 @@ input[type=search]:focus::-webkit-search-cancel-button { cursor: pointer; } -.world_entry_form_control label { - /* margin-left: 10px; */ -} - - .world_entry_form_control label h4 { margin-bottom: 0px; margin-top: 0.5rem; @@ -1892,9 +1844,8 @@ input[type=search]:focus::-webkit-search-cancel-button { } /* STLYES FOR THE CHAT MESSAGE DELETION CHECKBOXES */ -/* --------------------------------------------------------------------------------------*/ +/* ------------------------------------------------*/ -/* checkboxes default to being hidden unless called by the delete mesasges option menu button, which uses JS to force them to be display:block*/ .del_checkbox { display: none; opacity: 0.7; @@ -1902,12 +1853,10 @@ input[type=search]:focus::-webkit-search-cancel-button { margin-right: 12px; } -/*this hides the replacement for input form until Delete Messages mode is called*/ #dialogue_del_mes { display: none; } -/*this is the default-shown div that is shown when message-deletion mode is NOT on, and hidden when JS calls message deletion mode*/ .for_checkbox { display: block; } @@ -1928,7 +1877,6 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin) { flex-shrink: 0; } -/* the checkbox starts with a size 0 background of a checkmark */ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin)::after { content: ''; color: var(--white100); @@ -1949,14 +1897,11 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ0OCIgaGVpZ2h0PSI0NDgiIHZpZXdCb3g9IjAgMCA0NDggNDQ4Ij4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTQxNy43NSAxNDEuNWMwIDYuMjUtMi41IDEyLjUtNyAxN2wtMjE1IDIxNWMtNC41IDQuNS0xMC43NSA3LTE3IDdzLTEyLjUtMi41LTE3LTdsLTEyNC41LTEyNC41Yy00LjUtNC41LTctMTAuNzUtNy0xN3MyLjUtMTIuNSA3LTE3bDM0LTM0YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsNzMuNSA3My43NSAxNjQtMTY0LjI1YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsMzQgMzRjNC41IDQuNSA3IDEwLjc1IDcgMTd6Ij48L3BhdGg+Cjwvc3ZnPgo="); } -/* when the checkbox is checked, the background image is grown to normal size to fill the background of the 'checkbox'*/ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin):checked::after { -webkit-transform: scale(1); transform: scale(1); } -/*---------------------------------------------------------------------------------------------------------*/ - .option_select_right_menu { width: 284px; margin-bottom: 35px; @@ -1996,7 +1941,6 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button display: flex; justify-content: center; align-items: center; - /*this is just a big + sign, no need to dynamically size it*/ font-size: 3rem; } @@ -2022,7 +1966,6 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button } .range-block-counter { - /* width: max-content; */ margin-left: 5px; margin-right: 15px; font-size: calc(var(--mainFontSize) * 0.95); @@ -2053,9 +1996,7 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button .range-block-range { margin: 0; - /* width: 80%; */ flex: 5; - /* margin-bottom: 10px; */ } input[type="range"] { @@ -2080,7 +2021,6 @@ input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; height: 15px; width: 15px; - /* margin-top: -5px; */ border-radius: 50%; background: var(--white100); } @@ -2394,15 +2334,14 @@ h5 { min-height: 100px; position: absolute; z-index: 2066; - margin-left: auto; - margin-right: auto; left: 0; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; - /* margin-top: 40px; */ + margin-left: auto; + margin-right: auto; box-shadow: 0px 0px 20px black; padding: 10px; background-color: var(--SmartThemeBlurTintColor); @@ -2554,7 +2493,6 @@ h5 { .tag_view_name { text-align: left; - /* flex: 2; */ } .tag_view_counter { @@ -2688,18 +2626,10 @@ body .ui-widget-content li:hover { /* GROUP CHATS */ -#rm_group_top_bar { - /* display: flex; - flex-direction: row; - width: 100%; - column-gap: 5px; - justify-content: space-evenly; */ -} #rm_button_group_chats h2 { margin-top: auto; margin-bottom: auto; - /* font-size: 16px; */ color: rgb(188, 193, 200, 1); border: 1px solid #333; background-color: rgba(0, 0, 0, 0.3); @@ -2709,8 +2639,6 @@ body .ui-widget-content li:hover { #rm_group_chats_block { display: none; - /* height: calc(100% - 45px); - flex-direction: column; */ align-items: flex-start; padding: 0 5px; overflow-y: auto; @@ -2722,16 +2650,6 @@ body .ui-widget-content li:hover { margin-bottom: 5px; } -#rm_group_buttons { - /* display: flex; - flex-direction: row; - width: 100%; - align-items: center; - column-gap: 10px; - flex-wrap: wrap; - padding: 0 5px; */ -} - #rm_group_buttons>div { display: flex; flex-direction: column; @@ -2869,7 +2787,6 @@ body .ui-widget-content li:hover { .group_select { display: flex; flex-direction: row; - /* align-items: center; */ padding: 5px; border-radius: 10px; cursor: pointer; @@ -2885,12 +2802,6 @@ body .ui-widget-content li:hover { margin: 0 10px; } -/* .group_select .ch_name { - max-width: calc(100% - 100px); - overflow: hidden; - text-overflow: ellipsis; -} */ - .group_select .group_fav_icon { filter: drop-shadow(0px 0px 1px black); color: #c5b457; @@ -2917,7 +2828,6 @@ body .ui-widget-content li:hover { vertical-align: bottom; animation: ellipsis steps(4, end) 1500ms infinite; content: ""; - /* ascii code for the ellipsis character */ width: 0px; } @@ -3129,8 +3039,6 @@ span.warning { text-align: right; } -/* css/style.css */ - p { margin-bottom: 16px; margin-top: 0; @@ -3179,7 +3087,6 @@ a { flex-direction: column; padding-left: 0; margin-top: 0; - /* margin-bottom: 3px; */ overflow: hidden; background-color: var(--SmartThemeBlurTintColor); backdrop-filter: blur(calc(var(--SmartThemeBlurStrength)*2)); @@ -3196,7 +3103,6 @@ a { .list-group-item { color: var(--SmartThemeBodyColor); padding: 0.75rem 1.25rem; - /* margin-bottom: -1px; */ box-sizing: border-box; user-select: none; cursor: pointer; @@ -3224,7 +3130,6 @@ a { border: 0; border-left: 1px solid var(--grey30a); border-bottom: 1px solid var(--grey30a); - /* max-height: 100svh; */ box-shadow: none; border-radius: 0 0 0 20px; overflow: hidden; @@ -3244,11 +3149,6 @@ a { z-index: 3001; } -/* #right-nav-panel>div:not(#right-nav-panel-tabs) { - height: calc(100% - 50px); - overflow-y: auto; -} */ - #hidden-divs { display: none; } @@ -3311,7 +3211,6 @@ label[for="extensions_autoconnect"] { .extensions_block { clear: both; padding: 0.05px; - /* clear fix */ } .extensions_info { @@ -3367,7 +3266,6 @@ label[for="extensions_autoconnect"] { padding-top: 5px; height: 40px; max-width: var(--sheldWidth); - /* color: white; */ justify-content: center; display: grid; grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10%; @@ -3382,8 +3280,6 @@ label[for="extensions_autoconnect"] { display: flex; flex-flow: column; width: 100%; - /* z-index: 3001; */ - } .drawer-icon { @@ -3405,10 +3301,6 @@ label[for="extensions_autoconnect"] { opacity: 1; } -.inline-drawer { - /* padding-bottom: 10px; */ -} - .code-copy { cursor: pointer; position: absolute; @@ -3483,7 +3375,6 @@ label[for="extensions_autoconnect"] { position: absolute; left: 0; right: 0; - /* max-width: var(--sheldWidth); */ margin: 35px auto 0 auto; backdrop-filter: blur(calc(var(--SmartThemeBlurStrength))); -webkit-backdrop-filter: blur(calc(var(--SmartThemeBlurStrength))); @@ -3743,11 +3634,8 @@ toolcool-color-picker { line-height: 1.2; } - - /*bubble chat style*/ - body.bubblechat .mes { padding: 10px; border-radius: 20px; @@ -3795,7 +3683,6 @@ body.no-blur .ui-widget-content { /* wAIfu mode*/ - body.waifuMode #top-bar { border-radius: 0 0 20px 20px; border: 1px solid var(--grey30a); @@ -3847,6 +3734,7 @@ body.movingUI #avatar_zoom_popup { } /*No Text Shadows Mode*/ + body.noShadows * { text-shadow: none !important; } @@ -3950,7 +3838,6 @@ body.waifuMode #avatar_zoom_popup { /* ---------- @media queries must always go at the bottom ------------*/ - /*will apply to anything 1000px or less. this catches ipads, horizontal phones, and vertical phones)*/ @media screen and (max-width: 1000px) { @@ -3974,11 +3861,6 @@ body.waifuMode #avatar_zoom_popup { aspect-ratio: 2 / 3; } - /* - .mes img.img_extra { - max-width: 100%; - } */ - .world_entry_thin_controls { flex-direction: column; } @@ -4034,11 +3916,6 @@ body.waifuMode #avatar_zoom_popup { #bg1, #bg_custom { - /* position: fixed; */ - /* top: 0 !important; - bottom: 0 !important; - left: 0 !important; - right: 0 !important; */ height: 100svh !important; width: 100svw !important; @@ -4206,8 +4083,6 @@ body.waifuMode #avatar_zoom_popup { /*this part only only applies to iOS devices*/ - - @supports (-webkit-touch-callout: none) { body { margin: 0 auto;