Glossary

A-Z glossary of PageSeeder concepts

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

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. 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