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 below.

Folder/File Name	Description	All rules must be prefixed by
`header.css`	The page header	`#ps-header`
`navigation.css`	The page navigation bar	`#ps-navigation`
`footer.css`	The page footer	`#ps-footer`
`global.css`	Global user interface items (e.g. body, blocks, tabs, filters)
`object.css`	Data objects (e.g. comments, documents, member, status)
`block/[block-id].css`	A specific block	`#[block-id]`
`page/[page-id].css`	A 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 which 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]"
   class="[page_specific_class]">
    <div id="ps-container">
      <div id="ps-header"> ... </div>
      <div id="ps-body"> ... </div>
      <div id="ps-footer"> ... </div>
    </div>
</body>

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

Created on 22 January 2012 , last edited on 21 August 2018 at 14:49