chatterbox-ui/frontend/css/style.css

93 lines
1.5 KiB
CSS

/* Basic styles - to be expanded */
body {
font-family: sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
header {
background: #333;
color: #fff;
padding: 1rem 0;
text-align: center;
}
main {
padding: 20px;
max-width: 960px;
margin: auto;
}
section {
background: #fff;
padding: 20px;
margin-bottom: 20px;
border-radius: 5px;
}
hr {
margin: 20px 0;
border: 0;
border-top: 1px solid #eee;
}
button {
padding: 10px 15px;
background: #333;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
margin-right: 5px; /* Add some margin between buttons */
}
button:hover {
background: #555;
}
input[type='text'], input[type='file'] {
padding: 8px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
width: calc(100% - 20px); /* Adjust width considering padding */
}
label {
display: block;
margin-bottom: 5px;
}
#speaker-list {
list-style: none;
padding: 0;
}
#speaker-list li {
padding: 5px 0;
border-bottom: 1px dotted #eee;
}
#speaker-list li:last-child {
border-bottom: none;
}
pre {
background: #eee;
padding: 10px;
border-radius: 4px;
white-space: pre-wrap; /* Allow wrapping */
word-wrap: break-word; /* Break long words */
}
footer {
text-align: center;
padding: 20px;
background: #333;
color: #fff;
margin-top: 30px;
}