Skin Builder

An App for Generating Custom Skin CSS

Edit Master Color...

Edit Page Color...

Horiz. padding: 100%Reset

Border-radius: 100%Reset

Text Contrast: 150Reset

Vert. padding: 100%

Reset

Sample

Select which Widgets or Modules to skin and preview

Copy CSS for selected Widgets/Modules

skin-

Paste link in email or IM

Preview color palette details

Detailed preview of the palette of colors used for skinning

•

Define this scheme color by adjusting its differences from the Master color.

Saturation: 4

Lightness: 2

help panel l;ksad eoiwr jsfoie jeofiwj eo

Button
AutoComplete

Enter the name of a US state:
TabView
- foo
- bar
- baz
foo content is here when the foo tab is selected. This is the place for the tab contents.

bar content is bar bar bar bar bar bar bar bar bar This is correct for this bar contents.

baz belongs here and it appears when the baz tab is selected, just as it should.
DataTable
ScrollView Vert.
- Dog
- Cat
- Bird
- Fish
- Snake
- Turtle
- Horse
- Cow
- Chicken
- Alligator
- Seal
- Pelican
- Lizard
- Salmon
- Whale
- Frog
- Eagle
- Pig
Dial
Menu Nav Top (Deprecated)
- Actors
  Mother Pig
  
  Pig 1
  
  Pig 2
  
  Pig 3
  
  Wolf
  
  Access Protocol
  
  Huffing
  
  Puffing
  
  Breath Control
  
  Anger Management
- Straw
- Sticks
- Bricks
Split Button Nav Top (Deprecated)
- Answers Answers Options
  Answer
  
  Answers on the Street
  
  Ask
  
  Discover
Slider Horiz.

0
Calendar
Panel

ID Name Price
Overlay

Overlay Header

Overlay Body

Overlay Footer
Forms - Checkboxes and Radios

Checkbox option Radio button choice Radio other choice
Default Inline Form

Legend Opt in
Aligned Form

Username

Password

Email Address

Disabled

Check me out
Form - Stacked

Legend Full Name
Block help text
E-Mail
Required
State I've read the terms and conditions
Form - Grouped Inputs
Rounded Form
Buttons

#	Make	Model	Year
1	Dodge	Ram 1500	2010
2	Honda	Accord	2009
3	Tesla	Model S	2013

#	Make	Model	Year
1	Dodge	Ram 1500	2010
2	Honda	Accord	2009
3	Tesla	Model S	2013

#	Make	Model	Year
1	Dodge	Ram 1500	2010
2	Honda	Accord	2009
3	Tesla	Model S	2013

#	Make	Model	Year
1	Dodge	Ram 1500	2010
2	Honda	Accord	2009
3	Tesla	Model S	2013