css.py

template_zh = """
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 
"""
template_en ="""
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 English\
Claim: {question} \n 
"""
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-input {
  width: 96%;
  padding: 8px;
  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: #D3D3D3; /* 设置按钮颜色为橙色 */
  color: #FF8800;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

#title {
    font-size: 54px;  /* 设置更大的字体大小 */
    text-align: center;
    color: #333333;
    margin-bottom: 20px;
}
"""

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;
    }
    """