Cascading Style Sheets (CSS)
Layout Manager CSS
The Layout manager CSS is divided into a number of common CSS files plus page specific and block specific CSS 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. In order to provide additional control to CSS designers, 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