The Showcase-a position, using the tab1 module class suffix.
The Showcase-b position, using the tab2 bg2 module class suffix.
The Showcase-e position, using its default module styling.
The Showcase-f position, using the tab3 bg3 module class suffix.
The Content-Top-a position, using its default module styling.
The Content-Top-c position, using the tab3 module class suffix.
Module Variations allow for the individual styling of each module within a position, without it being global. Code wise, this is achieved by adding a class into the module code which loads from the Module Class Suffix field in the Module Manager. The theme CSS adjusts accordingly.
Enter any available suffixes at Extensions → Module Manager → Module → Module Class Suffix
There are 11 suffixes: tab1-3, bg1-3, underline, number and flush, flushtop, flushbottom.
The Tab suffixes add a solid background image behind the header, in the shape of a tab. The BG suffixes change the color of the module background only. Underline simply adds a border to the bottom of the module header. Remember, you can always combine suffixes together such as tab3 b2, which will produce a colored module title, with a colored background. Number is specifically designed for the menu module, adding a decimal list before the border graphic.
Flush will disable all padding and margin to the module for a tighter fit, with FlushTop and FlushBottom disabling the margin/padding for the Top/Bottom parts of the module respectively.
The Content-Bottom-a position, using the tab2 bg1 module class suffix.
The Content-Bottom-c position, using its default module styling.
The MainBottom-a position, using its default module styling.
The MainBottom-b position, using the tab3 module class suffix.
The MainBottom-e position, using its default module styling.
The MainBottom-f position, using the tab1 module class suffix.