|
|
| Строка 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;
| |
| width: 220px !important; /* Фиксированная ширина панели */
| |
| /* overflow: hidden !important; Важно: Скрываем прокрутку всей панели */
| |
| overflow-y: hidden !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 */
| |
| div.catlinks {
| |
| position: absolute !important;
| |
| top: 150px !important; /* Регулируйте отступ */
| |
| left: 0 !important;
| |
| width: 100% !important;
| |
| height: calc(100vh - 150px) !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;
| |
| }
| |
|
| |
| /* Основной контент */
| |
| #content {
| |
| margin-left: 220px !important; /* Ширина сайдбара */
| |
| }
| |
|
| |
| /* Шапка */
| |
| #mw-head {
| |
| margin-left: 220px !important; /* Ширина сайдбара */
| |
| }
| |
|
| |
| /* Панель навигации (если нужно) */
| |
| #mw-navigation {
| |
| margin-left: 220px !important; /* Ширина сайдбара */
| |
| }
| |
|
| |
| /* Скрываем стандартные catlinks если необходимо */
| |
| #catlinks {
| |
| display: none !important;
| |
| } | | } |