Glossary

A-Z glossary of PageSeeder concepts

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 , last edited on