ポップアップ

デフォルト

新しいウィンドウを表示させたい場合に使用できます。bodyにclass="popup"が宣言されています。
コンテンツの分量が指定されているポップアップ/レイヤーポップアップのエリアに収まらない場合、自動的にスクロールバーが作成されます。

レイヤーポップアップ

デフォルト

画面内に表示されるレイヤーポップアップ型のガイドウィンドウです。bodyにclass="layer"が宣言されています。
コンテンツの分量が指定されているポップアップ/レイヤーポップアップのエリアに収まらない場合、自動的にスクロールバーが作成されます。
画面全体に表示されます。

モーダル

画面内に表示されるレイヤーポップアップ型のガイドウィンドウです。bodyにclass="layer"が宣言されています。
マージン値(余白)が設定されており、画面の中央に表示されます。

ワイド

画面内に表示されるレイヤーポップアップ型のガイドウィンドウです。bodyにclass="layer"が宣言されています。
レイアウトのサイズが全体的に拡大されます。

グリッド

グリッド整列

レイヤーポップアップ全体をコンテンツが表示されるエリアの範囲として指定したい場合に使用できます。
全体エリア(コンテンツエリア)およびスクロールの範囲、下部に表示されるボタンの位置はコンテンツの長さ(分量)によって変わります。

応用

テーマ

ポップアップやレイヤーポップアップの背景色(bg)を白に変更する際に使用できます。