MediaWiki:Vector.css: различия между версиями
Shihov (обсуждение | вклад) Нет описания правки Метка: отменено |
Shihov (обсуждение | вклад) Нет описания правки Метка: ручная отмена |
||
| Строка 1: | Строка 1: | ||
/* Весь CSS будет отсюда будет загружен пользователям темы оформления «Векторная» */ | |||
/* Увеличение ширины сайдбара */ | |||
/* Увеличение ширины сайдбара */ | |||
#mw-panel { | |||
width: 20em !important; | |||
} | |||
/* Сдвиг основного контента, чтобы учесть расширение сайдбара */ | |||
#content { | |||
margin-left: 22em !important; /* Немного больше, чтобы учесть отступы */ | |||
} | |||
#footer { | |||
margin-left: 22em !important; | |||
} | |||
#mw-panel .portal:first-child { | |||
order: -1; | |||
} | |||
.catlinks { display: none !important; } | |||
.mw-subcategories { | |||
display: none !important; | |||
} | |||
/* Выравнивание текста при переносе */ | |||
.CategoryTreeChildren .CategoryTreeItem .CategoryTreePageBullet { | |||
margin-left: -1em; | |||
} | |||
#p-categorytree-portlet { | |||
background: linear-gradient(145deg, #f8f9fa, #e9ecef) !important; | |||
border: 2px solid #cfd8dc !important; | |||
border-radius: 12px !important; | |||
padding: 15px !important; | |||
margin-bottom: 20px !important; | |||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(255, 255, 255, 0.6) !important; | |||
} | |||
#p-categorytree-portlet .vector-menu-heading { | |||
font-size: 1.4em !important; | |||
font-weight: 700 !important; | |||
color: #495057 !important; | |||
border-bottom: 2px dashed #adb5bd !important; | |||
padding-bottom: 8px !important; | |||
margin-bottom: 12px !important; | |||
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important; | |||
} | |||
#p-categorytree-portlet .vector-menu-content-list > li { | |||
margin: 10px 0 !important; | |||
padding: 12px !important; | |||
border: 1px solid #dee2e6 !important; | |||
border-radius: 10px !important; | |||
background: linear-gradient(145deg, #ffffff, #f1f3f5) !important; | |||
transition: background 0.3s ease, transform 0.3s ease !important; | |||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.6) !important; | |||
} | |||
#p-categorytree-portlet .vector-menu-content-list > li:hover { | |||
background: linear-gradient(145deg, #e9ecef, #dee2e6) !important; | |||
transform: translateY(-2px) !important; | |||
} | |||
#p-categorytree-portlet .CategoryTreeItem { | |||
margin: 6px 0 !important; | |||
padding: 10px !important; | |||
border: 1px solid #d1d9de !important; | |||
border-radius: 8px !important; | |||
background: linear-gradient(145deg, #fdfdfd, #f3f6f9) !important; | |||
transition: transform 0.2s ease, background-color 0.3s ease !important; | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08), inset 0 2px 4px rgba(255, 255, 255, 0.5) !important; | |||
} | |||
#p-categorytree-portlet .CategoryTreeItem:hover { | |||
background: linear-gradient(145deg, #ebf0f5, #e2e8ee) !important; | |||
transform: scale(1.03) !important; | |||
} | |||
#p-categorytree-portlet .CategoryTreeBullet a { | |||
font-size: 1em !important; | |||
color: #007bff !important; | |||
font-weight: 600 !important; | |||
text-decoration: none !important; | |||
transition: color 0.3s ease, text-shadow 0.3s ease !important; | |||
} | |||
#p-categorytree-portlet .CategoryTreeBullet a:hover { | |||
color: #0056b3 !important; | |||
text-shadow: 1px 1px 3px rgba(0, 123, 255, 0.5) !important; | |||
} | |||
#p-categorytree-portlet .CategoryTreeChildren { | |||
margin-left: 20px !important; | |||
border-left: 2px solid #d0d9de !important; | |||
padding-left: 12px !important; | |||
background: linear-gradient(145deg, #fcfcfc, #f1f3f5) !important; | |||
border-radius: 6px !important; | |||
} | |||
#p-categorytree-portlet a { | |||
color: #007bff !important; | |||
font-weight: 500 !important; | |||
text-decoration: none !important; | |||
transition: color 0.3s ease !important; | |||
} | |||
#p-categorytree-portlet a:hover { | |||
text-decoration: underline !important; | |||
color: #0056b3 !important; | |||
} | |||
/* Скрываем все элементы внутри основного текстового блока страницы категории */ | |||
.ns-14 .mw-category-generated { | |||
display: none !important; | |||
} | |||
/* Ограничение ширины изображений */ | |||
.mw-content-ltr img { | |||
max-width: 100% !important; | |||
height: auto !important; | |||
display: block; | |||
margin: 0 auto; | |||
} | |||
/* Ограничение ширины встроенных изображений */ | |||
.thumb img, | |||
.mw-file-element { | |||
max-width: 90% !important; | |||
height: auto !important; | |||
} | |||
.CategoryTreeItem { | |||
/* Ваши предыдущие стили */ | |||
cursor: pointer; /* Изменяем курсор при наведении */ | |||
} | |||
.CategoryTreeItem:hover { | |||
/* Ваши предыдущие стили для hover */ | |||
background: linear-gradient(145deg, #ebf0f5, #e2e8ee) !important; | |||
transform: scale(1.03) !important; | |||
} | |||
/* Промотка индексменю */ | /* Промотка индексменю */ | ||
/* Общие стили для левой панели (фиксированная ширина) */ | /* Общие стили для левой панели (фиксированная ширина) */ | ||