|
|
| Строка 143: |
Строка 143: |
| background: linear-gradient(145deg, #ebf0f5, #e2e8ee) !important; | | background: linear-gradient(145deg, #ebf0f5, #e2e8ee) !important; |
| transform: scale(1.03) !important; | | transform: scale(1.03) !important; |
| }
| |
|
| |
|
| |
| /* Промотка индексменю */
| |
| /* Общие стили для левой панели */
| |
| #mw-panel {
| |
| position: fixed !important;
| |
| height: 100vh !important;
| |
| overflow-x: hidden !important; /* Скрываем горизонтальную прокрутку */
| |
| overflow-y: auto !important; /* Добавляем вертикальную прокрутку для всей панели, но сейчас это не должно влиять на другие элементы */
| |
| }
| |
|
| |
| /* Логотип */
| |
| #p-logo {
| |
| position: sticky !important;
| |
| top: 0 !important;
| |
| z-index: 2 !important; /* Выше дерева категорий */
| |
| background-color: #f8f9fa !important; /* Фон панели */
| |
| }
| |
|
| |
| /* Навигация */
| |
| #p-navigation {
| |
| position: sticky !important;
| |
| top: 50px !important; /* Отступ от логотипа */
| |
| z-index: 2 !important; /* Выше дерева категорий */
| |
| background-color: #f8f9fa !important; /* Фон панели */
| |
| }
| |
|
| |
| /* Контейнер для категорий */
| |
| div.catlinks {
| |
| position: relative !important; /* Важно: Используем relative, а не absolute */
| |
| top: 150px !important; /* Регулируйте отступ */
| |
| left: 0 !important;
| |
| width: 100% !important;
| |
| height: calc(100vh - 150px - 50px) !important; /* Регулируйте высоту, учитывая высоту навигации */
| |
| overflow-y: auto !important; /* Добавляем прокрутку только для этого блока */
| |
| scrollbar-width: thin !important; /* Для Firefox */
| |
| scrollbar-color: #adb5bd #f8f9fa !important; /* Для Firefox */
| |
| }
| |
|
| |
| /* Стили полосы прокрутки (Chrome, Edge, Safari) */
| |
| div.catlinks::-webkit-scrollbar {
| |
| width: 8px !important;
| |
| }
| |
|
| |
| div.catlinks::-webkit-scrollbar-track {
| |
| background: #f8f9fa !important;
| |
| }
| |
|
| |
| div.catlinks::-webkit-scrollbar-thumb {
| |
| background-color: #adb5bd !important;
| |
| border-radius: 4px !important;
| |
| border: 2px solid #f8f9fa !important;
| |
| }
| |
|
| |
| div.catlinks::-webkit-scrollbar-thumb:hover {
| |
| background-color: #868e96 !important;
| |
| }
| |
|
| |
|
| |
|
| |
| /* Шапка */
| |
| #mw-head {
| |
| margin-left: 220px !important; /* Ширина сайдбара */
| |
| }
| |
|
| |
| /* Панель навигации (если нужно) */
| |
| #mw-navigation {
| |
| margin-left: 220px !important; /* Ширина сайдбара */
| |
| }
| |
|
| |
| /* Скрываем стандартные catlinks если необходимо */
| |
| #catlinks {
| |
| display: none !important;
| |
| } | | } |