Spaces:
Running
Running
/* General styles */ | |
body { | |
font-family: Arial, sans-serif; | |
line-height: 1.6; | |
color: #333; | |
background-color: #f4f4f4; | |
} | |
/* Streamlit container */ | |
.stApp { | |
max-width: 1200px; | |
margin: 0 auto; | |
padding: 20px; | |
background-color: #ffffff; | |
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | |
} | |
/* Header styles */ | |
h1, h2, h3 { | |
color: #2c3e50; | |
} | |
/* Button styles */ | |
.stButton > button { | |
background-color: #3498db; | |
color: white; | |
border: none; | |
padding: 10px 20px; | |
border-radius: 5px; | |
cursor: pointer; | |
transition: background-color 0.3s ease; | |
} | |
.stButton > button:hover { | |
background-color: #2980b9; | |
} | |
/* Input field styles */ | |
.stTextInput > div > div > input { | |
border: 1px solid #bdc3c7; | |
border-radius: 5px; | |
padding: 10px; | |
} | |
/* Chat message styles */ | |
.stChatMessage { | |
padding: 10px; | |
margin-bottom: 10px; | |
border-radius: 5px; | |
} | |
.stChatMessage.user { | |
background-color: #e8f4f8; | |
} | |
.stChatMessage.assistant { | |
background-color: #f0f0f0; | |
} | |
/* Hugging Face Space container */ | |
.hf-space-container { | |
border: 2px solid #3498db; | |
border-radius: 10px; | |
overflow: hidden; | |
margin-top: 20px; | |
} | |
/* Iframe styles */ | |
iframe { | |
width: 100%; | |
height: 800px; | |
border: none; | |
} | |
/* Spinner styles */ | |
.stSpinner > div { | |
border-top-color: #3498db ; | |
} | |
/* Sidebar styles */ | |
.css-1d391kg { | |
background-color: #2c3e50; | |
color: white; | |
} | |
/* Footer styles */ | |
footer { | |
text-align: center; | |
margin-top: 20px; | |
padding: 10px; | |
background-color: #34495e; | |
color: white; | |
} |