Fluid Skinning System demos

Here are some demos showcasing how the Fluid CSS convenience classnames work. The FSS is a completely class based CSS convenience system, and does not focus on typography and grids as heavily as other major CSS frameworks; rather it is designed to help enhance the effectiveness of Fluid components and encourage cleaner markup.

As you read this, page margins, fonts, colors and other basic properties of this page have been modified by the fluid.reset.css file

Ready-made Themes

Mist

MIST is a simple blue out-of-the-box theme. This theme comes packaged with the FSS.

Simple and elaborate Widgets using the built in icon set

Regular Widget

this is where the content goes

Draggable Widget

this is where the content goes

Simple Tabs and Sliding Tabs

Content
Content

Menus

Rust

RUST is a simple brown out-of-the-box theme. This theme comes packaged with the FSS.

Simple and elaborate Widgets using the built in icon set

Regular Widget

this is where the content goes

Draggable Widget

this is where the content goes

Simple Tabs and Sliding Tabs

Content
Content

Menus

High Contrast (B/w)

High Contrast is a black and white out-of-the-box theme. This theme comes packaged with the FSS.

Simple and elaborate Widgets using the built in icon set

Regular Widget

this is where the content goes

Draggable Widget

this is where the content goes

Simple Tabs and Sliding Tabs

Content
Content

Menus