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/Filename | 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 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]" 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 to frame the general layout of the standard perspective as expressed in this diagram: