65 lines
1.4 KiB
CSS
65 lines
1.4 KiB
CSS
/* Дополнительные стили для страницы технического обслуживания */
|
|
|
|
.maintenance-container {
|
|
min-height: 100vh;
|
|
background: linear-gradient(135deg, #1a202c 0%, #2a4a6b 50%, #1a202c 100%);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
}
|
|
|
|
.maintenance-shake {
|
|
animation: shake 0.5s ease-in-out;
|
|
}
|
|
|
|
@keyframes shake {
|
|
0%, 100% { transform: translateX(0); }
|
|
25% { transform: translateX(-5px); }
|
|
75% { transform: translateX(5px); }
|
|
}
|
|
|
|
.maintenance-car {
|
|
animation: carBounce 2s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes carBounce {
|
|
0%, 100% { transform: translateY(0); }
|
|
50% { transform: translateY(-10px); }
|
|
}
|
|
|
|
.maintenance-progress {
|
|
background: linear-gradient(90deg, #3b82f6, #10b981);
|
|
animation: progressShine 2s linear infinite;
|
|
}
|
|
|
|
@keyframes progressShine {
|
|
0% { background-position: -200% center; }
|
|
100% { background-position: 200% center; }
|
|
}
|
|
|
|
/* Адаптивность */
|
|
@media (max-width: 768px) {
|
|
.maintenance-container {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.maintenance-title {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
.maintenance-subtitle {
|
|
font-size: 1.25rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.maintenance-title {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.maintenance-car svg {
|
|
width: 6rem;
|
|
height: 3.75rem;
|
|
}
|
|
} |