https://demo.ouhsc.edu/Style-Guide Parent Page: Style Guide id: 19973 Active Page: Module Containersid:19974

Module Containers

This page is a reference guide to the different types of Container Skins you can apply to your modules.  These should be used in the way they were intended. 

Content_Subheading

Suspendisse potenti. In ac commodo elit. Duis a ante convallis, sagittis ex non, posuere diam. Nam luctus tortor quis iaculis porta. Curabitur pharetra leo odio. Aenean sagittis vestibulum tellus quis convallis. Fusce elementum nibh et porta lacinia. Pellentesque aliquam non magna ut vestibulum. Fusce dapibus lobortis odio, eu sagittis orci suscipit eu.

An example of a "Content" skin. It does not display the module name/title. This is to be used when you have a block of content and do not want to show the module name/title.

Content_Padding_Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non bibendum nunc, a hendrerit dui. In sed lacus nec sapien feugiat hendrerit. Nullam ac lorem ac massa auctor vulputate. Donec tristique semper ante, in condimentum mi rutrum non. Ut dapibus massa non massa laoreet, ac imperdiet justo blandit. Nullam commodo tincidunt metus eu malesuada. Nam sapien augue, volutpat ac ex interdum, commodo suscipit massa.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non bibendum nunc, a hendrerit dui. In sed lacus nec sapien feugiat hendrerit. Nullam ac lorem ac massa auctor vulputate. Donec tristique semper ante, in condimentum mi rutrum non. Ut dapibus massa non massa laoreet, ac imperdiet justo blandit. Nullam commodo tincidunt metus eu malesuada. Nam sapien augue, volutpat ac ex interdum, commodo suscipit massa.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non bibendum nunc, a hendrerit dui. In sed lacus nec sapien feugiat hendrerit. Nullam ac lorem ac massa auctor vulputate. Donec tristique semper ante, in condimentum mi rutrum non. Ut dapibus massa non massa laoreet, ac imperdiet justo blandit. Nullam commodo tincidunt metus eu malesuada. Nam sapien augue, volutpat ac ex interdum, commodo suscipit massa.

Content_Box_Contact

John Smith M.D
405-555-5555
800 Stanton L. Young Blvd.
Oklahoma City, OK 73126-0901

Content_SectionTitle

Standard Section Title.  These can be used if there are areas of content that require more than just a sub heading.

Content_SectionTitle_Blue

A Section Title with a blue heading.

Content_SectionTitle_Gray

A Section Title with a gray heading.

Card Containers

Heading 2

Suspendisse potenti. In ac commodo elit. Duis a ante convallis, sagittis ex non, posuere diam. Nam luctus tortor quis iaculis porta.

Full Link

Heading 2

To create equal height cards you must enclose your card main content in a div that has a class called "card_resize_body".

Example: your main body content for the card . You do this by going into "source" view.

Full Link

"Content_Box" Used to display a simple box around some content.

Content_Box_Dropshadow

A box that has a subtle Drop Shadow.

"Content_Box_Dropshadow_NoTitle" is used to show no Module name/title just the content of a box.

CONTENT_BOX_Notice

Suspendisse potenti. In ac commodo elit. Duis a ante convallis, sagittis ex non, posuere diam. Nam luctus tortor quis iaculis porta. Curabitur pharetra leo odio. Aenean sagittis vestibulum tellus quis convallis. Fusce elementum nibh et porta lacinia. Pellentesque aliquam non magna ut vestibulum. Fusce dapibus lobortis odio, eu sagittis orci suscipit eu.

CONTENT_BOX_Alert

Suspendisse potenti. In ac commodo elit. Duis a ante convallis, sagittis ex non, posuere diam. Nam luctus tortor quis iaculis porta. Curabitur pharetra leo odio. Aenean sagittis vestibulum tellus quis convallis. Fusce elementum nibh et porta lacinia. Pellentesque aliquam non magna ut vestibulum. Fusce dapibus lobortis odio, eu sagittis orci suscipit eu.

CONTENT_BOX_Blue

Suspendisse potenti. In ac commodo elit. Duis a ante convallis, sagittis ex non, posuere diam. Nam luctus tortor quis iaculis porta. Curabitur pharetra leo odio. Aenean sagittis vestibulum tellus quis convallis. Fusce elementum nibh et porta lacinia. Pellentesque aliquam non magna ut vestibulum. Fusce dapibus lobortis odio, eu sagittis orci suscipit eu.