64 lines
1.2 KiB
CSS
64 lines
1.2 KiB
CSS
/* Основные настройки */
|
|
body {
|
|
padding-top: 56px;
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
/* Цветовая схема */
|
|
.bg-custom {
|
|
background-color: #00264d !important;
|
|
}
|
|
|
|
.btn-custom {
|
|
background-color: #00264d;
|
|
border-color: #00264d;
|
|
color: white;
|
|
}
|
|
|
|
.btn-custom:hover {
|
|
background-color: #003366;
|
|
border-color: #003366;
|
|
color: white;
|
|
}
|
|
|
|
/* Карточки товаров */
|
|
.card {
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
/* Адаптивные изображения */
|
|
.img-thumbnail {
|
|
padding: 0.25rem;
|
|
background-color: #fff;
|
|
border: 1px solid #dee2e6;
|
|
border-radius: 0.25rem;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/* Навигация */
|
|
.navbar-brand img {
|
|
border: 2px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
/* Формы */
|
|
.form-control:focus {
|
|
border-color: #00264d;
|
|
box-shadow: 0 0 0 0.25rem rgba(0, 38, 77, 0.25);
|
|
}
|
|
|
|
/* Адаптивность */
|
|
@media (max-width: 768px) {
|
|
.navbar-brand span {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.display-4 {
|
|
font-size: 2rem;
|
|
}
|
|
} |