71 lines
1.2 KiB
CSS
71 lines
1.2 KiB
CSS
/* Main Styles */
|
|
body {
|
|
padding-top: 60px;
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
.card {
|
|
margin-bottom: 20px;
|
|
box-shadow: 0 4px 6px rgba(0,0,0,.1);
|
|
}
|
|
|
|
.document-card {
|
|
transition: transform 0.2s;
|
|
}
|
|
|
|
.document-card:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.file-icon {
|
|
font-size: 2.5rem;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.pdf-icon { color: #e74c3c; }
|
|
.document-icon { color: #3498db; }
|
|
.spreadsheet-icon { color: #2ecc71; }
|
|
.image-icon { color: #9b59b6; }
|
|
.video-icon { color: #e67e22; }
|
|
.other-icon { color: #95a5a6; }
|
|
|
|
.flash-messages {
|
|
position: fixed;
|
|
top: 70px;
|
|
right: 20px;
|
|
z-index: 1000;
|
|
max-width: 300px;
|
|
}
|
|
|
|
/* Dashboard Styles */
|
|
.analytics-card {
|
|
background-color: #f8f9fa;
|
|
border-left: 4px solid #007bff;
|
|
}
|
|
|
|
/* Document Viewer Styles */
|
|
.document-viewer {
|
|
min-height: 400px;
|
|
background-color: #f8f9fa;
|
|
border: 1px solid #dee2e6;
|
|
border-radius: 0.25rem;
|
|
padding: 1rem;
|
|
}
|
|
|
|
/* Responsive Adjustments */
|
|
@media (max-width: 768px) {
|
|
.card-body {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.btn-group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.btn-group .btn {
|
|
margin-bottom: 0.25rem;
|
|
border-radius: 0.25rem !important;
|
|
}
|
|
}
|