Spaces:
Runtime error
Runtime error
JunchuanYu
commited on
Commit
·
d29a81b
1
Parent(s):
936791d
Update css_new.css
Browse files- css_new.css +4 -56
css_new.css
CHANGED
@@ -1,55 +1,3 @@
|
|
1 |
-
:root {
|
2 |
-
--chatbot-color-light: #F3F3F3;
|
3 |
-
--chatbot-color-dark: #121111;
|
4 |
-
}
|
5 |
-
|
6 |
-
#submit {
|
7 |
-
background-color: #708090 !important;
|
8 |
-
border: 2px solid #708090;
|
9 |
-
color: #000000;
|
10 |
-
}
|
11 |
-
/* status_display */
|
12 |
-
|
13 |
-
#status_display {
|
14 |
-
display: flex;
|
15 |
-
min-height: 2.5em;
|
16 |
-
align-items: flex-end;
|
17 |
-
justify-content: flex-end;
|
18 |
-
}
|
19 |
-
#status_display p {
|
20 |
-
font-size: .85em;
|
21 |
-
font-family: monospace;
|
22 |
-
color: var(--body-text-color-subdued);
|
23 |
-
}
|
24 |
-
|
25 |
-
#chuanhu_chatbot, #status_display {
|
26 |
-
transition: all 0.6s;
|
27 |
-
}
|
28 |
-
/* list */
|
29 |
-
ol:not(.options), ul:not(.options) {
|
30 |
-
padding-inline-start: 2em !important;
|
31 |
-
}
|
32 |
-
|
33 |
-
/* 亮色 */
|
34 |
-
#chuanhu_chatbot {
|
35 |
-
background-color: var(--chatbot-color-light) !important;
|
36 |
-
}
|
37 |
-
[data-testid = "bot"] {
|
38 |
-
background-color: #FFFFFF !important;
|
39 |
-
}
|
40 |
-
[data-testid = "user"] {
|
41 |
-
background-color: #95EC69 !important;
|
42 |
-
}
|
43 |
-
/* 对话气泡 */
|
44 |
-
[class *= "message"] {
|
45 |
-
border-radius: var(--radius-xl) !important;
|
46 |
-
border: none;
|
47 |
-
padding: var(--spacing-xl) !important;
|
48 |
-
font-size: var(--text-md) !important;
|
49 |
-
line-height: var(--line-md) !important;
|
50 |
-
min-height: calc(var(--text-md)*var(--line-md) + 2*var(--spacing-xl));
|
51 |
-
min-width: calc(var(--text-md)*var(--line-md) + 2*var(--spacing-xl));
|
52 |
-
}
|
53 |
[data-testid = "bot"] {
|
54 |
max-width: 85%;
|
55 |
border-bottom-left-radius: 0 !important;
|
@@ -59,7 +7,7 @@ ol:not(.options), ul:not(.options) {
|
|
59 |
width: auto !important;
|
60 |
border-bottom-right-radius: 0 !important;
|
61 |
}
|
62 |
-
|
63 |
table {
|
64 |
margin: 1em 0;
|
65 |
border-collapse: collapse;
|
@@ -75,7 +23,7 @@ thead {
|
|
75 |
thead th {
|
76 |
padding: .5em .2em;
|
77 |
}
|
78 |
-
|
79 |
code {
|
80 |
display: inline;
|
81 |
white-space: break-spaces;
|
@@ -84,7 +32,7 @@ code {
|
|
84 |
padding: .2em .4em .1em .4em;
|
85 |
background-color: rgba(175,184,193,0.2);
|
86 |
}
|
87 |
-
|
88 |
pre code {
|
89 |
display: block;
|
90 |
overflow: auto;
|
@@ -96,7 +44,7 @@ pre code {
|
|
96 |
color: #FFF;
|
97 |
box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2);
|
98 |
}
|
99 |
-
|
100 |
.highlight .hll { background-color: #49483e }
|
101 |
.highlight .c { color: #75715e } /* Comment */
|
102 |
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
[data-testid = "bot"] {
|
2 |
max-width: 85%;
|
3 |
border-bottom-left-radius: 0 !important;
|
|
|
7 |
width: auto !important;
|
8 |
border-bottom-right-radius: 0 !important;
|
9 |
}
|
10 |
+
|
11 |
table {
|
12 |
margin: 1em 0;
|
13 |
border-collapse: collapse;
|
|
|
23 |
thead th {
|
24 |
padding: .5em .2em;
|
25 |
}
|
26 |
+
|
27 |
code {
|
28 |
display: inline;
|
29 |
white-space: break-spaces;
|
|
|
32 |
padding: .2em .4em .1em .4em;
|
33 |
background-color: rgba(175,184,193,0.2);
|
34 |
}
|
35 |
+
|
36 |
pre code {
|
37 |
display: block;
|
38 |
overflow: auto;
|
|
|
44 |
color: #FFF;
|
45 |
box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2);
|
46 |
}
|
47 |
+
|
48 |
.highlight .hll { background-color: #49483e }
|
49 |
.highlight .c { color: #75715e } /* Comment */
|
50 |
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
|