Applesam4 commited on
Commit
321be7f
·
verified ·
1 Parent(s): d8ee079

Upload 299 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. .github/FUNDING.yml +1 -0
  2. .github/ISSUE_TEMPLATE/bug_report_template.yml +53 -0
  3. .github/ISSUE_TEMPLATE/feature_request.md +16 -0
  4. .github/dependabot.yml +11 -0
  5. .github/pull_request_template.md +3 -0
  6. .github/workflows/auto-release.yml +28 -0
  7. .github/workflows/stale.yml +22 -0
  8. characters/Assistant.yaml +4 -0
  9. characters/Example.png +0 -0
  10. characters/Example.yaml +17 -0
  11. css/NotoSans/NotoSans-Black.woff +0 -0
  12. css/NotoSans/NotoSans-Black.woff2 +0 -0
  13. css/NotoSans/NotoSans-BlackItalic.woff +0 -0
  14. css/NotoSans/NotoSans-BlackItalic.woff2 +0 -0
  15. css/NotoSans/NotoSans-Bold.woff +0 -0
  16. css/NotoSans/NotoSans-Bold.woff2 +0 -0
  17. css/NotoSans/NotoSans-BoldItalic.woff +0 -0
  18. css/NotoSans/NotoSans-BoldItalic.woff2 +0 -0
  19. css/NotoSans/NotoSans-ExtraBold.woff +0 -0
  20. css/NotoSans/NotoSans-ExtraBold.woff2 +0 -0
  21. css/NotoSans/NotoSans-ExtraBoldItalic.woff +0 -0
  22. css/NotoSans/NotoSans-ExtraBoldItalic.woff2 +0 -0
  23. css/NotoSans/NotoSans-ExtraLight.woff +0 -0
  24. css/NotoSans/NotoSans-ExtraLight.woff2 +0 -0
  25. css/NotoSans/NotoSans-ExtraLightItalic.woff +0 -0
  26. css/NotoSans/NotoSans-ExtraLightItalic.woff2 +0 -0
  27. css/NotoSans/NotoSans-Italic.woff +0 -0
  28. css/NotoSans/NotoSans-Italic.woff2 +0 -0
  29. css/NotoSans/NotoSans-Light.woff +0 -0
  30. css/NotoSans/NotoSans-Light.woff2 +0 -0
  31. css/NotoSans/NotoSans-LightItalic.woff +0 -0
  32. css/NotoSans/NotoSans-LightItalic.woff2 +0 -0
  33. css/NotoSans/NotoSans-Medium.woff +0 -0
  34. css/NotoSans/NotoSans-Medium.woff2 +0 -0
  35. css/NotoSans/NotoSans-MediumItalic.woff +0 -0
  36. css/NotoSans/NotoSans-MediumItalic.woff2 +0 -0
  37. css/NotoSans/NotoSans-Regular.woff +0 -0
  38. css/NotoSans/NotoSans-Regular.woff2 +0 -0
  39. css/NotoSans/NotoSans-SemiBold.woff +0 -0
  40. css/NotoSans/NotoSans-SemiBold.woff2 +0 -0
  41. css/NotoSans/NotoSans-SemiBoldItalic.woff +0 -0
  42. css/NotoSans/NotoSans-SemiBoldItalic.woff2 +0 -0
  43. css/NotoSans/NotoSans-Thin.woff +0 -0
  44. css/NotoSans/NotoSans-Thin.woff2 +0 -0
  45. css/NotoSans/NotoSans-ThinItalic.woff +0 -0
  46. css/NotoSans/NotoSans-ThinItalic.woff2 +0 -0
  47. css/NotoSans/stylesheet.css +166 -0
  48. css/chat_style-TheEncrypted777.css +133 -0
  49. css/chat_style-cai-chat-square.css +21 -0
  50. css/chat_style-cai-chat.css +62 -0
