Попапы

Попап представляет из себя контейнер, появляющийся над затемняющей контентную область подложкой. Ширина стандартного попапа фиксированная и равна 710px. Если высота попапа превышает высоту экрана, то при прокрутке контентная область остаётся неподвижной, а прокручивается содержимое слоя с попапом. Один и тот же попап может быть открыт несколькими ссылками.

В верхней части попапа присутствует заголовок. В правом углу заголовка находится кнопка закрытия попапа. Клик по области вне попапа (затемняющей подложке) также приводит к закрытию слоя.

У попапа может присутствовать меню слева. Пункты меню могут быть ссылками или разделителями (некликабельный пункт с серым текстом). Ширина меню 270px. Меню расширяет попап (ширина попапа с меню 980px). Меню -- самостоятельный элемент и не входит в контейнер.

По умолчанию в контейрере попапа присутствует внутренний отступ (padding) -- 20px.

Попап с динамически подгружаемым содержимым отображается со спиннером (индикатором загрузки). Спиннер является контентом попапа, отображаемым до фактической загрузки динамического содержимого. Спиннер отображается по центру попапа.

Динамически загруженный попап должен иметь метод реинициализации для повторной загрузки динамического содержимого (refresh).

Возможно также создание настраиваемых (кастомных) попапов без заголовков, элементов закрытия, с возможностью задания конкретных размеров.