First thing to mention is that there are no Module suffixes built into the Morph core, they are ALL in the themelet. Vanilla only has the control styles and other styles that can be used to modify font size, case etc, but nothing that pertains to images or colors like you will see in the specific themelet concepts.

For this reason, you'll see the suffixes below being separated into default and themelet.

• Default is what is in the Vanilla base, which will always be the same.
• Depending on how many suffixes are included in each themelet, the exact amount will vary but the same syntax will apply in all of them.

Module suffixes can also be applied to the Tabs and Accordions, so you can give a set of tabs a different background color. The active tab will always be the same color as the background of the tab body.

Default Styles

These are available in vanilla and all themelets.

Control and reset styles

no-margin

remove margin from module

no-padding

strip/remove borders on headings only

no-h3borders

strip/remove borders on module containers only

strip-borders

strip/remove all borders

no-modborders

strip/remove backgrounds from headers only

no-h3bg

strip/remove backgrounds on module containers only

no-modbg

strip/remove all backgrounds

Heading and Font Styles

Module header font size

• h3size01 = 0.5em
• h3size02 = 0.7em
• h3size03 = 0.9em
• h3size04 = 1.3em
• h3size05 = 1.5em
• h3size06 = 1.7em
• h3size07 = 2.0em
• h3size08 = 2.3em
• h3size09 = 2.5em
• h3size10 = 2.7em

Module body font size

• modsize01 = 0.5em
• modsize02 = 0.7em
• modsize03 = 0.9em
• modsize04 = 1.3em
• modsize05 = 1.5em
• modsize06 = 1.7em
• modsize07 = 2em
• modsize08 = 2.3em
• modsize09 = 2.5em
• modsize10 = 2.7em

Module header font family

• h3font01 = Arial, Helvetica, sans-serif
• h3font02 = "Arial Black", Gadget, sans-serif
• h3font03 = "Times New Roman",Georgia,Serif
• h3font04 = Impact, Charcoal, sans-serif
• h3font05 = "Trebuchet MS", Helvetica, sans-serif
• h3font06 = Verdana, Geneva, sans-serif
• h3font07 = Garamond, serif
• h3font08 = "Palatino Linotype", "Book Antiqua", Palatino, serif
• h3font09 = Tahoma, Geneva, sans-serif
• h3font10 = Georgia, serif- modfont01 = Arial, Helvetica, sans-serif

Module body font family

• modfont01 = "Arial Black", Gadget, sans-serif
• modfont02 = "Times New Roman",Georgia,Serif
• modfont03 = Impact, Charcoal, sans-serif
• modfont04 = "Trebuchet MS", Helvetica, sans-serif
• modfont05 = Verdana, Geneva, sans-serif
• modfont06 = Garamond, serif
• modfont07 = "Palatino Linotype", "Book Antiqua", Palatino, serif
• modfont08 = Tahoma, Geneva, sans-serif
• modfont09 = Georgia, serif

Module header font case

• h3case01 = none
• h3case02 = capitalize
• h3case03 = uppercase
• h3case04 = lowercase
• h3case05 = inherit

Module body font case

• modcase01 = none
• modcase02 = capitalize
• modcase03 = uppercase
• modcase04 = lowercase
• modcase05 = inherit

Themelet Styles

Themelets all have the above styles and on top of that they each have a varying amount of the following style types:

Module heading font color
format: "h3color01"

Module heading bg color
format: "h3bgcolor01

Module heading bg image
format: "h3bgimage01

Module body font color
format: "modcolor01

Module body bg color
format: "bgcolor01

Module body bg image (gradient)
format: "bgimage01

Dont forget there is also pretext and subtext on module headers. While this is not a suffix, it does modify the look of the module. This is done by changing the title of the module like so.

Pretext = Top line of pre text \ bottom line of text
Subtext = Top line of text / bottom line of sub text