Skip to main content


A-Z glossary of PageSeeder concepts

Cascading Style Sheets (CSS)

Layout Manager

The layout manager CSS is organized into common CSS files plus page-specific and block-specific files as described in the following table.

Folder/FilenameDescriptionAll rules must be prefixed by
header.cssThe page header#ps-header
navigation.cssThe page navigation bar#ps-navigation
footer.cssThe page footer#ps-footer
global.cssGlobal user interface items (e.g. body, blocks, tabs, filters)
object.cssData objects (e.g. comments, documents, member, status)
block/[block-id].cssA specific block#[block-id]
page/[page-id].cssA specific page#[page-id]

Document structure

Every document in the standard perspective follows the same structure. The body of the HTML has a container block that is itself composed of a header, a body and a footer. To provide additional control, the body is given an identifier and a class.

<body id="ps-page-[page_specific_id]"
    <div id="ps-container">
        <div id="ps-header"> ... </div>
            <div id="ps-body"> ... </div>
            <div id="ps-footer"> ... </div>

This structure can be used to frame the general layout of the standard perspective as expressed in this diagram:

Created on , last edited on