# 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

- Option 1
- Option 2

this is where the content goes

## Draggable Widget

- Option 1
- Option 2

this is where the content goes

Simple Tabs and Sliding Tabs

- Active Tab
- Tab #2
- Tab #3

Content

- Active Tab
- Tab #2
- Tab #3

Content

Menus

- Menu item #1
- Active Menu item
- Menu item #3
- Menu item #4
- Menu item #5

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

- Option 1
- Option 2

this is where the content goes

## Draggable Widget

- Option 1
- Option 2

this is where the content goes

Simple Tabs and Sliding Tabs

- Active Tab
- Tab #2
- Tab #3

Content

- Active Tab
- Tab #2
- Tab #3

Content

Menus

- Menu item #1
- Active Menu item
- Menu item #3
- Menu item #4
- Menu item #5

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

- Option 1
- Option 2

this is where the content goes

## Draggable Widget

- Option 1
- Option 2

this is where the content goes

Simple Tabs and Sliding Tabs

- Active Tab
- Tab #2
- Tab #3

Content

- Active Tab
- Tab #2
- Tab #3

Content

Menus

- Menu item #1
- Active Menu item
- Menu item #3
- Menu item #4
- Menu item #5