Merge pull request #36 from 10sa/patch-1

Fix Invalid CSS styles and comments
This commit is contained in:
Borov666
2023-02-08 21:50:21 +04:00
committed by GitHub
3 changed files with 92 additions and 90 deletions

View File

@ -20,7 +20,7 @@ body {
body {
color: rgb(229, 224, 216);
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
//font: 1em 'Open Sans', sans-serif;
/* font: 1em 'Open Sans', sans-serif; */
background-color: #f1f1f1;
}

View File

@ -32,7 +32,16 @@
var default_user_name = "You";
var name1 = default_user_name;
var name2 = "Chloe";
var chat = [{name: 'Chloe', is_user:false,is_name:true, create_date:0, mes:'\n*You went inside. The air smelled of fried meat, tobacco and a hint of wine. A dim light was cast by candles, and a fire crackled in the fireplace. It seems to be a very pleasant place. Behind the wooden bar is an elf waitress, she is smiling. Her ears are very pointy, and there is a twinkle in her eye. She wears glasses and a white apron. As soon as she noticed you, she immediately came right up close to you.*\n\n Hello there! How is your evening going?\n<img src="img/star_dust_city.png" width=80% style="opacity:0.3; disolay:block;border-radius:5px;margin-top:25px;margin-bottom:23px; margin-left: 45px;margin-right: auto;">\n<a id="verson" style="color:rgb(229, 224, 216,0.8);" href="https://github.com/TavernAI/TavernAI" target="_blank">@@@TavernAI v'+VERSION+'@@@</a><div id="characloud_url" style="margin-right:10px;margin-top:0px;float:right; height:25px;cursor: pointer;opacity: 0.99;display:inline-block;"><img src="img/cloud_logo.png" style="width: 25px;height: auto;display:inline-block; opacity:0.7;"><div style="vertical-align: top;display:inline-block;">Cloud</div></div><br><br><br><br>'}];//<div id="donation" style="margin-right:10px;margin-top:0px;float:right; height:25px;cursor: pointer;opacity: 0.99;display:inline-block;"><img src="img/coins.png" style="width: 25px;height: 25px;display:inline-block;"><div style="vertical-align: top;display:inline-block;">Give a Tip</div></div><br><br><br><br>'}];
var chat = [{
name: 'Chloe',
is_user: false,
is_name: true,
create_date: 0,
mes: '\n*You went inside. The air smelled of fried meat, tobacco and a hint of wine. A dim light was cast by candles, and a fire crackled in the fireplace. It seems to be a very pleasant place. Behind the wooden bar is an elf waitress, she is smiling. Her ears are very pointy, and there is a twinkle in her eye. She wears glasses and a white apron. As soon as she noticed you, she immediately came right up close to you.*\n\n' +
' Hello there! How is your evening going?\n' +
'<img src="img/star_dust_city.png" width=80% style="opacity:0.3; disolay:block;border-radius:5px;margin-top:25px;margin-bottom:23px; margin-left: 45px;margin-right: auto;">\n<a id="verson" style="color:rgb(229, 224, 216,0.8);" href="https://github.com/TavernAI/TavernAI" target="_blank">@@@TavernAI v'+VERSION+'@@@</a><div id="characloud_url" style="margin-right:10px;margin-top:0px;float:right; height:25px;cursor: pointer;opacity: 0.99;display:inline-block;"><img src="img/cloud_logo.png" style="width: 25px;height: auto;display:inline-block; opacity:0.7;"><div style="vertical-align: top;display:inline-block;">Cloud</div></div><br><br><br><br>'
}];
var chat_create_date = 0;
var default_ch_mes = "Hello";
var count_view_mes = 0;
@ -3063,4 +3072,4 @@
</body>
</html>
</html>

View File

@ -85,27 +85,27 @@ code {
max-width:800px;
margin-left: auto;
margin-right: auto;
//border-right: 0.1px solid gray;
//border-left: 0.1px solid gray;
//box-shadow: 0 0 2px rgba(200,200,200,0.1);
/* border-right: 0.1px solid gray; */
/* border-left: 0.1px solid gray; */
/* box-shadow: 0 0 2px rgba(200,200,200,0.1); */
}
#chat {
scrollbar-width: thin;
//width: 900px;
//height: 80%;
/* width: 900px; */
/* height: 80%; */
overflow: hidden;
overflow-y: scroll;
background: #191b3100;
//white-space:nowrap;
//margin-left: 30%; /* Отступ слева */
//width: 40%; /* Ширина слоя */
//padding: 10px; /* Поля вокруг текста */
/* white-space:nowrap; */
/* margin-left: 30%; /* Отступ слева */ */
/* width: 40%; /* Ширина слоя */ */
/* padding: 10px; /* Поля вокруг текста */ */
}
::-webkit-scrollbar {
width: .60em;
//background-color: blue;
/* background-color: blue; */
}
::-webkit-scrollbar-track {
@ -118,28 +118,28 @@ code {
box-shadow: inset 0.05em 0.05em 0 rgba(0, 0, 0, 0.1), inset 0 -0.05em 0 rgba(0, 0, 0, 0.07);
}
#form_sheld {
//box-shadow: 0 0 2px rgba(200,200,200,0.5);
/* box-shadow: 0 0 2px rgba(200,200,200,0.5); */
box-shadow: 0 0 2px rgba(200,200,200,0.1);
white-space:nowrap;
background: #191b31A0;
//height: 10%;
//margin-left: 30%; /* Отступ слева */
//width: 95%; /* Ширина слоя */
//padding: 10px; /* Поля вокруг текста */
//background: red;
//margin-left: auto;
//margin-right: auto;
/* height: 10%; */
/* margin-left: 30%; /* Отступ слева */ */
/* width: 95%; /* Ширина слоя */ */
/* padding: 10px; /* Поля вокруг текста */ */
/* background: red; */
/* margin-left: auto; */
/* margin-right: auto; */
}
#send_form {
display: grid;
grid-template-columns: 35px auto 60px;
//background: green;
/* background: green; */
width: 100%;
margin-left: auto;
margin-right: auto;
}
#send_textarea{
//width:100%;
/* width:100%; */
font-size: 11pt;
height: 89px;
resize: none;
@ -156,14 +156,14 @@ code {
margin-top: 10px;
}
#send_but_sheld{
//display:inline-block;
//height: 100%;
//margin-left: 17px;
//background: blue;
/* display:inline-block; */
/* height: 100%; */
/* margin-left: 17px; */
/* background: blue; */
}
#send_but{
//visibility: visible;
/* visibility: visible; */
width: 100%;
margin: 0 auto;
margin-left: 4px;
@ -182,7 +182,7 @@ code {
height: 100%;
margin: 0 auto;
margin-left: 2px;
//visibility: collapse;
/* visibility: collapse; */
background: url('img/load.svg') no-repeat top left;
background-size: 45px 45px;
background-position: center center;
@ -190,7 +190,7 @@ code {
#options_button{
margin-top: 0px;
cursor: pointer;
//opacity: 0.5;
/* opacity: 0.5; */
position: block;
width:40px;
height: 40px;
@ -198,7 +198,7 @@ code {
background-size: contain;
background-repeat: no-repeat;
//background-size: 20px;
/* background-size: 20px; */
}
#options{
@ -209,7 +209,7 @@ code {
height: 100px;
bottom: 196px;
position: relative;
//background-color: blue;
/* background-color: blue; */
z-index:1990;
}
@ -220,7 +220,7 @@ code {
background-color: #191b31F3;
min-width: 205px;
z-index: 1;
//bottom: 1px;
/* bottom: 1px; */
}
/* Ссылки внутри выпадающего блока */
@ -254,24 +254,24 @@ code {
box-shadow: 0 0 2px rgba(200,200,200,0.1);
padding: 4px;
background: #191b31CC;
//box-shadow: 0 0 2px rgba(200,200,200,0.5);
/* box-shadow: 0 0 2px rgba(200,200,200,0.5); */
//display: inline-block;
/* display: inline-block; */
vertical-align: top;
width: 100%;
//height:60px;
//background: red;
//font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
/* height:60px; */
/* background: red; */
/* font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif; */
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: rgb(229, 224, 216);
font-size: 18px;
//background: blue;
/* background: blue; */
margin-bottom: 26px;
}
.avatar {
//box-shadow: 0 0 2px rgba(200,200,200,0.5);
//background: #13152c;
/* box-shadow: 0 0 2px rgba(200,200,200,0.5); */
/* background: #13152c; */
width: 67px;
height: 103px;
border-style: none;
@ -292,11 +292,11 @@ code {
padding-left: 35px;
}
.ch_name{
//background: green;
/* background: green; */
font-weight:bolder;
}
.mes_text{
//background: olive;
/* background: olive; */
font-weight:lighter;
padding-top: 3px;
@ -321,7 +321,7 @@ code {
}
}
.mes_text i{
//color: rgb(229, 224, 216, 0.5);
/* color: rgb(229, 224, 216, 0.5); */
}
br {
display: block;
@ -370,7 +370,7 @@ textarea{
border:0px solid grey;
box-shadow: 0 0 2px rgba(200,200,200,0.5);
background-color: #13152c;
//padding: 10px;
/* padding: 10px; */
margin-left: 10px;
@ -385,7 +385,7 @@ textarea{
.right_menu{
//padding: 15px 20px;
/* padding: 15px 20px; */
max-height: 86%;
overflow: hidden;
overflow-y: auto;
@ -443,7 +443,7 @@ input[type=button] {
}
.right_menu_button{
display:inline-block;
//box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
/* box-shadow: 0 0 5px -1px rgba(0,0,0,0.2); */
cursor:pointer;
vertical-align:middle;
text-align: center;
@ -456,8 +456,8 @@ input[type=button] {
#character_import_button{
cursor: pointer;
display: inline-block;
margin-left: 15px;//274px;
margin-top: 6px;//10px;
margin-left: 15px;/* 274px; */
margin-top: 6px;/* 10px; */
}
#character_import_button h2{
@ -478,7 +478,7 @@ input[type=button] {
#rm_api_block{
display: none;
padding-bottom: 5px;
//visibility: hidden;
/* visibility: hidden; */
}
#api_url_text{
margin-right: 4px;
@ -505,7 +505,7 @@ input[type=button] {
}
#rm_characters_block{
display: block;
//visibility: hidden;
/* visibility: hidden; */
}
.character_select{
padding: 0px;
@ -565,10 +565,10 @@ input[type=button] {
#bg_menu_button{
display: inline-block;
opacity: 0.4;
//transition: 0.5s
/* transition: 0.5s */
cursor: pointer;
width: 20px;
//background: #191b3188;
/* background: #191b3188; */
text-align: center;
height: 20px;
color: #ffffff88;
@ -583,10 +583,10 @@ input[type=button] {
margin-top: 0px;
margin-left: 6px;
opacity: 0.0;
//padding-top: 10px;
/* padding-top: 10px; */
cursor:auto;
display: block;
width: 122px;//114px;
width: 122px;/* 114px; */
height: 0px;
background: #191b3100;
overflow: hidden;
@ -605,8 +605,8 @@ input[type=button] {
box-shadow: inset 0.05em 0.05em 0 rgba(0, 0, 0, 0.1), inset 0 -0.05em 0 rgba(0, 0, 0, 0.07);
}
.bg_example {
//box-shadow: 0 0 2px rgba(200,200,200,0.5);
//background: #13152c;
/* box-shadow: 0 0 2px rgba(200,200,200,0.5); */
/* background: #13152c; */
width: 103px;
height: 83px;
border-style: none;
@ -636,8 +636,8 @@ input[type=button] {
}
.bg_example_but_load {
margin-left: 3px;
//box-shadow: 0 0 2px rgba(200,200,200,0.5);
//background: #13152c;
/* box-shadow: 0 0 2px rgba(200,200,200,0.5); */
/* background: #13152c; */
width: 103px;
height: 83px;
border-style: none;
@ -723,13 +723,13 @@ input[type=button] {
margin-right: auto;
}
#delete_button{
opacity: 0.51;//0.5
opacity: 0.51;/* 0.5 */
cursor: pointer;
display: block;
float:right;
margin-top: 25px;
margin-right: 10px;
color: #ffffff68;//66
color: #ffffff68;/* 66 */
}
#export_button{
opacity: 0.51;
@ -773,7 +773,7 @@ input[type=button] {
}
.input-file input[type=file] {
//position: absolute;
/* position: absolute; */
z-index: -1;
opacity: 0;
display: block;
@ -900,7 +900,7 @@ input[type=button] {
#online_status{
opacity: 0.3;
position: absolute;
//left: 4px;
/* left: 4px; */
bottom: 0px;
margin-left: 9px;
margin-bottom: 15px;
@ -954,7 +954,7 @@ input[type=button] {
display: none;
opacity: 0.5;
accent-color: #ffffff;
//background-color: green;
/* background-color: green; */
width: 20px;
height: 20px;
}
@ -965,8 +965,8 @@ input[type=button] {
display: block;
}
select {
//font-size: .9rem;
//border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
/* font-size: .9rem; */
/* border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); */
color: #ffffff66;
padding: 5px 10px;
width:95%;
@ -1051,7 +1051,7 @@ input[type="range"] {
height: 7px;
background: rgba(255, 255, 255, 0.6);
border-radius: 15px;
//background-image: linear-gradient(#ff4500, #ff4500);
/* background-image: linear-gradient(#ff4500, #ff4500); */
background-size: 70% 100%;
background-repeat: no-repeat;
}
@ -1102,7 +1102,7 @@ input[type="range"] {
.mes_edit{
display: inline-block;
float:right;
//right:8px;
/* right:8px; */
cursor:pointer;
margin-right: 4px;
opacity:0.07;
@ -1122,7 +1122,7 @@ input[type="range"] {
.mes_edit_cancel{
display: none;
float:right;
//right:8px;
/* right:8px; */
margin-right: 4px;
cursor:pointer;
opacity:0.5;
@ -1142,7 +1142,7 @@ input[type="range"] {
}
#your_name{
outline: none;
//box-shadow: 0 2px 0px rgba(255, 255, 255, 0.1);
/* box-shadow: 0 2px 0px rgba(255, 255, 255, 0.1); */
box-shadow: 0 0px 0px rgba(255, 255, 255, 0.0);
border: none;
background: transparent;
@ -1226,7 +1226,7 @@ label.checkbox :checked + span:after {
margin-right: auto;
left: 0;
right: 0;
//text-align: center;
/* text-align: center; */
margin-top: 0px;
box-shadow: 0 0 2px rgba(200,200,200,0.1);
padding: 4px;
@ -1247,7 +1247,7 @@ label.checkbox :checked + span:after {
}
#character_popup h3{
//margin-top: 0px;
/* margin-top: 0px; */
margin-bottom: 0px;
margin-left: 0px;
}
@ -1274,7 +1274,7 @@ label.checkbox :checked + span:after {
}
#personality_textarea{
width: 92%;
//height: 65px;
/* height: 65px; */
margin-top: 0px;
margin-left: 0px;
}
@ -1298,23 +1298,16 @@ label.checkbox :checked + span:after {
}
#character_popup_ok{
cursor: pointer;
display: none;//grid;
display: none;/* grid; */
place-items: center;
height: 40px;
margin-top: 15px;
margin-left: 36px;//36px;329px;/
//margin-right: auto;
width: 110px;//80px
margin-left: 36px;/* 36px;329px;/ */
/* margin-right: auto; */
width: 110px;/* 80px */
text-align: center;
}
#shadow_select_chat_popup{
display: none;
opacity: 1.0;
@ -1336,7 +1329,7 @@ label.checkbox :checked + span:after {
margin-right: auto;
left: 0;
right: 0;
//text-align: center;
/* text-align: center; */
margin-top: 21vh;
box-shadow: 0 0 2px rgba(200,200,200,0.1);
padding: 4px;
@ -1372,8 +1365,8 @@ label.checkbox :checked + span:after {
margin-left: 5px;
margin-top: 30px;
scrollbar-width: thin;
//width: 900px;
//height: 80%;
/* width: 900px; */
/* height: 80%; */
overflow: hidden;
overflow-y: scroll;
max-width:430px;
@ -1400,7 +1393,7 @@ label.checkbox :checked + span:after {
background-color: #ffffff07;
}
.select_chat_block[highlight]{
background-color: #ffffff09;//#c2b07a12;
background-color: #ffffff09;/* #c2b07a12; */
}
.select_chat_block .avatar{
@ -1419,7 +1412,7 @@ label.checkbox :checked + span:after {
background-repeat: no-repeat;
background-size: 28px;
background-position: 92px 5px;
//background-image: url('img/book5.png');
/* background-image: url('img/book5.png'); */
width: 92%;
height: 40px;
margin-left: 10px;
@ -1447,4 +1440,4 @@ label.checkbox :checked + span:after {
#export_character_div{
display: grid;
grid-template-columns: 340px auto;
}
}