83 lines
No EOL
1.5 KiB
CSS
83 lines
No EOL
1.5 KiB
CSS
:root {
|
|
--primary-color: #e63946;
|
|
--secondary-color: #3b82f6;
|
|
--success-color: #22c55e;
|
|
--warning-color: #f59e0b;
|
|
--danger-color: #ef4444;
|
|
--light-bg: #f8fafc;
|
|
--dark-text: #1e293b;
|
|
--muted-text: #64748b;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
'Helvetica Neue', Arial, sans-serif;
|
|
color: var(--dark-text);
|
|
background-color: var(--light-bg);
|
|
}
|
|
|
|
.navbar {
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.navbar-brand {
|
|
font-weight: 700;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background-color: #d62839;
|
|
border-color: #d62839;
|
|
}
|
|
|
|
.text-primary {
|
|
color: var(--primary-color) !important;
|
|
}
|
|
|
|
.bg-primary {
|
|
background-color: var(--primary-color) !important;
|
|
}
|
|
|
|
#notificationArea {
|
|
position: fixed;
|
|
top: 70px;
|
|
right: 20px;
|
|
z-index: 1050;
|
|
min-width: 300px;
|
|
max-width: 400px;
|
|
}
|
|
|
|
.notification {
|
|
margin-bottom: 10px;
|
|
animation: slideIn 0.3s ease-out;
|
|
}
|
|
|
|
/* Анимация появления уведомлений справа */
|
|
@keyframes slideIn {
|
|
from {
|
|
transform: translateX(400px);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
footer {
|
|
margin-top: auto;
|
|
}
|
|
|
|
footer a {
|
|
text-decoration: none;
|
|
transition: opacity 0.3s;
|
|
}
|
|
|
|
footer a:hover {
|
|
opacity: 0.7;
|
|
} |