diff --git a/static/css/custom.css b/static/css/custom.css index ea8b7c1..4db74ea 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -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 {