В Циклопедии доступны ряд стандартных CSS-классов, применяемых во многих википроектах на основе MediaWiki. Часть из них являются встроенными в викидвижок, часть присутствуют в MediaWiki:Common.css, куда добавляются владельцами многих вики при их создании.
CSS-классы используются в основном в викишаблонах, но могут также применяться и в статьях основного пространства, например в викитаблицах.
Добавление классов[править]
Классы добавляются либо в HTML-теги через параметр class="", либо через соответствующие параметры классов, предусмотренные в шаблонах (если таковые имеются).
Примечание: По стандарту CSS в один и тот же элемент можно добавлять множество классов, разделённых пробелами, при этом важна очерёдность: те классы, которые указаны в конце, перекрывают по действию предыдущие.invisible — делает элемент невидимым;transparent — делает цвет фона прозрачным;nowrap — запрещает перенос строки. Применяется к блочным элементам. Запрет переноса может быть отменён вложенным inline-элементом с классом wrap в месте его вставки.noprint — отключает вывод содержимого внутри тега, помеченного этим классом, в печатной версии страницы.printonly — содержимое отображается только в печатной версии страницы.plainlinks, plainlinksneverexpand — убирает значок стрелочки во внешних ссылках;nowraplinks — запрещает перенос строки для внутренних ссылок. Внутри элемента запрет переноса может быть отменён с помощью тегов с классом wraplinks, применяемых к отображаемому тексту ссылки.small — делает текст маленьким;mw-code
mw-code — форматирование кода программ или скриптов. Выводит текст моноширинным шрифтом с серой рамкой и отступами;mw-plusminus-pos, mw-plusminus-neg, mw-plusminus-null — встроенные в MediaWiki классы цветового форматирования вывода статистических данных. Раскрашивают текст в соответствующий цвет: pos, null, neg.center — Применяется к блочным элементам. Выравнивает элемент по центру страницы и одновременно выравнивает содержимое, вложенное внутри элемента, по его центру.floatleft, floatright — плавающий элемент по левому и правому краю страницы соответственно. Применяются к тегам <div> и таблицам. Данные классы не задают внешние отступы.
Классы таблиц[править]
Данные стили добавляются к разметке таблицы {| class="" или тегу <table class="">.
standard — стандартный стиль таблиц MediaWiki;wide — то же, что и standard, только устанавливает ширину 100%;wikitable — стандартный стиль таблиц MediaWiki;prettytable — дополнительный стиль таблиц;graytable — дополнительный стиль таблиц, устанавливает ширину 100%;toc и toccolours — задают стили блока содержания в статьях;
| standard
|
wikitable
|
prettytable
|
graytable
|
toc toccolours
|
Заголовок
| Подзаголовок
|
| Ячейка
|
|
Заголовок
| Подзаголовок
|
| Ячейка
|
|
Заголовок
| Подзаголовок
|
| Ячейка
|
|
Заголовок
| Подзаголовок
|
| Ячейка
|
|
Заголовок
| Подзаголовок
|
| Ячейка
|
|
Ячейки таблиц[править]
| Подзаголовок
|
Ячейка
|
| highlight
|
highlight
|
| bright
|
bright
|
| shadow
|
shadow
|
| dark
|
dark
|
| transparent
|
transparent
|
Данные стили форматируют цвет ячеек таблиц. Добавляются через разметку (! class="" |, | class="" |) или HTML-теги (<th class="">, <td class="">).
highlightbrightshadowdarktransparent
Классы сортируемых таблиц[править]
sortable — данный класс применяется к таблице и делает её сортируемой;unsortable — применяется к заголовку столбца сортируемой таблицы, отключает в нём сортировку;sortkey — данный класс используется в шаблонах ключей сортировки, например в Sort, вставляемых в ячейки таблицы. В Циклопедии на текущий момент отключен.
Классы списков[править]
Данные классы добавляются к блочным контейнерам (например тегу <div>, ячейкам таблиц), внутри которых вставляются списки на основе викиразметки.
hlist — класс для форматирования маркированных списков (создаваемых через звёздочку «*») с двумя уровнями вложенности. Преобразует список в однострочный с разделением пунктов маркером «•» и заключением пунктов второго уровня в скобки. Используется в навигационных шаблонах на основе Nav.
hlist-items-nowrap — дополнение к «hlist», запрещает перенос строки отдельного пункта списка;
plainlist — класс немаркированного списка;
Набор классов превью изображений[править]
Стандартные классы, создающие рамочку вокруг изображения, вставляемого викиразметкой с параметром «thumb». Применяются к тегам <div>, вложенным друг в друга. Данный набор можно использовать отдельно для оформления в такой же рамочке других блочных элементов, например видеороликов, или даже текста.
| Содержимое внутри блока «thumbinner». Рамка задана с помощью «thumbborder».
|
Подпись под содержимым, блок с классом «thumbcaption».
thumb — контейнер превью. Применяется совместно с классами tleft или tright, выравнивающими по левому и правому краю соответственно. Дополнительно через стили должна задаваться ширина контейнера, в противном случае он растягивается на всю страницу.
thumbinner — вложен внутри thumb, создаёт фон с рамочкой и отступами вокруг содержимого;
- Содержимое внутри блока
thumbinner. Это могут быть другие блоки, например изображения, видео, таблицы, цитаты с текстом и др. Чтобы границы вложенного блока были одного стиля с рамкой, добавьте к нему класс thumbborder.
thumbcaption — вложен внутри thumbinner после содержимого, внутри содержит текстовую подпись;
magnify — вложен внутри thumbcaption перед текстом подписи, создаёт справа плавающую микро-иконку со ссылкой на файл. По отдельности обычно не используется. Внутрь можно вкладывать обычную внутреннюю викиссылку на нужную страницу.
Классы для шаблонов[править]
Используются при создании стандартных шаблонов.
error — форматирует сообщения об ошибке в шаблонах, выводя жирный красный текст. HTML-теги с данным классом обрабатываются функцией парсера {{#iferror:.wp-templatelink — форматирует стандартный цвет ссылок на шаблоны текстом серого цвета. Используется в шаблонах документации ( T, Tl… ).
Классы стандартных шаблонов[править]
mbox — стандартный класс плашек и предупреждающих сообщений;infobox — класс шаблонов-карточек. Добавляется к тегу таблицы;navbox — навигационная таблица;
Служебные классы[править]
Данные классы обычно не используются в статьях и шаблонах.
Служебные уведомления[править]
|
mw-message-box
mw-message-box-success
mw-message-box-warning
mw-message-box-error
|
mw-message-box — служебные предупреждения и уведомления MediaWiki. Применяются к тегу <div>. Используется совместно с дополнительными классами, задающими цвет фона и рамки:
mw-message-box-success — задаёт цвет сообщения об успешном результате;mw-message-box-warning — цвет предупреждения;mw-message-box-error — цвет сообщения об ошибке;