Download the PSD template

Table Styling

Lightboxes are used across the site to replace the traditional pop-up window. Using a lightbox means that the user can stay within the current page their viewing and easily get the information they need. This particularly helpful in sections of the site where the user is going through a series of steps to complete a task.

Note: Image above is not to scale.

Generic Lightbox Specifications
Overlay - Colour: #000000   Opacity: 80%
Header bar graphic with HTML text must exist in all lightboxes.
Size of the panel must be no greater than 430px high. Pages with more content must use a scrollbar.
Background gradient - consistent for all lightboxes.
Close button - must always be shown in the bottom right corner below the content window. The lightbox can also be closed by clicking anywhere outside the window on the overlay colour.

Download the PSD template
Return to top
Layout A Layout B Layout C