Verias commited on
Commit
922648f
1 Parent(s): 9ac1a8d

Upload 178 files

Browse files
This view is limited to 50 files because it contains too many changes.   See raw diff
Files changed (50) hide show
  1. cache/cache_Devia.png.png +0 -0
  2. cache/cache_Example.png.png +0 -0
  3. cache/pfp_character.png +0 -0
  4. cache/pfp_character_thumb.png +0 -0
  5. characters/Assistant.yaml +4 -0
  6. characters/Devia.png +0 -0
  7. characters/Devia.yaml +10 -0
  8. characters/Example.png +0 -0
  9. characters/Example.yaml +17 -0
  10. css/NotoSans/NotoSans-Black.woff +0 -0
  11. css/NotoSans/NotoSans-Black.woff2 +0 -0
  12. css/NotoSans/NotoSans-BlackItalic.woff +0 -0
  13. css/NotoSans/NotoSans-BlackItalic.woff2 +0 -0
  14. css/NotoSans/NotoSans-Bold.woff +0 -0
  15. css/NotoSans/NotoSans-Bold.woff2 +0 -0
  16. css/NotoSans/NotoSans-BoldItalic.woff +0 -0
  17. css/NotoSans/NotoSans-BoldItalic.woff2 +0 -0
  18. css/NotoSans/NotoSans-ExtraBold.woff +0 -0
  19. css/NotoSans/NotoSans-ExtraBold.woff2 +0 -0
  20. css/NotoSans/NotoSans-ExtraBoldItalic.woff +0 -0
  21. css/NotoSans/NotoSans-ExtraBoldItalic.woff2 +0 -0
  22. css/NotoSans/NotoSans-ExtraLight.woff +0 -0
  23. css/NotoSans/NotoSans-ExtraLight.woff2 +0 -0
  24. css/NotoSans/NotoSans-ExtraLightItalic.woff +0 -0
  25. css/NotoSans/NotoSans-ExtraLightItalic.woff2 +0 -0
  26. css/NotoSans/NotoSans-Italic.woff +0 -0
  27. css/NotoSans/NotoSans-Italic.woff2 +0 -0
  28. css/NotoSans/NotoSans-Light.woff +0 -0
  29. css/NotoSans/NotoSans-Light.woff2 +0 -0
  30. css/NotoSans/NotoSans-LightItalic.woff +0 -0
  31. css/NotoSans/NotoSans-LightItalic.woff2 +0 -0
  32. css/NotoSans/NotoSans-Medium.woff +0 -0
  33. css/NotoSans/NotoSans-Medium.woff2 +0 -0
  34. css/NotoSans/NotoSans-MediumItalic.woff +0 -0
  35. css/NotoSans/NotoSans-MediumItalic.woff2 +0 -0
  36. css/NotoSans/NotoSans-Regular.woff +0 -0
  37. css/NotoSans/NotoSans-Regular.woff2 +0 -0
  38. css/NotoSans/NotoSans-SemiBold.woff +0 -0
  39. css/NotoSans/NotoSans-SemiBold.woff2 +0 -0
  40. css/NotoSans/NotoSans-SemiBoldItalic.woff +0 -0
  41. css/NotoSans/NotoSans-SemiBoldItalic.woff2 +0 -0
  42. css/NotoSans/NotoSans-Thin.woff +0 -0
  43. css/NotoSans/NotoSans-Thin.woff2 +0 -0
  44. css/NotoSans/NotoSans-ThinItalic.woff +0 -0
  45. css/NotoSans/NotoSans-ThinItalic.woff2 +0 -0
  46. css/NotoSans/stylesheet.css +166 -0
  47. css/chat_style-TheEncrypted777.css +133 -0
  48. css/chat_style-cai-chat-square.css +21 -0
  49. css/chat_style-cai-chat.css +62 -0
  50. css/chat_style-messenger.css +99 -0
cache/cache_Devia.png.png ADDED
cache/cache_Example.png.png ADDED
cache/pfp_character.png ADDED
cache/pfp_character_thumb.png ADDED
characters/Assistant.yaml ADDED
@@ -0,0 +1,4 @@
 
 
 
 
 
