|
|
|
|
|
|
|
* { |
|
margin: 0; |
|
padding: 0; |
|
box-sizing: border-box; |
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; |
|
} |
|
|
|
|
|
.gradio-container { |
|
background-color: #ffffff; |
|
padding: 20px; |
|
border-radius: 8px; |
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); |
|
} |
|
|
|
|
|
.gradio-button { |
|
background-color: #D32F2F; |
|
color: white; |
|
border: none; |
|
border-radius: 5px; |
|
padding: 12px 25px; |
|
font-size: 16px; |
|
cursor: pointer; |
|
transition: background-color 0.3s ease; |
|
} |
|
|
|
.gradio-button:hover { |
|
background-color: #C62828; |
|
} |
|
|
|
|
|
.gradio-slider { |
|
background-color: #f1f1f1; |
|
border-radius: 8px; |
|
border: 1px solid #ddd; |
|
padding: 10px; |
|
} |
|
|
|
|
|
.gradio-textbox { |
|
background-color: #ffffff; |
|
border: 1px solid #ddd; |
|
border-radius: 8px; |
|
padding: 10px; |
|
font-size: 14px; |
|
width: 100%; |
|
transition: border-color 0.3s ease; |
|
} |
|
|
|
.gradio-textbox:focus { |
|
border-color: #D32F2F; |
|
} |
|
|
|
|
|
.gradio-label { |
|
font-size: 14px; |
|
font-weight: bold; |
|
color: #333; |
|
} |
|
|
|
|
|
.gradio-chat { |
|
background-color: #ffffff; |
|
border: 1px solid #ddd; |
|
border-radius: 8px; |
|
padding: 15px; |
|
} |
|
|
|
.gradio-chat .gradio-message { |
|
background-color: #f1f1f1; |
|
border-radius: 8px; |
|
padding: 10px; |
|
margin-bottom: 10px; |
|
} |
|
|
|
.gradio-chat .gradio-user-message { |
|
background-color: #D32F2F; |
|
color: white; |
|
} |
|
|
|
.gradio-chat .gradio-assistant-message { |
|
background-color: #eeeeee; |
|
} |
|
|