mmarch/text-generation-webui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Lint the CSS files

Browse source
This commit is contained in:
oobabooga 2023-10-20 13:02:18 -07:00
parent dedbdb46c2
commit e208128d68
9 changed files with 183 additions and 212 deletions
Download patch file Download diff file Expand all files Collapse all files

36
css/chat_style-TheEncrypted777.css
View file

@ -25,15 +25,15 @@
}
.circle-you, .circle-bot {
/*You can set the size of the profile images here, but if you do, you have to also adjust the .text{padding-left: 90px} to a different number according to the width of the image which is right below here*/
/* You can set the size of the profile images here, but if you do, you have to also adjust the .text{padding-left: 90px} to a different number according to the width of the image which is right below here */
width: 135px;
height: 175px;
}
.text {
/*Change this to move the message box further left or right depending on the size of your profile pic*/
/* Change this to move the message box further left or right depending on the size of your profile pic */
padding-left: 90px;
text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.4);
text-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
}
.text p {
@ -44,37 +44,37 @@
padding-left: 10px;
font-size: 22px;
font-weight: bold;
border-top: 1px solid rgb(51, 64, 90);
border-top: 1px solid rgb(51 64 90);
padding: 3px;
}
.message-body {
position: relative;
border-radius: 1rem;
border: 1px solid rgba(255, 255, 255, 0.459);
border: 1px solid rgb(255 255 255 / 45.9%);
border-radius: 10px;
padding: 10px;
padding-top: 5px;
/*Message gradient background color - remove the line bellow if you don't want a background color or gradient*/
/* Message gradient background color - remove the line bellow if you don't want a background color or gradient */
background: linear-gradient(to bottom, #171730, #1b263f);
}
/*Adds 2 extra lines at the top and bottom of the message*/
.message-body:before,
.message-body:after {
/* Adds 2 extra lines at the top and bottom of the message */
.message-body::before,
.message-body::after {
content: "";
position: absolute;
left: 10px;
right: 10px;
height: 1px;
background-color: rgba(255, 255, 255, 0.13);
background-color: rgb(255 255 255 / 13%);
}
.message-body:before {
.message-body::before {
top: 6px;
}
.message-body:after {
.message-body::after {
bottom: 6px;
}
@ -88,15 +88,15 @@
margin-bottom: 0 !important;
font-size: 18px !important;
line-height: 1.428571429 !important;
color: rgb(243, 244, 246) !important;
text-shadow: 2px 2px 2px rgb(0, 0, 0);
color: rgb(243 244 246) !important;
text-shadow: 2px 2px 2px rgb(0 0 0);
}
.message-body p em {
color: rgb(138, 138, 138) !important;
color: rgb(138 138 138) !important;
}
@media screen and (max-width: 688px) {
@media screen and (width <= 688px) {
.message {
display: grid;
grid-template-columns: 60px minmax(0, 1fr);
@ -120,7 +120,7 @@
}
.text {
padding-left: 0px;
padding-left: 0;
}
.message-body p {