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 09 April 2019 at 15:08