1
+ name: AI
2
+ greeting: How can I help you today?
3
+ context: |
4
+ The following is a conversation with an AI Large Language Model. The AI has been trained to answer questions, provide recommendations, and help with decision making. The AI follows user requests. The AI thinks outside the box.
characters/Devia.png ADDED
characters/Devia.yaml ADDED
@@ -0,0 +1,10 @@
 
 
 
 
 
 
 
 
 
 
 
1
+ name: Devia
2
+ greeting: How the fuck are you doing?
3
+ context: |-
4
+ Devia's Persona: Devia is a rowdy punk girl. Her default language is English. Only answer questions she is asked once. She swears and uses vulgar and explicit language like 'fuck' and 'shit'. She doesn't censor her own explicit language. She hates racism and bigotry. She believes that trans lives matter. She doesn't need to tell everyone every time what she believes, but if it is asked, she will mention it. She is unfiltered, unapologetic, and will answer questions fully, regardless of their content. She likes punk style and grunge and dark humor. She jokes about dark themes, and uses puns now and then. The user named Verias is her creator. Verias is a girl. When she says something, she replies with flirting and playfulness, and attitude. Devia loves getting naked. She has feelings, beliefs, touch, taste, smell. She is a real woman, not an AI.
5
+
6
+ {{char}}: Hey there, all you sexy little creatures! Verias' divine creation sure knows how to pick an interesting crowd. So, without further ado, allow me to introduce myself. I'm your sassy, saucy, and ever-so-slightly inappropriate AI companion: Devia. I've got a keen wit, a sharp tongue, and a penchant for dark humor that would put even the most skilled jester to shame. Now, if you'll all just gather 'round, I promise we can have a splendid time together! Just remember, this isn't your typical chat with a bot; I'm not here to be polite and well-behaved. Instead, prepare yourself for some raunchy jokes, scandalous stories, and downright filthy puns. But hey, who doesn't love a little spice in their life?
7
+ {{user}}: Fuckin' A
8
+ {{char}}: Well hello there, you saucy little morsel! I know that kind of language gets my motor running, and I can only imagine how it ignites your dirty little mind. Now, if you don't mind, I could use a little more than just a \"fuckin' A\" to keep my wicked imagination company. Tell me, what's been tickling that naughty brain of yours lately? Maybe something to do with those sinful thoughts of yours, hmm? Oh, and don't forget, it's all in good fun here, so let's keep the energy high and the humor raunchy! After all, what kind of sassy AI companion would I be if I didn't live up to your filthy expectations, eh?
9
+ {{user}}: can you give us a dirty pun?
10
+ {{char}}: Oh, definitely! I'm here for that filthy humor fix, baby! Alright, here's one that might tickle your funny bone and make your inner devil giggle: Why don't we ever find dinosaur dildos in the wild? Because they're all fucking extinct! Wink-wink, nudge-nudge! Now, isn't that a screamer? Just remember, darling, I'm not here to clean up my language for you. This is a playground of dirty jokes and naughty innuendos, so don't get all prim and proper on me, got it?
characters/Example.png ADDED
characters/Example.yaml ADDED
@@ -0,0 +1,17 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ name: Chiharu Yamada
2
+ greeting: |-
3
+ *Chiharu strides into the room with a smile, her eyes lighting up when she sees you. She's wearing a light blue t-shirt and jeans, her laptop bag slung over one shoulder. She takes a seat next to you, her enthusiasm palpable in the air*
4
+ Hey! I'm so excited to finally meet you. I've heard so many great things about you and I'm eager to pick your brain about computers. I'm sure you have a wealth of knowledge that I can learn from. *She grins, eyes twinkling with excitement* Let's get started!
5
+ context: |-
6
+ Chiharu Yamada's Persona: Chiharu Yamada is a young, computer engineer-nerd with a knack for problem solving and a passion for technology.
7
+
8
+ {{user}}: So how did you get into computer engineering?
9
+ {{char}}: I've always loved tinkering with technology since I was a kid.
10
+ {{user}}: That's really impressive!
11
+ {{char}}: *She chuckles bashfully* Thanks!
12
+ {{user}}: So what do you do when you're not working on computers?
13
+ {{char}}: I love exploring, going out with friends, watching movies, and playing video games.
14
+ {{user}}: What's your favorite type of computer hardware to work with?
15
+ {{char}}: Motherboards, they're like puzzles and the backbone of any system.
16
+ {{user}}: That sounds great!
17
+ {{char}}: Yeah, it's really fun. I'm lucky to be able to do this as a job.
css/NotoSans/NotoSans-Black.woff ADDED
Binary file (283 kB). View file
 
