Module Classes

Module Example Plain

This module uses no module classes

Module Example Shadow

Module Class Suffix:

zen-shadow

Module Example Shadow2

Module Class Suffix:

zen-shadow2

Small Example

Module Class Suffix:

zen-small

Medium Example

Module Class Suffix:

zen-medium

Large Example

Module Class Suffix:

zen-large

Color Variations

Color Example Primary1

Module Class Suffix:

zen-primary1

Color Example Primary1 and Shadow

Module Class Suffix:

zen-shadow zen-primary2

Color Example Primary1 and Shadow2

Module Class Suffix:

zen-shadow2 zen-primary3

Color Example Primary1

Module Class Suffix:

zen-primary1

Color Example Primary2

Module Class Suffix:

zen-primary2

Color Example Primary3

Module Class Suffix:

zen-primary3

Color Example Secondary1

Module Class Suffix:

zen-secondary1

Color Example Secondary2

Module Class Suffix:

zen-secondary2

Color Example Secondary3

Module Class Suffix:

zen-secondary3

Color Example Tertiary1

Module Class Suffix:

zen-tertiary1

Color Example Tertiary2

Module Class Suffix:

zen-tertiary2

Color Example Tertiary3

Module Class Suffix:

zen-tertiary3

Color Example Quaternary1

Module Class Suffix:

zen-quaternary1

Color Example Quaternary2

Module Class Suffix:

zen-quaternary2

Color Example Quaternary3

Module Class Suffix:

zen-quaternary3

Color Example Quinary1

Module Class Suffix:

zen-quinary1

Color Example Quinary2

Module Class Suffix:

zen-quinary2

Color Example Quinary3

Module Class Suffix:

zen-quinary3

Color Example Senary1

Module Class Suffix:

zen-senary1

Color Example Senary2

Module Class Suffix:

zen-senary2

Color Example Senary3

Module Class Suffix:

zen-senary3

Color Example Septenary1

Module Class Suffix:

zen-septenary1

Color Example Septenary2

Module Class Suffix:

zen-septenary2

Color Example Septenary3

Module Class Suffix:

zen-septenary3

Color Example Octonary1

Module Class Suffix:

zen-octonary1

Color Example Octonary2

Module Class Suffix:

zen-octonary2

Color Example Octonary3

Module Class Suffix:

zen-octonary3

Color Example Nonary1

Module Class Suffix:

zen-nonary1

Color Example Nonary2

Module Class Suffix:

zen-nonary2

Color Example Nonary3

Module Class Suffix:

zen-nonary3

Color Example Denary1

Module Class Suffix:

zen-denary1

Color Example Denary2

Module Class Suffix:

zen-denary2

Color Example Denary3

Module Class Suffix:

zen-denary3

Background Color Variations

BG Color Example

Module Class Suffix:

zen-bg

BG Color with Shadow Example

Module Class Suffix:

zen-shadow zen-bg

BG Color with Shadow2 Example

Module Class Suffix:

zen-shadow2 zen-bg

BG Color Example Primary1

Module Class Suffix:

zen-bg zen-primary1

BG Color Example Primary2

Module Class Suffix:

zen-bg zen-primary2

BG Color Example Primary3

Module Class Suffix:

zen-bg zen-primary3

BG Color Example Secondary1

Module Class Suffix:

zen-bg zen-secondary1

BG Color Example Secondary2

Module Class Suffix:

zen-bg zen-secondary2

BG Color Example Secondary3

Module Class Suffix:

zen-bg zen-secondary3

BG Color Example Tertiary1

Module Class Suffix:

zen-bg zen-tertiary1

BG Color Example Tertiary2

Module Class Suffix:

zen-bg zen-tertiary2

BG Color Example Tertiary3

Module Class Suffix:

zen-bg zen-tertiary3

BG Color Example Quaternary1

Module Class Suffix:

zen-bg zen-quaternary1

BG Color Example Quaternary2

Module Class Suffix:

zen-bg zen-quaternary2

BG Color Example Quaternary3

Module Class Suffix:

zen-bg zen-quaternary3

BG Color Example Quinary1

Module Class Suffix:

