Обновить static/css/custom.css

This commit is contained in:
masterpmi 2026-07-24 08:20:13 +03:00
parent 5400ec2501
commit adc3676990

View File

@ -19,6 +19,53 @@ body::before {
transform: rotate(20deg);
}
/* ------------------------------------------------------------------ */
/* Глобальные стили для всех ссылок */
a {
text-decoration: none !important; /* Жестко убираем подчеркивание */
color: #003366;
transition: color 0.2s ease, opacity 0.2s ease;
}
a:hover {
text-decoration: none !important; /* Гарантированно без подчеркивания при наведении */
color: #0055a4;
opacity: 0.85;
}
/* Главное меню */
nav a {
font-weight: bold;
font-size: 1.1em;
}
nav a:hover {
color: #0055a4;
opacity: 1;
}
/* Хлебные крошки */
.breadcrumbs {
padding: 10px 0;
margin-bottom: 20px;
font-size: 0.9em;
color: #666;
border-bottom: 1px solid #eee;
}
.breadcrumbs a {
color: #003366;
font-weight: normal;
}
.breadcrumbs a:hover {
color: #0055a4;
opacity: 1;
}
.breadcrumbs span {
color: #888;
}
/* ------------------------------------------------------------------ */
/* Плавные анимации и переходы */
/* Плавное появление элементов */
header, main, footer {
@ -45,73 +92,8 @@ a, .pdf-link, nav a {
box-shadow: 0 4px 12px rgba(0, 51, 102, 0.15);
}
/* ------------------------------------------------------------------ */
/* Анимированный заголовок с формулами */
.header-formula {
font-family: 'Times New Roman', serif;
font-size: 1.2em;
color: #003366;
opacity: 0.7;
margin-top: 10px;
animation: typeFormula 3s ease-in-out;
}
@keyframes typeFormula {
0%, 100% { opacity: 0.5; }
50% { opacity: 1; }
}
/* ------------------------------------------------------------------ */
/* Глобальные стили для всех ссылок */
a {
text-decoration: none; /* Убираем подчеркивание везде */
color: #003366;
transition: color 0.2s ease, opacity 0.2s ease;
}
a:hover {
text-decoration: none; /* Гарантированно убираем при наведении */
color: #0055a4;
opacity: 0.85; /* Легкое изменение прозрачности */
}
/* Специфичные стили для главного меню */
nav a {
font-weight: bold;
font-size: 1.1em;
padding-bottom: 5px;
border-bottom: 2px solid transparent; /* Резервируем место */
transition: border-color 0.2s ease, color 0.2s ease;
}
nav a:hover {
color: #0055a4;
opacity: 1;
border-bottom: 2px solid #0055a4; /* Аккуратная линия снизу вместо подчеркивания текста */
}
/* Хлебные крошки */
.breadcrumbs {
padding: 10px 0;
margin-bottom: 20px;
font-size: 0.9em;
color: #666;
border-bottom: 1px solid #eee;
}
.breadcrumbs a {
color: #003366;
font-weight: normal;
border-bottom: none !important; /* Убираем линию меню для крошек */
}
.breadcrumbs a:hover {
color: #0055a4;
opacity: 1;
border-bottom: none !important;
}
.breadcrumbs span {
color: #888;
}
/* ------------------------------------------------------------------ */
/* Ограничение максимального размера всех изображений */
main img {