Классы для оформления блоков
Представленные здесь классы могут быть использованы в блочных селекторах.
Выравнивание
.left-align
задает выравнивание блока по левому краю.
.right-align
задает выравнивание блока по правому краю.
.centered
задает выравнивание блока по центру. Если применяется к таблице, по центру выравнивается только сама таблица.
Изменение размера шрифта и начертания
.small
задает уменьшенный размер шрифта.
.large
задает увеличенный размер шрифта.
.light
изменяет цвет текста на более светлый.
.emphasize
задает курсивное начертание.
.strong
задает жирное начертание.
Обтекание
Обтекание следует применять только к блокам фиксированной ширины, например, к изображениям на отдельном параграфе.
.left-float
задает расположение блока по левому краю, при этом остальные элементы обтекают его справа.
.right-float
задает расположение блока по правому краю, при этом остальные элементы обтекают его слева.
Изменение размеров
.thumb
ограничивают ширину блока в сочетании со следующими классами:
.large
— 240 px;.medium
— 180 px;.small
— 120 px;.tiny
— 60 px.
Это особенно полезно для вставки изображений или других медиаресурсов.
Списки
Маркеры элементов списков могут быть изменены следующими классами (селектор применяется к списку целиком, т.е. находится в конце первой строки списка).
Нумерованные списки
.upper-alpha
— заглавные латинские буквы (A, B, C, D, …)
.upper-roman
— заглавные римские числа (I, II, III, IV, …)
.upper-greek
— заглавные греческие буквы (Α, Β, Γ, Δ, …)
.lower-alpha
— строчные латинские буквы (a, b, c, d, …)
.lower-roman
— строчные римские числа (i, ii, iii, iv, …)
.lower-greek
— строчные греческие буквы (α, β, γ, δ, …)
.decimal
— десятичная нумерация арабскими числами (1, 2, 3, 4 …)
.leading-zero
— десятичная нумерация с добавочным нулем (01, 02, 03, 04, …)
.armenian
— традиционная армянская нумерация
.georgian
— традиционная грузинская нумерация
Маркированные списки
.square
— маркер в виде квадрата
.disc
— маркер в виде кружка с заливкой
.circle
— маркер в виде кружка без заливки
Таблицы
Следующие классы применяются к табличному блоку.
.centered
центрует таблицу относительно страницы.
.rows
задает отображение горизонтальных линий, разделяющих строки.
.cols
задает отображение вертикальных линий, разделяющих столбцы.
.bordered
задает отображение внешней рамки таблицы.
.stripped
слегка выделяет строки через одну.
.hover
выделяет строку при наведении мышью.
.light-header
задает облегченное отображение заголовочных строк.
.condensed
убирает отступ внутри ячеек.
.top
задает вертикальное выравнивание внутри ячеек по верхней границе.
.bottom
задает вертикальное выравнивание внутри ячеек по нижней границе.
.middle
задает вертикальное выравнивание внутри ячеек по середине.
Графическое выделение
.caption
используется для подписи ресурсов и таблиц.
.note
используется для отображения важных замечаний.
.sidenote
— «заметки на полях».
.description
используется для отображения незначительных замечаний и примечаний.
.warning
— сильно выделенный фрагмент, содержащий текст предупреждения.
.remark
используется сразу после заголовка для пояснения или расшифровки.
.initial-drop
задает отображение первой буквы блока в виде буквицы.
.blockquote
оформляет блок в виде цитаты.