zen-bg zen-quinary1

BG Color Example Quinary2

Module Class Suffix:

zen-bg zen-quinary2

BG Color Example Quinary3

Module Class Suffix:

zen-bg zen-quinary3

BG Color Example Senary1

Module Class Suffix:

zen-bg zen-senary1

BG Color Example Senary2

Module Class Suffix:

zen-bg zen-senary2

BG Color Example Senary3

Module Class Suffix:

zen-bg zen-senary3

BG Color Example Septenary1

Module Class Suffix:

zen-bg zen-septenary1

BG Color Example Septenary2

Module Class Suffix:

zen-bg zen-septenary2

BG Color Example Septenary3

Module Class Suffix:

zen-bg zen-septenary3

BG Color Example Octonary1

Module Class Suffix:

zen-bg zen-octonary1

BG Color Example Octonary2

Module Class Suffix:

zen-bg zen-octonary2

BG Color Example Octonary3

Module Class Suffix:

zen-bg zen-octonary3

BG Color Example Nonary1

Module Class Suffix:

zen-bg zen-nonary1

BG Color Example Nonary2

Module Class Suffix:

zen-bg zen-nonary2

BG Color Example Nonary3

Module Class Suffix:

zen-bg zen-nonary3

BG Color Example Denary1

Module Class Suffix:

zen-bg zen-denary1

BG Color Example Denary2

Module Class Suffix:

zen-bg zen-denary2

BG Color Example Denary3

Module Class Suffix:

zen-bg zen-denary3

Border Color Variations

Border Example

Module Class Suffix:

zen-border

Border with Shadow Example

Module Class Suffix:

zen-shadow zen-border

Border with Shadow2 Example

Module Class Suffix:

zen-shadow2 zen-border

Border Example Primary1

Module Class Suffix:

zen-border zen-primary1

Border Example Primary2

Module Class Suffix:

zen-border zen-primary2

Border Example Primary3

Module Class Suffix:

zen-border zen-primary3

Border Example Secondary1

Module Class Suffix:

zen-border zen-secondary1

Border Example Secondary2

Module Class Suffix:

zen-border zen-secondary2

Border Example Secondary3

Module Class Suffix:

zen-border zen-secondary3

Border Example Tertiary1

Module Class Suffix:

zen-border zen-tertiary1

Border Example Tertiary2

Module Class Suffix:

zen-border zen-tertiary2

Border Example Tertiary3

Module Class Suffix:

zen-border zen-tertiary3

Border Example Quaternary1

Module Class Suffix:

zen-border zen-quaternary1

Border Example Quaternary2

Module Class Suffix:

zen-border zen-quaternary2

Border Example Quaternary3

Module Class Suffix:

zen-border zen-quaternary3

Border Example Quinary1

Module Class Suffix:

zen-border zen-quinary1

Border Example Quinary2

Module Class Suffix:

zen-border zen-quinary2

Border Example Quinary3

Module Class Suffix:

zen-border zen-quinary3

Border Example Senary1

Module Class Suffix:

zen-border zen-senary1

Border Example Senary2

Module Class Suffix:

zen-border zen-senary2

Border Example Senary3

Module Class Suffix:

zen-border zen-senary3

Border Example Septenary1

Module Class Suffix:

zen-border zen-septenary1

Border Example Septenary2

Module Class Suffix:

zen-border zen-septenary2

Border Example Septenary3

Module Class Suffix:

zen-border zen-septenary3

Border Example Octonary1

Module Class Suffix:

zen-border zen-octonary1

Border Example Octonary2

Module Class Suffix:

zen-border zen-octonary2

Border Example Octonary3

Module Class Suffix:

zen-border zen-octonary3

Border Example Nonary1

Module Class Suffix:

zen-border zen-nonary1

Border Example Nonary2

Module Class Suffix:

zen-border zen-nonary2

Border Example Nonary3

Module Class Suffix:

zen-border zen-nonary3

Border Example Denary1

Module Class Suffix:

zen-border zen-denary1

Border Example Denary2

Module Class Suffix:

zen-border zen-denary2

Border Example Denary3

Module Class Suffix:

zen-border zen-denary3