.github/FUNDING.yml ADDED
@@ -0,0 +1 @@
 
 
1
+ ko_fi: oobabooga
.github/ISSUE_TEMPLATE/bug_report_template.yml ADDED
@@ -0,0 +1,53 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ name: "Bug report"
2
+ description: Report a bug
3
+ labels: [ "bug" ]
4
+ body:
5
+ - type: markdown
6
+ attributes:
7
+ value: |
8
+ Thanks for taking the time to fill out this bug report!
9
+ - type: textarea
10
+ id: bug-description
11
+ attributes:
12
+ label: Describe the bug
13
+ description: A clear and concise description of what the bug is.
14
+ placeholder: Bug description
15
+ validations:
16
+ required: true
17
+ - type: checkboxes
18
+ attributes:
19
+ label: Is there an existing issue for this?
20
+ description: Please search to see if an issue already exists for the issue you encountered.
21
+ options:
22
+ - label: I have searched the existing issues
23
+ required: true
24
+ - type: textarea
25
+ id: reproduction
26
+ attributes:
27
+ label: Reproduction
28
+ description: Please provide the steps necessary to reproduce your issue.
29
+ placeholder: Reproduction
30
+ validations:
31
+ required: true
32
+ - type: textarea
33
+ id: screenshot
34
+ attributes:
35
+ label: Screenshot
36
+ description: "If possible, please include screenshot(s) so that we can understand what the issue is."
37
+ - type: textarea
38
+ id: logs
39
+ attributes:
40
+ label: Logs
41
+ description: "Please include the full stacktrace of the errors you get in the command-line (if any)."
42
+ render: shell
43
+ validations:
44
+ required: true
45
+ - type: textarea
46
+ id: system-info
47
+ attributes:
48
+ label: System Info
49
+ description: "Please share your system info with us: operating system, GPU brand, and GPU model. If you are using a Google Colab notebook, mention that instead."
50
+ render: shell
51
+ placeholder:
52
+ validations:
53
+ required: true
.github/ISSUE_TEMPLATE/feature_request.md ADDED
@@ -0,0 +1,16 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ---
2
+ name: Feature request
3
+ about: Suggest an improvement or new feature for the web UI
4
+ title: ''
5
+ labels: 'enhancement'
6
+ assignees: ''
7
+
8
+ ---
9
+
10
+ **Description**
11
+
12
+ A clear and concise description of what you want to be implemented.
13
+
14
+ **Additional Context**
15
+
16
+ If applicable, please provide any extra information, external links, or screenshots that could be useful.
.github/dependabot.yml ADDED
@@ -0,0 +1,11 @@
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # To get started with Dependabot version updates, you'll need to specify which
2
+ # package ecosystems to update and where the package manifests are located.
3
+ # Please see the documentation for all configuration options:
4
+ # https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
5
+
6
+ version: 2
7
+ updates:
8
+ - package-ecosystem: "pip" # See documentation for possible values
9
+ directory: "/" # Location of package manifests
10
+ schedule:
11
+ interval: "weekly"
.github/pull_request_template.md ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ ## Checklist:
2
+
3
+ - [ ] I have read the [Contributing guidelines](https://github.com/oobabooga/text-generation-webui/wiki/Contributing-guidelines).
.github/workflows/auto-release.yml ADDED
@@ -0,0 +1,28 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ name: Weekly Snapshot Release
2
+ on:
3
+ schedule:
4
+ - cron: '15 20 * * 0'
5
+ workflow_dispatch: {}
6
+
7
+ jobs:
8
+ create_release:
9
+ runs-on: ubuntu-latest
10
+ steps:
11
+ - name: Checkout code
12
+ uses: actions/checkout@v2
13
+
14
+ - name: Set snapshot tag
15
+ id: set_snapshot_tag
16
+ run: echo ::set-output name=tag::snapshot-$(date +'%Y-%m-%d')
17
+
18
+ - name: Create release
19
+ id: create_release
20
+ uses: softprops/action-gh-release@v1
21
+ with:
22
+ generate_release_notes: true
23
+ tag_name: ${{ steps.set_snapshot_tag.outputs.tag }}
24
+ name: ${{ steps.set_snapshot_tag.outputs.tag }}
25
+ draft: false
26
+ prerelease: false
27
+ env:
28
+ GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
.github/workflows/stale.yml ADDED
@@ -0,0 +1,22 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ name: Close inactive issues
2
+ on:
3
+ schedule:
4
+ - cron: "10 23 * * *"
5
+
6
+ jobs:
7
+ close-issues:
8
+ runs-on: ubuntu-latest
9
+ permissions:
10
+ issues: write
11
+ pull-requests: write
12
+ steps:
13
+ - uses: actions/stale@v5
14
+ with:
15
+ stale-issue-message: ""
16
+ close-issue-message: "This issue has been closed due to inactivity for 2 months. If you believe it is still relevant, please leave a comment below. You can tag a developer in your comment."
17
+ days-before-issue-stale: 60
18
+ days-before-issue-close: 0
19
+ stale-issue-label: "stale"
20
+ days-before-pr-stale: -1
21
+ days-before-pr-close: -1
22
+ repo-token: ${{ secrets.GITHUB_TOKEN }}
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/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
+ }