chat-with-pdf / styles.css
bardicreels's picture
Rename style.css to styles.css
c0711e7 verified
raw
history blame
1.59 kB
/* 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 !important;
}
/* 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;
}