CSS стили закладок ленты

Для того чтобы настраивать стили закладок ленты, необходимо понимать принцип применения классов к блокам, ленты закладок.

Обычные закладки

- li class=ms-cui-tt (закладка «Обзор» помечается стилем ms-browseTab; если закладка выделена, добавляется класс ms-cui-tt-s; если закладка является первой внутри двухуровневой закладки, добавляется класс ms-cui-ct-first; если закладка является последней внутри двухуровневой закладки, добавляется класс ms-cui-ct-last)

   o a class=ms-cui-tt-a

      § span class=ms-cui-tt-span

         · текст закладки

Двухуровневые закладки

- li class=ms-cui-cg (добавляется класс цвета, см. таблицу ниже; если закладка выделена, добавляется класс ms-cui-cg-lb)

   o div class=ms-cui-cg-i

      § div class=ms-cui-cg-t

         · span class=ms-cui-cg-t-i

            o текст верхней закладки

            o ul class=ms-cui-ct-ul (внутри размещаются обычные закладки)

Цвета закладок обозначаются следующими классами:

Цвет	Класс закладки	Класс ленты закладок	Класс контейнера инструментов ленты	Класс ul контейнера инструментов ленты
Dark blue	ms-cui-cg-db	ms-cui-ct-topBar-db	ms-cui-tabContainer-db	ms-cui-tabBody-db
Light blue	ms-cui-cg-lb	ms-cui-ct-topBar-lb	ms-cui-tabContainer-lb	ms-cui-tabBody-lb
Teal	ms-cui-cg-tl	ms-cui-ct-topBar-tl	ms-cui-tabContainer-tl	ms-cui-tabBody-tl
Оранжевый	ms-cui-cg-or	ms-cui-ct-topBar-or	ms-cui-tabContainer-or	ms-cui-tabBody-or
Green	ms-cui-cg-gr	ms-cui-ct-topBar-gr	ms-cui-tabContainer-gr	ms-cui-tabBody-gr
Magenta	ms-cui-cg-mg	ms-cui-ct-topBar-mg	ms-cui-tabContainer-mg	ms-cui-tabBody-mg
желтый	ms-cui-cg-yl	ms-cui-ct-topBar-yl	ms-cui-tabContainer-yl	ms-cui-tabBody-yl
Purple	ms-cui-cg-pp	ms-cui-ct-topBar-pp	ms-cui-tabContainer-pp	ms-cui-tabBody-pp

Класс закладки в стандартных стилях определяет:

- цвет границы закладки

- цвет текста верхней закладки

- градиент фона закладок

- цвет фона закладки (если выбрана)

Класс ленты закладок применяется ко всему блоку, содержащему ленту закладок. Он определяет

- цвет бордюра ленты закладок

Класс ul контейнера инструментов ленты применяется к ul, содержащему нижнюю (инструментальную) часть ленты

- цвет бордюра контейнера инструментов ленты