Hugging Face's logo

Spaces:
You-shen
/
MisDetectorV1
Sleeping

App Files Community
You-shen commited on
Commit
1e896e0
·
verified ·
1 Parent(s): bfca4cb

Update css.py

Browse files
Files changed (1) hide show
  1. css.py +123 -0
css.py CHANGED
@@ -0,0 +1,123 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ template = """
2
+ You are an assistant for fake news detection tasks.
3
+ you need to detect the claim and generate your judgment explanation based on what you know.
4
+ Don't mention yourself.
5
+ The answer is in Chinese\
6
+ Claim: {question} \n Answer:
7
+ """
8
+
9
+ css1="""
10
+ .gradio-container {
11
+ background-color: #FAF3E0; /* Warm, light beige background for a soft appearance */
12
+ border: 3px solid #B5651D; /* Muted brown border for a subtle contrast */
13
+ border-radius: 12px;
14
+ padding: 25px;
15
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
16
+ font-family: 'Arial', sans-serif;
17
+ }
18
+
19
+ .gradio-header {
20
+ color: #4A4A4A; /* Neutral dark grey for the header text */
21
+ font-size: 36px;
22
+ font-weight: bold;
23
+ text-align: center;
24
+ margin-bottom: 20px;
25
+ }
26
+
27
+ .gradio-input {
28
+ width: 98%;
29
+ padding: 12px;
30
+ border: 10px solid #B5651D; /* Matching the container border color */
31
+ background-color: #FFFFFF; /* White background for clarity */
32
+ border-radius: 8px;
33
+ margin: 9px;
34
+ font-size: 16px;
35
+ }
36
+
37
+ .gradio-output {
38
+ width: 98%;
39
+ padding: 12px;
40
+ border: 10px solid #B5651D; /* Matching the container border color */
41
+ background-color: #FFFFFF; /* White background for consistency */
42
+ border-radius: 8px;
43
+ font-size: 9px;
44
+ margin: 4.5px;
45
+ }
46
+
47
+ .gradio-button {
48
+ background-color: #FF3333; /* 设置按钮颜色为橙色 */
49
+ color: #FF8800;
50
+ padding: 12px 24px;
51
+ border: none;
52
+ border-radius: 8px;
53
+ cursor: pointer;
54
+ font-size: 18px;
55
+ font-weight: bold;
56
+ transition: background-color 0.3s ease;
57
+ }
58
+ """
59
+
60
+ css2="""
61
+ .gradio-container {
62
+ background-color: #666666;
63
+ border: 5px solid #000000;
64
+ border-radius: 12px;
65
+ padding: 25px;
66
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
67
+ font-family: 'Arial', sans-serif;
68
+ }
69
+
70
+ .gradio-header {
71
+ color: #333333;
72
+ font-size: 36px;
73
+ font-weight: bold;
74
+ text-align: center;
75
+ margin-bottom: 20px;
76
+ }
77
+
78
+ .gradio-input {
79
+ width: 98%;
80
+ padding: 12px;
81
+ border: 10px solid #000000; /* 更改输入框边框颜色 */
82
+ background-color: #ffffff;
83
+ border-radius: 8px;
84
+ margin: 9px;
85
+ font-size: 16px;
86
+ }
87
+
88
+ .gradio-output {
89
+ width: 98%;
90
+ padding: 12px;
91
+ border: 10px solid #000000; /* 更改输出框边框颜色 */
92
+ background-color: #ffffff;
93
+ border-radius: 8px;
94
+ font-size: 16px;
95
+ margin: 4.5px;
96
+ }
97
+
98
+ .gradio-button {
99
+ background-color: #FF3333; /* 设置按钮颜色为橙色 */
100
+ color: #FF8800;
101
+ padding: 12px 24px;
102
+ border: none;
103
+ border-radius: 8px;
104
+ cursor: pointer;
105
+ font-size: 18px;
106
+ font-weight: bold;
107
+ transition: background-color 0.3s ease;
108
+ }
109
+
110
+ .gradio-button:hover {
111
+ background-color: #ff8c00;
112
+ }
113
+
114
+ .gradio-button:focus {
115
+ outline: none;
116
+ box-shadow: 0 0 5px 2px rgba(255, 165, 0, 0.5);
117
+ }
118
+ """
119
+ custom_css = """
120
+ #custom_chatbot .h-16 {
121
+ display: none;
122
+ }
123
+ """