Engage: TRANSLUCENT > Containers

Simple Container

This is an example of the Simple Container. This is the basic container to use throughout the site, using the module title as the header. Some good ways to use this container with the others, would include using simple as main content and any of the other containers as secondary content, or just using simple across the board for a very clean, magazine feel to a text heavy site.

GreyTitleBg Container

This container is a combination of the grey container and border container. It uses a light grey background on the body and the cool dark grey background for the module title. Its a good way to show case something important, or separate call out ares.

DarkGreyBg Container

This is an example of the DarkGreyBg Container. The container uses a light grey font with white links on a cool grey background. This container works well for call-out items, or actions that you would like to highlight in your site.

This is an example of the NoTitle Container. This container is identical to the simple container, only it is set to hide the module title. This is used for areas where you don't wish to display the module title, or use a custom header instead. This container is also very convenient for areas of content that may only include images or custom graphics.

GreyBg Container

This container uses a light grey background with a subtle grey border to the left and bottom of the area. It makes for a great way to highlight content, without being as strong as the grey container. This is also an ideal container to use to seperate main and secondary content on a page.