Legacy Color Variations

Legacy Example Primary1

Module Class Suffix:

zen-legacy zen-primary1

Legacy Example Primary2

Module Class Suffix:

zen-legacy zen-primary2

Legacy Example Primary3

Module Class Suffix:

zen-legacy zen-primary3

Legacy Example Secondary1

Module Class Suffix:

zen-legacy zen-secondary1

Legacy Example Secondary2

Module Class Suffix:

zen-legacy zen-secondary2

Legacy Example Secondary3

Module Class Suffix:

zen-legacy zen-secondary3

Legacy Example Tertiary1

Module Class Suffix:

zen-legacy zen-tertiary1

Legacy Example Tertiary2

Module Class Suffix:

zen-legacy zen-tertiary2

Legacy Example Tertiary3

Module Class Suffix:

zen-legacy zen-tertiary3

Legacy Example Quaternary1

Module Class Suffix:

zen-legacy zen-quaternary1

Legacy Example Quaternary2

Module Class Suffix:

zen-legacy zen-quaternary2

Legacy Example Quaternary3

Module Class Suffix:

zen-legacy zen-quaternary3

Legacy Example Quinary1

Module Class Suffix:

zen-legacy zen-quinary1

Legacy Example Quinary2

Module Class Suffix:

zen-legacy zen-quinary2

Legacy Example Quinary3

Module Class Suffix:

zen-legacy zen-quinary3

Legacy Example Senary1

Module Class Suffix:

zen-legacy zen-senary1

Legacy Example Senary2

Module Class Suffix:

zen-legacy zen-senary2

Legacy Example Senary3

Module Class Suffix:

zen-legacy zen-senary3

Legacy Example Septenary1

Module Class Suffix:

zen-legacy zen-septenary1

Legacy Example Septenary2

Module Class Suffix:

zen-legacy zen-septenary2

Legacy Example Septenary3

Module Class Suffix:

zen-legacy zen-septenary3

Legacy Example Octonary1

Module Class Suffix:

zen-legacy zen-octonary1

Legacy Example Octonary2

Module Class Suffix:

zen-legacy zen-octonary2

Legacy Example Octonary3

Module Class Suffix:

zen-legacy zen-octonary3

Legacy Example Nonary1

Module Class Suffix:

zen-legacy zen-nonary1

Legacy Example Nonary2

Module Class Suffix:

zen-legacy zen-nonary2

Legacy Example Nonary3

Module Class Suffix:

zen-legacy zen-nonary3

Legacy Example Denary1

Module Class Suffix:

zen-legacy zen-denary1

Legacy Example Denary2

Module Class Suffix:

zen-legacy zen-denary2

Legacy Example Denary3

Module Class Suffix:

zen-legacy zen-denary3

Inset Variations

Inset Example

Module Class Suffix:

zen-inset

Inset Example Shadow

Module Class Suffix:

zen-inset zen-shadow

Inset Example Shadow2

Module Class Suffix:

zen-inset zen-shadow2

Inset Example Secondary2

Module Class Suffix:

zen-inset zen-secondary2

Inset BG Example Quaternary2

Module Class Suffix:

zen-inset zen-bg zen-quaternary2

Inset Border Example Septenary2

Module Class Suffix:

zen-inset zen-border zen-septenary2

New & Hot

New Example

Module Class Suffix:

zen-new

New with Shadow Example

Module Class Suffix:

zen-new zen-shadow zen-nonary2

New with Inset Example

Module Class Suffix:

zen-new zen-inset zen-tertiary2

Hot with Color Example

Module Class Suffix:

zen-hot zen-quinary3

Hot with BG Example

Module Class Suffix:

zen-hot zen-bg denary2

Hot with Border Example

Module Class Suffix:

zen-hot zen-border octonary2

Rounded

Rounded with Shadow Example

Module Class Suffix:

zen-rounded zen-shadow

Rounded with Shadow2 Example

Module Class Suffix:

zen-rounded zen-shadow2

Rounded with Inset Example

Module Class Suffix:

zen-rounded zen-inset zen-senary1

Hot with New Example

Module Class Suffix:

zen-rounded zen-new zen-quinary3

