Font Size

Shortcodes Example

Inset Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Inset Right TitleYou will need to use the following formatting: [inset side=”right” title=”Inset Right Title”] … some content …[/inset] Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Inset Left TitleYou will need to use the following formatting: [inset side=”left” title=”Inset Left Title”] … some content …[/inset]Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Important Emphasis Styles

Sample TitleThis is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important title=”Sample Title”]…some content[/important]

Notice Styles

This is a sample of the ‘attention’ style. Use this style to denote very important information to your users. To use this use the following html: [div class=”attention” class2=”typo-icon”] …some content…. [/div]
This is a sample of the ‘notice’ style. Use this style to denote very important information to your users. To use this use the following html: [div class=”notice” class2=”typo-icon”] …some content…. [/div]
This is a sample of the ‘alert’ style. Use this style to denote very important information to your users. To use this use the following html: [div class=”alert” class2=”typo-icon”] …some content…. [/div]
This is a sample of the ‘download’ style. Use this style to denote very important information to your users. To use this use the following html: [div class=”download” class2=”typo-icon”] …some content…. [/div]
This is a sample of the ‘approved’ style. Use this style to denote very important information to your users. To use this use the following html: [div class=”approved” class2=”typo-icon”] …some content…. [/div]
This is a sample of the ‘media’ style. Use this style to denote very important information to your users. To use this use the following html: [div class=”media” class2=”typo-icon”] …some content…. [/div]
This is a sample of the ‘note’ style. Use this style to denote very important information to your users. To use this use the following html: [div class=”note” class2=”typo-icon”] …some content…. [/div]
This is a sample of the ‘cart’ style. Use this style to denote very important information to your users. To use this use the following html: [div class=”card” class2=”typo-icon”] …some content…. [/div]
This is a sample of the ‘camera’ style. Use this style to denote very important information to your users. To use this use the following html: [div class=”camera” class2=”typo-icon”] …some content…. [/div]
This is a sample of the ‘doc’ style. Use this style to denote very important information to your users. To use this use the following html: [div class=”doc” class2=”typo-icon”] …some content…. [/div]

Pre Example

 This is a sample [pre] … [/pre] tag: div.modulebox-black div.bx1 { background: url(../images/black/box_bl.png) 0 100% no-repeat; } div.modulebox-black div.bx2 { background: url(../images/black/box_tr.png) 100% 0 no-repeat; } div.modulebox-black div.bx3 { backg
round: url(../images/black/box_tl.png) 0 0 no-repeat; padding: 0; margin: 0; }

Pages: 1 2

Leave a Reply