[h3]Inset Styles[/h3]
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 side=”right” title=”Inset Right Title”]You will need to use the following formatting: [inset side=”right” title=
“Inset Right Title”] … some content …[/inset][/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 side=”left” title=”Inset Left Title”]You will need to use the following formatting: [inset side=”left” title=”Inset Left Title”] … some content …[/inset][/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.
[h3]Notice Styles[/h3] [div class=”attention” class2=”typo-icon”]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][/div] [div class=”notice” class2=”typo-icon”]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][/div] [div class=”alert” class2=”typo-icon”]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][/div] [div class=”download” class2=”typo-icon”]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][/div] [div class=”approved” class2=”typo-icon”]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][/div] [div class=”media” class2=”typo-icon”]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][/div] [div class=”note” class2=”typo-icon”]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][/div] [div class=”cart” class2=”typo-icon”]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][/div] [div class=”camera” class2=”typo-icon”]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][/div] [div class=”doc” class2=”typo-icon”]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][/div] [h3]Pre Example[/h3] [pre] 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-r
epeat; } div.modulebox-black div.bx3 { background: url(../images/black/box_tl.png) 0 0 no-repeat; padding: 0; margin: 0; } [/pre]