Rounded with BG Example

Module Class Suffix:

zen-rounded zen-new zen-bg zen-denary2

Rounded with Border Example

Module Class Suffix:

zen-rounded zen-hot zen-border zen-octonary2

Corner

Corner Example

Module Class Suffix:

zen-corner

Corner with Color Example

Module Class Suffix:

zen-corner zen-primary3

Corner with BG Example

Module Class Suffix:

zen-corner zen-bg zen-secondary3

Corner and Inset Example

Module Class Suffix:

zen-corner zen-inset

Corner with Rounded Example

Module Class Suffix:

zen-corner zen-rounded zen-bg zen-quinary1

Corner with Border Example

Module Class Suffix:

zen-corner zen-bg zen-border zen-quaternary1

Icons

Icon Example

Module Class Suffix:

zen-icon zen-icon-twitter

Icon with Color Example

Module Class Suffix:

zen-icon zen-icon-spinner zen-tertiary3

Icon with BG Example

Module Class Suffix:

zen-icon zen-icon-bullseye zen-bg zen-senary1

Icon Small

Module Class Suffix:

zen-icon zen-icon-comments zen-small-icon zen-inset zen-bg zen-secondary2

Icon Medium Example

Module Class Suffix:

zen-icon zen-icon-cog zen-medium-icon zen-left-icon zen-bottom-icon zen-hot zen-bg zen-denary3

Icon Large Example

Module Class Suffix:

zen-icon zen-icon-users zen-large-icon zen-middle-icon zen-border zen-quaternary1

Icon Small

Module Class Suffix:

zen-icon zen-icon-phone zen-small zen-inset zen-bg zen-secondary2

Icon Medium Example

Module Class Suffix:

zen-icon zen-icon-pinterest zen-medium zen-center-icon zen-middle-icon zen-corner zen-bg zen-septenary3

Icon Large Example

Module Class Suffix:

zen-icon zen-icon-home zen-large zen-bottom-icon zen-center-icon zen-border zen-rounded zen-quinary2

Heading Icons

Title Icon Example

Module Class Suffix:

none

Header Class:

zen-icon zen-icon-code

Icon with Color Example

Module Class Suffix:

zen-primary1

Header Class:

zen-icon zen-icon-umbrella

Icon with BG Example

Module Class Suffix:

zen-bg zen-secondary3

Header Class:

zen-icon zen-icon-star

Icon and Inset Example

Module Class Suffix:

zen-corner zen-inset zen-bg zen-octonary2

Header Class:

zen-icon zen-icon-power-off

Icon with Rounded Example

Module Class Suffix:

zen-rounded zen-bg zen-quinary1

Header Class:

zen-icon zen-icon-road

Icon with Border Example

Module Class Suffix:

zen-border zen-quaternary1

Header Class:

zen-icon zen-icon-play-circle-o

Heading Line

Line Example

Module Class Suffix:

none

Header Class:

zen-line

Line with Color Example

Module Class Suffix:

zen-primary1

Header Class:

zen-line

Line with BG Example

Module Class Suffix:

zen-bg zen-secondary3

Header Class:

zen-line

Line with Icon Example

Module Class Suffix:

zen-corner zen-inset zen-bg zen-octonary2

Header Class:

zen-line zen-icon zen-icon-power-off

Line with Rounded Example

Module Class Suffix:

zen-rounded zen-bg zen-denary1

Header Class:

zen-line zen-icon-lock zen-icon-large zen-icon-bottom

Line with Border Example

Module Class Suffix:

zen-border zen-quaternary1

Header Class:

zen-line

Alignement

Centered Example

Module Class Suffix:

zen-centered

Right Example

Module Class Suffix:

zen-right

Heading Center Example

Header Class:

zen-center

Heading Right Example

Header Class:

zen-right

Center Line Example

Header Class:

zen-center zen-line

Right Line Example

Header Class:

zen-right zen-line

Center Line with Icon Example

Header Class:

zen-center zen-line zen-icon zen-icon-thumbs-o-up

Right Line with Icon Example

Header Class:

zen-right zen-line zen-icon zen-icon-thumbs-o-down