Ширина сайдбара

Нет комментариев · Категория: Медиавики Просмотров: 313

Для темы Вектор (Vector) в MediaWiki существует собственная (изначально пустая) страница CSS стилей MediaWiki:Vector.css. Эта страница находится по ссылке: http://name.ru/wiki/MediaWiki:Vector.css.
Если вы хотите изменить ширину левого сайдбара (в моем случае увеличить), достаточно добавить на страницу код:

/* Размещённый здесь CSS будет применяться к векторной теме оформления */
/* Настройка ширины бокового меню в сайдбаре */
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {margin-left: 16em;}
#mw-panel {width: 15em;}

Первая строка устанавливает величину отступа слева — 16em.
Во второй строке указывается ширина сайдбара — 15em.
Размеры в em – относительные, они определяются по текущему контексту/тексту.
Можно конечно сделать по старинке в пикселях: width: 140px;

Еще можно поднять меню сайдбара вверх. Для этого уменьшим место по высоте для логотипа и левое поле ссылки.

/* Поднять боковое меню вверх */
#p-logo { width: 15em; height: 120px;}
#p-logo a{padding-left: 80px;}

На данной странице можно добавить и другие стили текста, ссылок и др.

/* Настройка цвета заголовков */
.portal h3, .vector-menu-portal h3, #mw-panel.collapsible-nav .portal h3 a, #mw-panel.collapsible-nav .portal.collapsed h3 a {font-weight: bold; color: #008B8B; background-image:none;}
.portal .body li a, .vector-menu-portal .body li a, #mw-panel.collapsible-nav .portal h3{color: #54595d; text-decoration: none !important;}
.portal .body li a:visited, .vector-menu-portal .body li a:visited{color: #54595d;}
.portal .body li a:hover, .vector-menu-portal .body li a:hover, #mw-panel.collapsible-nav .portal h3:hover {color: #20B2AA; text-decoration: none !important;}
#mw-panel.collapsible-nav .portal h3 {padding: 4px 0 3px 0;}

/* Настройка шрифта заголовков */
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4 {font-family: sans-serif; color: #4f7f7f;}

/* Настройка подчеркивания у ссылок */
p a, ol li a, span a, td a{text-decoration: underline;}
ul li a {text-decoration: none !important;}
.mw-body { border: 1px solid #20B2AA;}