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 |
|---|---|---|
|
|
The page header |
|
navigation.css |
The page navigation bar |
|
footer.css |
The page footer |
|
global.css |
Global user interface items (e.g. body, blocks, tabs, filters) | |
object.css |
Data objects (e.g. comments, documents, member, status) | |
|
|
A specific block |
|
|
|
A specific page |
|
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 , last edited on