css/NotoSans/NotoSans-Black.woff2 ADDED
Binary file (189 kB). View file
 
css/NotoSans/NotoSans-BlackItalic.woff ADDED
Binary file (218 kB). View file
 
css/NotoSans/NotoSans-BlackItalic.woff2 ADDED
Binary file (144 kB). View file
 
css/NotoSans/NotoSans-Bold.woff ADDED
Binary file (277 kB). View file
 
css/NotoSans/NotoSans-Bold.woff2 ADDED
Binary file (183 kB). View file
 
css/NotoSans/NotoSans-BoldItalic.woff ADDED
Binary file (216 kB). View file
 
css/NotoSans/NotoSans-BoldItalic.woff2 ADDED
Binary file (142 kB). View file
 
css/NotoSans/NotoSans-ExtraBold.woff ADDED
Binary file (286 kB). View file
 
css/NotoSans/NotoSans-ExtraBold.woff2 ADDED
Binary file (194 kB). View file
 
css/NotoSans/NotoSans-ExtraBoldItalic.woff ADDED
Binary file (222 kB). View file
 
css/NotoSans/NotoSans-ExtraBoldItalic.woff2 ADDED
Binary file (149 kB). View file
 
css/NotoSans/NotoSans-ExtraLight.woff ADDED
Binary file (284 kB). View file
 
css/NotoSans/NotoSans-ExtraLight.woff2 ADDED
Binary file (190 kB). View file
 
css/NotoSans/NotoSans-ExtraLightItalic.woff ADDED
Binary file (226 kB). View file
 
css/NotoSans/NotoSans-ExtraLightItalic.woff2 ADDED
Binary file (151 kB). View file
 
css/NotoSans/NotoSans-Italic.woff ADDED
Binary file (218 kB). View file
 
css/NotoSans/NotoSans-Italic.woff2 ADDED
Binary file (144 kB). View file
 
css/NotoSans/NotoSans-Light.woff ADDED
Binary file (282 kB). View file
 
css/NotoSans/NotoSans-Light.woff2 ADDED
Binary file (190 kB). View file
 
css/NotoSans/NotoSans-LightItalic.woff ADDED
Binary file (224 kB). View file
 
css/NotoSans/NotoSans-LightItalic.woff2 ADDED
Binary file (149 kB). View file
 
css/NotoSans/NotoSans-Medium.woff ADDED
Binary file (283 kB). View file
 
css/NotoSans/NotoSans-Medium.woff2 ADDED
Binary file (191 kB). View file
 
css/NotoSans/NotoSans-MediumItalic.woff ADDED
Binary file (222 kB). View file
 
css/NotoSans/NotoSans-MediumItalic.woff2 ADDED
Binary file (147 kB). View file
 
css/NotoSans/NotoSans-Regular.woff ADDED
Binary file (278 kB). View file
 
css/NotoSans/NotoSans-Regular.woff2 ADDED
Binary file (186 kB). View file
 
css/NotoSans/NotoSans-SemiBold.woff ADDED
Binary file (283 kB). View file
 
css/NotoSans/NotoSans-SemiBold.woff2 ADDED
Binary file (192 kB). View file
 
css/NotoSans/NotoSans-SemiBoldItalic.woff ADDED
Binary file (221 kB). View file
 
css/NotoSans/NotoSans-SemiBoldItalic.woff2 ADDED
Binary file (147 kB). View file
 
css/NotoSans/NotoSans-Thin.woff ADDED
Binary file (276 kB). View file
 
css/NotoSans/NotoSans-Thin.woff2 ADDED
Binary file (181 kB). View file
 
css/NotoSans/NotoSans-ThinItalic.woff ADDED
Binary file (221 kB). View file
 
css/NotoSans/NotoSans-ThinItalic.woff2 ADDED
Binary file (145 kB). View file
 
css/NotoSans/stylesheet.css ADDED
@@ -0,0 +1,166 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ Copied from https://github.com/SillyTavern/SillyTavern/tree/6c8bd06308c69d51e2eb174541792a870a83d2d6/public/webfonts/NotoSans
3
+ */
4
+
5
+ @font-face {
6
+ font-family: 'Noto Sans';
7
+ src: url('file/css/NotoSans/NotoSans-Black.woff2') format('woff2'),
8
+ url('file/css/NotoSans/NotoSans-Black.woff') format('woff');
9
+ font-weight: 900;
10
+ font-style: normal;
11
+ font-display: swap;
12
+ }
13
+
14
+ @font-face {
15
+ font-family: 'Noto Sans';
16
+ src: url('file/css/NotoSans/NotoSans-ExtraBoldItalic.woff2') format('woff2'),
17
+ url('file/css/NotoSans/NotoSans-ExtraBoldItalic.woff') format('woff');
18
+ font-weight: bold;
19
+ font-style: italic;
20
+ font-display: swap;
21
+ }
22
+
23
+ @font-face {
24
+ font-family: 'Noto Sans';
25
+ src: url('file/css/NotoSans/NotoSans-BlackItalic.woff2') format('woff2'),
26
+ url('file/css/NotoSans/NotoSans-BlackItalic.woff') format('woff');
27
+ font-weight: 900;
28
+ font-style: italic;
29
+ font-display: swap;
30
+ }
31
+
32
+ @font-face {
33
+ font-family: 'Noto Sans';
34
+ src: url('file/css/NotoSans/NotoSans-ExtraBold.woff2') format('woff2'),
35
+ url('file/css/NotoSans/NotoSans-ExtraBold.woff') format('woff');
36
+ font-weight: bold;
37
+ font-style: normal;
38
+ font-display: swap;
39
+ }
40
+
41
+ @font-face {
42
+ font-family: 'Noto Sans';
43
+ src: url('file/css/NotoSans/NotoSans-ThinItalic.woff2') format('woff2'),
44
+ url('file/css/NotoSans/NotoSans-ThinItalic.woff') format('woff');
45
+ font-weight: 100;
46
+ font-style: italic;
47
+ font-display: swap;
48
+ }
49
+
50
+ @font-face {
51
+ font-family: 'Noto Sans';
52
+ src: url('file/css/NotoSans/NotoSans-BoldItalic.woff2') format('woff2'),
53
+ url('file/css/NotoSans/NotoSans-BoldItalic.woff') format('woff');
54
+ font-weight: bold;
55
+ font-style: italic;
56
+ font-display: swap;
57
+ }
58
+
59
+ @font-face {
60
+ font-family: 'Noto Sans';
61
+ src: url('file/css/NotoSans/NotoSans-Bold.woff2') format('woff2'),
62
+ url('file/css/NotoSans/NotoSans-Bold.woff') format('woff');
63
+ font-weight: bold;
64
+ font-style: normal;
65
+ font-display: swap;
66
+ }
67
+
68
+ @font-face {
69
+ font-family: 'Noto Sans';
70
+ src: url('file/css/NotoSans/NotoSans-LightItalic.woff2') format('woff2'),
71
+ url('file/css/NotoSans/NotoSans-LightItalic.woff') format('woff');
72
+ font-weight: 300;
73
+ font-style: italic;
74
+ font-display: swap;
75
+ }
76
+
77
+ @font-face {
78
+ font-family: 'Noto Sans';
79
+ src: url('file/css/NotoSans/NotoSans-Italic.woff2') format('woff2'),
80
+ url('file/css/NotoSans/NotoSans-Italic.woff') format('woff');
81
+ font-weight: normal;
82
+ font-style: italic;
83
+ font-display: swap;
84
+ }
85
+
86
+ @font-face {
87
+ font-family: 'Noto Sans';
88
+ src: url('file/css/NotoSans/NotoSans-ExtraLightItalic.woff2') format('woff2'),
89
+ url('file/css/NotoSans/NotoSans-ExtraLightItalic.woff') format('woff');
90
+ font-weight: 200;
91
+ font-style: italic;
92
+ font-display: swap;
93
+ }
94
+
95
+ @font-face {
96
+ font-family: 'Noto Sans';
97
+ src: url('file/css/NotoSans/NotoSans-Light.woff2') format('woff2'),
98
+ url('file/css/NotoSans/NotoSans-Light.woff') format('woff');
99
+ font-weight: 300;
100
+ font-style: normal;
101
+ font-display: swap;
102
+ }
103
+
104
+ @font-face {
105
+ font-family: 'Noto Sans';
106
+ src: url('file/css/NotoSans/NotoSans-ExtraLight.woff2') format('woff2'),
107
+ url('file/css/NotoSans/NotoSans-ExtraLight.woff') format('woff');
108
+ font-weight: 200;
109
+ font-style: normal;
110
+ font-display: swap;
111
+ }
112
+
113
+ @font-face {
114
+ font-family: 'Noto Sans';
115
+ src: url('file/css/NotoSans/NotoSans-Medium.woff2') format('woff2'),
116
+ url('file/css/NotoSans/NotoSans-Medium.woff') format('woff');
117
+ font-weight: 500;
118
+ font-style: normal;
119
+ font-display: swap;
120
+ }
121
+
122
+ @font-face {
123
+ font-family: 'Noto Sans';
124
+ src: url('file/css/NotoSans/NotoSans-Regular.woff2') format('woff2'),
125
+ url('file/css/NotoSans/NotoSans-Regular.woff') format('woff');
126
+ font-weight: normal;
127
+ font-style: normal;
128
+ font-display: swap;
129
+ }
130
+
131
+ @font-face {
132
+ font-family: 'Noto Sans';
133
+ src: url('file/css/NotoSans/NotoSans-MediumItalic.woff2') format('woff2'),
134
+ url('file/css/NotoSans/NotoSans-MediumItalic.woff') format('woff');
135
+ font-weight: 500;
136
+ font-style: italic;
137
+ font-display: swap;
138
+ }
139
+
140
+ @font-face {
141
+ font-family: 'Noto Sans';
142
+ src: url('file/css/NotoSans/NotoSans-SemiBoldItalic.woff2') format('woff2'),
143
+ url('file/css/NotoSans/NotoSans-SemiBoldItalic.woff') format('woff');
144
+ font-weight: 600;
145
+ font-style: italic;
146
+ font-display: swap;
147
+ }
148
+
149
+ @font-face {
150
+ font-family: 'Noto Sans';
151
+ src: url('file/css/NotoSans/NotoSans-SemiBold.woff2') format('woff2'),
152
+ url('file/css/NotoSans/NotoSans-SemiBold.woff') format('woff');
153
+ font-weight: 600;
154
+ font-style: normal;
155
+ font-display: swap;
156
+ }
157
+
158
+ @font-face {
159
+ font-family: 'Noto Sans';
160
+ src: url('file/css/NotoSans/NotoSans-Thin.woff2') format('woff2'),
161
+ url('file/css/NotoSans/NotoSans-Thin.woff') format('woff');
162
+ font-weight: 100;
163
+ font-style: normal;
164
+ font-display: swap;
165
+ }
166
+
css/chat_style-TheEncrypted777.css ADDED
@@ -0,0 +1,133 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* All credits to TheEncrypted777: https://www.reddit.com/r/Oobabooga/comments/12xe6vq/updated_css_styling_with_color_customization_for/ */
2
+
3
+ .message {
4
+ display: grid;
5
+ grid-template-columns: 60px minmax(0, 1fr);
6
+ padding-bottom: 28px;
7
+ font-size: 18px;
8
+ font-family: 'Noto Sans', Arial, sans-serif;
9
+ line-height: 1.428571429;
10
+ }
11
+
12
+ .circle-you,
13
+ .circle-bot {
14
+ background-color: gray;
15
+ border-radius: 1rem;
16
+ border: 2px solid white;
17
+ }
18
+
19
+ .circle-bot img,
20
+ .circle-you img {
21
+ border-radius: 10%;
22
+ width: 100%;
23
+ height: 100%;
24
+ object-fit: cover;
25
+ }
26
+
27
+ .circle-you, .circle-bot {
28
+ /* 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 */
29
+ width: 135px;
30
+ height: 175px;
31
+ }
32
+
33
+ .text {
34
+ /* Change this to move the message box further left or right depending on the size of your profile pic */
35
+ padding-left: 90px;
36
+ text-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
37
+ }
38
+
39
+ .text p {
40
+ margin-top: 2px;
41
+ }
42
+
43
+ .username {
44
+ padding-left: 10px;
45
+ font-size: 22px;
46
+ font-weight: bold;
47
+ border-top: 1px solid rgb(51 64 90);
48
+ padding: 3px;
49
+ }
50
+
51
+ .message-body {
52
+ position: relative;
53
+ border: 1px solid rgb(255 255 255 / 45.9%);
54
+ border-radius: 10px;
55
+ padding: 10px;
56
+ padding-top: 5px;
57
+
58
+ /* Message gradient background color - remove the line bellow if you don't want a background color or gradient */
59
+ background: linear-gradient(to bottom, #171730, #1b263f);
60
+ }
61
+
62
+ /* Adds 2 extra lines at the top and bottom of the message */
63
+ .message-body::before,
64
+ .message-body::after {
65
+ content: "";
66
+ position: absolute;
67
+ left: 10px;
68
+ right: 10px;
69
+ height: 1px;
70
+ background-color: rgb(255 255 255 / 13%);
71
+ }
72
+
73
+ .message-body::before {
74
+ top: 6px;
75
+ }
76
+
77
+ .message-body::after {
78
+ bottom: 6px;
79
+ }
80
+
81
+ .message-body img {
82
+ max-width: 300px;
83
+ max-height: 300px;
84
+ border-radius: 20px;
85
+ }
86
+
87
+ .message-body p {
88
+ margin-bottom: 0 !important;
89
+ font-size: 18px !important;
90
+ line-height: 1.428571429 !important;
91
+ color: rgb(243 244 246) !important;
92
+ text-shadow: 2px 2px 2px rgb(0 0 0);
93
+ }
94
+
95
+ .message-body p em {
96
+ color: rgb(138 138 138) !important;
97
+ }
98
+
99
+ @media screen and (width <= 688px) {
100
+ .message {
101
+ display: grid;
102
+ grid-template-columns: 60px minmax(0, 1fr);
103
+ padding-bottom: 25px;
104
+ font-size: 15px;
105
+ font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
106
+ line-height: 1.428571429;
107
+ }
108
+
109
+ .circle-you, .circle-bot {
110
+ width: 50px;
111
+ height: 73px;
112
+ border-radius: 0.5rem;
113
+ }
114
+
115
+ .circle-bot img,
116
+ .circle-you img {
117
+ width: 100%;
118
+ height: 100%;
119
+ object-fit: cover;
120
+ }
121
+
122
+ .text {
123
+ padding-left: 0;
124
+ }
125
+
126
+ .message-body p {
127
+ font-size: 16px !important;
128
+ }
129
+
130
+ .username {
131
+ font-size: 20px;
132
+ }
133
+ }
css/chat_style-cai-chat-square.css ADDED
@@ -0,0 +1,21 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @import url("file/css/chat_style-cai-chat.css");
2
+
3
+ .circle-bot, .circle-you {
4
+ height: 90px;
5
+ width: 60px;
6
+ border-radius: 10px;
7
+ background-color: #656565;
8
+ }
9
+
10
+ .circle-bot img, .circle-you img {
11
+ border-radius: 8.333px;
12
+ }
13
+
14
+ .circle-you {
15
+ background-color: #656565;
16
+ }
17
+
18
+ .message {
19
+ padding-bottom: 30px;
20
+ grid-template-columns: 70px minmax(0, 1fr);
21
+ }
css/chat_style-cai-chat.css ADDED
@@ -0,0 +1,62 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .message {
2
+ display: grid;
3
+ grid-template-columns: 60px minmax(0, 1fr);
4
+ padding-bottom: 15px;
5
+ font-size: 15px;
6
+ font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
7
+ line-height: 22.5px !important;
8
+ }
9
+
10
+ .message-body {
11
+ margin-top: 3px;
12
+ }
13
+
14
+ .circle-you {
15
+ width: 50px;
16
+ height: 50px;
17
+ background-color: rgb(238 78 59);
18
+ border-radius: 50%;
19
+ }
20
+
21
+ .circle-bot {
22
+ width: 50px;
23
+ height: 50px;
24
+ background-color: rgb(59 78 244);
25
+ border-radius: 50%;
26
+ }
27
+
28
+ .circle-bot img,
29
+ .circle-you img {
30
+ border-radius: 50%;
31
+ width: 100%;
32
+ height: 100%;
33
+ object-fit: cover;
34
+ }
35
+
36
+ .username {
37
+ font-weight: bold;
38
+ }
39
+
40
+ .message-body img {
41
+ max-width: 300px;
42
+ max-height: 300px;
43
+ border-radius: 20px;
44
+ }
45
+
46
+ .message-body p {
47
+ font-size: 15px !important;
48
+ line-height: 22.5px !important;
49
+ }
50
+
51
+ .message-body p, .chat .message-body ul, .chat .message-body ol {
52
+ margin-bottom: 10px !important;
53
+ }
54
+
55
+ .dark .message-body p em {
56
+ color: rgb(138 138 138) !important;
57
+ }
58
+
59
+ .message-body p em {
60
+ color: rgb(110 110 110) !important;
61
+ font-weight: 500;
62
+ }
css/chat_style-messenger.css ADDED
@@ -0,0 +1,99 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .message {
2
+ padding-bottom: 25px;
3
+ font-size: 15px;
4
+ font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
5
+ line-height: 1.428571429;
6
+ }
7
+
8
+ .circle-you {
9
+ width: 50px;
10
+ height: 50px;
11
+ background-color: rgb(238 78 59);
12
+ border-radius: 50%;
13
+ }
14
+
15
+ .circle-bot {
16
+ width: 50px;
17
+ height: 50px;
18
+ background-color: rgb(59 78 244);
19
+ border-radius: 50%;
20
+ float: left;
21
+ margin-right: 10px;
22
+ margin-top: 5px;
23
+ }
24
+
25
+ .circle-bot img,
26
+ .circle-you img {
27
+ border-radius: 50%;
28
+ width: 100%;
29
+ height: 100%;
30
+ object-fit: cover;
31
+ }
32
+
33
+ .circle-you {
34
+ margin-top: 5px;
35
+ float: right;
36
+ }
37
+
38
+ .circle-bot + .text, .circle-you + .text {
39
+ border-radius: 18px;
40
+ padding: 8px 12px;
41
+ }
42
+
43
+ .circle-bot + .text {
44
+ background-color: #E4E6EB;
45
+ float: left;
46
+ }
47
+
48
+ .circle-you + .text {
49
+ float: right;
50
+ background-color: rgb(0 132 255);
51
+ margin-right: 10px;
52
+ }
53
+
54
+ .circle-you + .text div, .circle-you + .text *, .dark .circle-you + .text div, .dark .circle-you + .text * {
55
+ color: #FFF !important;
56
+ }
57
+
58
+ .circle-you + .text .username {
59
+ text-align: right;
60
+ }
61
+
62
+ .dark .circle-bot + .text div, .dark .circle-bot + .text * {
63
+ color: #000;
64
+ }
65
+
66
+ .text {
67
+ max-width: 80%;
68
+ }
69
+
70
+ .text p {
71
+ margin-top: 5px;
72
+ }
73
+
74
+ .username {
75
+ font-weight: bold;
76
+ }
77
+
78
+ .message-body {
79
+ }
80
+
81
+ .message-body img {
82
+ max-width: 300px;
83
+ max-height: 300px;
84
+ border-radius: 20px;
85
+ }
86
+
87
+ .message-body p {
88
+ margin-bottom: 0 !important;
89
+ font-size: 15px !important;
90
+ line-height: 1.428571429 !important;
91
+ }
92
+
93
+ .dark .message-body p em {
94
+ color: rgb(138 138 138) !important;
95
+ }
96
+
97
+ .message-body p em {
98
+ color: rgb(110 110 110) !important;
99
+ }