mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
remove unnecessary comments/styles from CSS
This commit is contained in:
RossAscends
133
public/style.css
133
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;
|
||||
|
||||
Reference in New Issue
Block a user