Boxes

Written by Super User Posted in Shortcode

Box Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum malesuada nibh. In nunc sem, ornare non aliquam dictum, hendrerit at urna. Integer fringilla, lectus et tincidunt venenatis, odio risus faucibus libero, commodo sollicitudin quam enim non nibh. Proin vitae ante et risus gravida volutpat in vel ligula. Etiam eu nibh lectus, eu accumsan metus. Duis eget diam id libero condimentum scelerisque ac id mauris. Aenean iaculis pulvinar orci, id dignissim lacus pharetra nec.
[box color="shadow" icon="icon-file" title="Box Shadow"]Same Text[/box] 

Box Blue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum malesuada nibh. In nunc sem, ornare non aliquam dictum, hendrerit at urna. Integer fringilla, lectus et tincidunt venenatis, odio risus faucibus libero, commodo sollicitudin quam enim non nibh. Proin vitae ante et risus gravida volutpat in vel ligula. Etiam eu nibh lectus, eu accumsan metus. Duis eget diam id libero condimentum scelerisque ac id mauris. Aenean iaculis pulvinar orci, id dignissim lacus pharetra nec.
[box color="blue" icon="icon-lightbulb" title="Box Blue"]Same Text[/box] 

Box Green

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum malesuada nibh. In nunc sem, ornare non aliquam dictum, hendrerit at urna. Integer fringilla, lectus et tincidunt venenatis, odio risus faucibus libero, commodo sollicitudin quam enim non nibh. Proin vitae ante et risus gravida volutpat in vel ligula. Etiam eu nibh lectus, eu accumsan metus. Duis eget diam id libero condimentum scelerisque ac id mauris. Aenean iaculis pulvinar orci, id dignissim lacus pharetra nec.
[box color="green" icon="icon-ok" title="Box Green"]Same Text[/box] 

Box Red

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum malesuada nibh. In nunc sem, ornare non aliquam dictum, hendrerit at urna. Integer fringilla, lectus et tincidunt venenatis, odio risus faucibus libero, commodo sollicitudin quam enim non nibh. Proin vitae ante et risus gravida volutpat in vel ligula. Etiam eu nibh lectus, eu accumsan metus. Duis eget diam id libero condimentum scelerisque ac id mauris. Aenean iaculis pulvinar orci, id dignissim lacus pharetra nec.
[box color="red" icon="icon-remove" title="Box Red"]Same Text[/box] 

Box Yellow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum malesuada nibh. In nunc sem, ornare non aliquam dictum, hendrerit at urna. Integer fringilla, lectus et tincidunt venenatis, odio risus faucibus libero, commodo sollicitudin quam enim non nibh. Proin vitae ante et risus gravida volutpat in vel ligula. Etiam eu nibh lectus, eu accumsan metus. Duis eget diam id libero condimentum scelerisque ac id mauris. Aenean iaculis pulvinar orci, id dignissim lacus pharetra nec.
[box color="yellow" icon="icon-edit" title="Box Yellow"]Same Text[/box] 

Use the CSS class dotted to create a dotted horizontal rule.


Notice Styles

This is a simple box to highlight some text using the CSS class box-note.
[box note]Some Text...[/box]
This is a simple box with useful information using the CSS class box-info.
[box info]Some Text...[/box]
This is a simple box with important notes and warnings using the CSS class box-warning.
[box warning]Some Text...[/box]
This is a simple box with additional hints using the CSS class box-hint.
[box hint]Some Text...[/box]
This is a simple box with download information using the CSS class box-download.
[box download]Some Text...[/box]