File size: 2,712 Bytes
1e896e0
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
template = """
You are an assistant for fake news detection tasks.
you need to detect the claim and generate your judgment explanation based on what you know.
Don't mention yourself.
The answer is in Chinese\
Claim: {question} \n Answer:
"""

css1="""
.gradio-container {
  background-color: #FAF3E0; /* Warm, light beige background for a soft appearance */
  border: 3px solid #B5651D; /* Muted brown border for a subtle contrast */
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-family: 'Arial', sans-serif;
}

.gradio-header {
  color: #4A4A4A; /* Neutral dark grey for the header text */
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.gradio-input {
  width: 98%;
  padding: 12px;
  border: 10px solid #B5651D; /* Matching the container border color */
  background-color: #FFFFFF; /* White background for clarity */
  border-radius: 8px;
  margin: 9px;
  font-size: 16px;
}

.gradio-output {
  width: 98%;
  padding: 12px;
  border: 10px solid #B5651D; /* Matching the container border color */
  background-color: #FFFFFF; /* White background for consistency */
  border-radius: 8px;
  font-size: 9px;
  margin: 4.5px;
}

.gradio-button {
  background-color: #FF3333; /* 设置按钮颜色为橙色 */
  color: #FF8800;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}
"""

css2="""
.gradio-container {
  background-color: #666666;
  border: 5px solid #000000;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-family: 'Arial', sans-serif;
}

.gradio-header {
  color: #333333;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
    
.gradio-input {
  width: 98%;
  padding: 12px;
  border: 10px solid #000000; /* 更改输入框边框颜色 */
  background-color: #ffffff;
  border-radius: 8px;
  margin: 9px;
  font-size: 16px;
}

.gradio-output {
  width: 98%;
  padding: 12px;
  border: 10px solid #000000; /* 更改输出框边框颜色 */
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 16px;
  margin: 4.5px;
}

.gradio-button {
  background-color: #FF3333; /* 设置按钮颜色为橙色 */
  color: #FF8800;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.gradio-button:hover {
  background-color: #ff8c00;
}

.gradio-button:focus {
  outline: none;
  box-shadow: 0 0 5px 2px rgba(255, 165, 0, 0.5);
}
"""
custom_css = """
    #custom_chatbot .h-16 {
        display: none;
    }
    """