Primary Color:
Primary Text:
Secondary Color:
Secondary Text:
Tertiary Color:
Tertiary Text:

Color Picker

Preview

FeaturesTypographyTutorials

Module Title

Home

Module Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut non turpis a nisi pretium rutrum. Nullam congue, lectus a aliquam pretium, sem urna tempus justo, malesuada consequat nunc diam vel justo. In faucibus elit at purus. Suspendisse dapibus lorem. Curabitur luctus mauris.

Module Title

Instructions

Select a predefined style from the drop-down or choose your own colors via the handy mooRainbow based color-chooser. When you are satisfied with your selection, click the "Apply Colors" button below to store your selection in a cookie.

Apply Colors

Main Menu

What Is CSS?

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (that is, the look and formatting) of a document written in a markup language. When CSS is appropriately applied you can make massive changes to aspects such as color, text-size, back-ground images and more. CSS works by attaching a single style sheet to every page of your website. When you make a change to the style sheet it also changes every page linked to the style sheet as well. Basically CSS enables you to make changes on a global scale instead of the pain staking task of updating each page individually.

Heading 1

Heading 2

Heading 3

Heading 4

Use the Color Chooser at the top of this page to change the look and feel!

Color Picker

Take some time to play with the built in CSS Driven Color Picker by clicking the little color wheel at the top of this page. Make as many changes as you want and simply click the apply button to see them take effect. It's only slightly addictive....