Call Out Boxes

Previously referred to as Blue Boxes, the name Call Out Boxes more accurately refers to the function of the content. These are pieces of content that are complementary to the main information or eccentuate a main point.

Examples

Floated to the Left

Nam porttitor, magna eu bibendum faucibus, orci enim porta tellus, eget sodales felis justo nec augue. Nulla facilisi. Integer non rutrum enim.

Curabitur tincidunt, sem vitae mollis gravida, erat turpis molestie nunc, eu rutrum tortor lorem aliquam eros. Cras neque lorem, sodales vel nisl eu, tempor accumsan sapien. Donec tristique felis nibh, non consequat nunc blandit sed. Nunc porta nibh metus, eu placerat purus auctor nec.

Floated to the Right

This header ("Floated to the Right") is not "cleared" so it is flowing around the "Please Note" box left of it.

Vivamus sed pretium arcu. Vestibulum a aliquet augue. Quisque tincidunt aliquet sagittis. Sed tellus purus, posuere nec purus a, auctor feugiat neque. Maecenas vitae fringilla dui. Sed feugiat, mauris in volutpat venenatis, massa sapien pellentesque metus, quis feugiat sapien ante at enim. Donec varius diam vitae justo aliquet, quis lacinia lectus imperdiet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget suscipit nunc. Aenean id felis id turpis rhoncus imperdiet sed nec lacus. In sed ullamcorper sapien. Quisque eget ultrices tortor. Pellentesque viverra erat vitae purus sagittis, quis hendrerit massa hendrerit. Vestibulum viverra egestas velit vitae elementum.

Vestibulum a aliquet augue. Quisque tincidunt aliquet sagittis. Sed tellus purus, posuere nec purus a, auctor feugiat neque. Maecenas vitae fringilla dui. Sed feugiat, mauris in volutpat venenatis, massa sapien pellentesque metus, quis feugiat sapien ante at enim. Donec varius diam vitae justo aliquet, quis lacinia lectus imperdiet.

Important Resources

The following is a call out box used to list important and central information, like PDFs discussed by the content it is next to.

Blockquotes

This header ("Blockquotes") has a CSS class of .layout-clear which means "Blockquotes" (and everything after it until something else is floated) will start on a new line instead of running/flowing into the above floated call out box.

The following are blockquotes: one with multiple paragraphs, and another with a citation.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget suscipit nunc. Aenean id felis id turpis rhoncus imperdiet sed nec lacus. In sed ullamcorper sapien. Quisque eget ultrices tortor. Pellentesque viverra erat vitae purus sagittis, quis hendrerit massa hendrerit. Vestibulum viverra egestas velit vitae elementum. Aliquam hendrerit ante et mi viverra, quis imperdiet dolor viverra. Praesent tortor eros, laoreet sed libero vitae, imperdiet posuere ipsum.

Vivamus sed pretium arcu. Vestibulum a aliquet augue. Quisque tincidunt aliquet sagittis. Sed tellus purus, posuere nec purus a, auctor feugiat neque. Maecenas vitae fringilla dui. Sed feugiat, mauris in volutpat venenatis, massa sapien pellentesque metus, quis feugiat sapien ante at enim. Donec varius diam vitae justo aliquet, quis lacinia lectus imperdiet.

Vivamus pulvinar, quam non volutpat tincidunt, velit orci pharetra elit, at egestas leo sapien eget nulla.

Person

Centered

The following is a centered blockquote with a citation. It has been centered with the .call-out-box-center class.

If you can solve your problem, then what is the need of worrying?

If you cannot solve it, then what is the use of worrying?

Shantideva