Home

What is RichStyle?

It's an object-oriented state of art!

It's a set of cascading style sheet files designed for web pages and HTML documents that might include tables, images, codes, preformatted texts, lists, notes, and quotes, in text area.

Most of the web pages world wide, consist of several panes, that're going to be standard items for web pages:

  • Banner
  • Footer
  • Left panes (index/menu)
  • Right panes (advertisements)
  • Contents (posts, texts...etc)

The problem is that the most CSS files written for these pages, are intended to format all these items, including 'content pane' or 'content area' as a plain text container, not as a rich text which might include tables, images, codes and preformatted texts, lists, notes, quotes, and even forms if any.

RichStyle provides a set of CSS files that consider and handle both: the standard panes, and the content area as a rich text container.

There're two versions of RichStyle:

Document Version
Handles the document body as a whole as a rich texts container, without any 'surrounding' panes.
Web version
Richer than Document version, it includes also surrounding panes (headers, footers, menus --left and right... etc).

RichStyle Principles

I've developed RichStyle considering the following principles:

  • No graphical buttons or items as much as possible. In fact I believe that common icons, such as Print/Email/Search/Note/Tip/Alert should be a part of utf-8 map!
  • No repetition: every link/item in the page will appear one time.
  • No more classes as much as possible, HTML tags should be enough.
  • Technology Priority: CSS, JavaScript, PHP.
    This means that everything could be done using CSS, should be done using CSS, otherwise, I'll go to JavaScript, otherwise I'll use PHP.
  • Following Standards (XHTML and CSS) as much as possible.

Tested Browsers

RichStyle has been tested for five browsers:

  • Mozilla Firefox 1.0
  • Internet Explorer 6.0
  • Opera 7.50
  • Konqueror 3.4.1
  • Safari 3.1.1