Меняем стиль таблицы wikitable

1 комментарий · Категория: Медиавики Просмотров: 1 581

На медиавики есть стандартный класс оформления таблиц: wikitable, который cоздаёт таблицу с тонкими границами между всеми ячейками, сероватым цветом фона и серыми заголовками. Универсальный класс, определёный прямо в движке MediaWiki.

Используется он таким образом:

{| class="wikitable"
|-
!Заголовок 1||Заголовок 2
|-
|Ячейка 1*1||Ячейка 2*1
|-
|Ячейка 1*2||Ячейка 2*2
|-
|Ячейка 1*3||Ячейка 2*3
|}

Вот, что у нас получится:

Однако, мне не понравилось отсутствие отступа от рамки до содержимого ячейки. Текст слишком близко приклеен к рамке. Особенно это некрасиво когда текста много.

В директории skinscommon в файле shared.css я поменяла код:

/* wikitable class for skinning normal tables */
table.wikitable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption {
    font-weight: bold;
}

на следующий:

/* wikitable class for skinning normal tables */
table.wikitable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td {
    border: 1px #aaa solid;
    padding: 5px;
}
.wikitable th {
    background: #f2f2f2;
}
.wikitable caption {
    font-weight: bold;
}

Таким образом, я добавила отсуп в 5 пикселей в ячейках от рамки и убрала не нужное мне выравнивание по центру заголовка.

По идее в этом же файле можно добавить другие классы таблиц с различными стилями: standard, simple и прочие, на ваш вкус.