RichStyle

Welcome to RichStyle!

RichStyle is a CSS framework for clean HTML5 documents and web pages.

It aims to provide a standard format for HTML5 documents and web pages that might include lists, tables, images, codes, preformatted texts, notes, and quotes, in content area.

Simply, It's a comprehensive HTML5/CSS3 Template.

It's published as a Debian package adds a template file called Web-Document.web to the Nautilus file manager, associated with RichStyle CSS files. It aims to provide a standard format for documentation, that bridges the gap between office applications and web environment.

RichStyle - Web template

Most of the web pages around the world consist of several panes, which seem like they became standard items in web pages:

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

The problem is that the most CSS files on the web deal with content as a plain text.

RichStyle aims to provide:

• A standard structure for UI Elements (section elements).
• Preformating instructions for Content Elements (flow, phrasing, and embedding elements), to maintain the quite Balance between Richness and Consistency.

Content area as plain text

Content area as rich text

RichStyle Principles

RichStyle is developed considering the following principles:

• Clean DOM:
  • Tags represent only content objects.
  • Tag-attributes represent only content's attributes.
  • CSS rules represent presentation's attributes.
  • Tags' behaviors are represented by JQuery events instead of the regular HTML events.
• Technology Priority: CSS, jQuery, JavaScript, and PHP.
  This means that everything could be done using CSS, should be done using CSS, otherwise, it will be done using jQuery. The next choice is JavaScript. Server-side technologies, like PHP, will be the last choice.
• No classes as much as possible, HTML tags should be enough.
• No repetition: every link/item in the page should appear one time.
• Following Standard HTML5 and CSS3 as much as possible.

Features

• Meets the middle eastern languages requirements (RTL directionality, and Arabic fonts).
• Complies the Tango Project's naming standards.
• Client-Side fine printing.

Compatibility

RichStyle is compatible with the following browsers:

It's also compatible with Prince 7.1.

For known bugs and limitations, please consult Todo page.