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

These themes can be used out-of-the-box. Please feel free to modify them to suite your needs, or create your own themes using them as a starting point.

Mist

MIST is a medium contrast blue and light grey based theme. This theme comes packaged with the FSS.

Simple and elaborate Widgets using the built in icon set

More Close Settings

Regular Widget

this is where the content goes

More Close Settings

Draggable Widget

this is where the content goes

Simple Tabs and Sliding Tabs

Content
Content

Menus

Slate

Slate is considere a low contrast theme. This theme comes packaged with the FSS.

Simple and elaborate Widgets using the built in icon set

More Close Settings

Regular Widget

this is where the content goes

More Close Settings

Draggable Widget

this is where the content goes

Simple Tabs and Sliding Tabs

Content
Content

Menus

Coal

Coal is considere a medium contrast theme. This theme comes packaged with the FSS.

Simple and elaborate Widgets using the built in icon set

More Close Settings

Regular Widget

this is where the content goes

More Close Settings

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

More Close Settings

Regular Widget

this is where the content goes

More Close Settings

Draggable Widget

this is where the content goes

Simple Tabs

Content

Menus

Inverted High Contrast (W/b)

Inverted High Contrast is a white on black theme. This theme comes packaged with the FSS.

Simple and elaborate Widgets using the built in icon set

More Close Settings

Regular Widget

this is where the content goes

More Close Settings

Draggable Widget

this is where the content goes

Simple Tabs

Content

Menus