Model Site Optional secondary text for expansion
on name or identity only

CSS Styles: 2-Rule Highlights Boxes

This Is a Highlights Box, class=boxright_2rules - Lorem Ipsum Dolor Sit Amet

p Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla dapibus. Nullam congue. Integer ullamcorper magna sit amet lorem blandit nonummy. Fusce vestibulum felis nec sapien. Duis aliquam vehicula purus. Morbi urna metus, molestie ac, rhoncus vel, congue eget, ipsum. Vivamus tempor arcu venenatis nulla.

Highlights boxes begin with a default standard width of 235px, but can be modified by adding a second class, such as setwidth250. Widths of nested images should be matched to the setwidthN class, images larger than the container will pop out of the box in most browsers (IE enlarges the box to hold the image). Current box sizes: 300, 250, 245, 225, 200, 150, 100.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla dapibus. Nullam congue. Integer ullamcorper magna sit amet lorem blandit nonummy. Fusce vestibulum felis nec sapien. Duis aliquam vehicula purus.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth150 - Lorem Ipsum Dolor Sit Amet

Fusce ipsum purus, lobortis nec, blandit blandit, scelerisque vitae, velit. Suspendisse nec orci. Aliquam malesuada tortor nec dui. Sed malesuada, ante quis semper feugiat, dui dui nonummy magna, quis fringilla ipsum nibh vitae ipsum. Vivamus ut nulla vel mi dictum hendrerit. Ut interdum diam id sem. Maecenas elementum cursus pede. Aenean suscipit sem quis tellus posuere sagittis. Sed eleifend leo eget risus. Phasellus elementum, velit sed egestas lacinia, velit nisl convallis velit, at lobortis quam lacus ut eros. Nulla pede. Nullam fermentum mauris. Etiam malesuada ante hendrerit neque. Integer vel sapien a erat lobortis molestie. Nullam elit elit, scelerisque at, euismod eget, tincidunt sed, pede. Pellentesque tellus enim, semper id, volutpat in, pulvinar eget, nulla.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth150 - Lorem Ipsum Dolor Sit Amet

Phasellus commodo, nibh sed dignissim ultrices, tellus massa posuere sapien, quis suscipit eros nunc ac libero. Aliquam tempor, risus a dictum placerat, urna ante aliquet erat, et pulvinar sem nisi at lacus. Ut nonummy, diam vel luctus pulvinar, dolor enim volutpat justo, in blandit leo nisl et nisi. Nunc eget massa. Sed massa urna, scelerisque nec, placerat iaculis, feugiat dictum, magna. Nulla feugiat. Mauris tristique nibh ut velit. Integer congue ipsum nec sem. Suspendisse dapibus gravida risus. Mauris elementum neque quis ante. Morbi sagittis varius magna. Suspendisse potenti.Morbi sagittis varius magna. Suspendisse potenti. Morbi sagittis varius magna. Suspendisse potenti.Morbi sagittis varius magna. Suspendisse potenti. Morbi sagittis varius.

This Is a Highlights Box, class=boxleft_2rules - Lorem Ipsum Dolor Sit Amet

p Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla dapibus. Nullam congue. Integer ullamcorper magna sit amet lorem blandit nonummy. Fusce vestibulum felis nec sapien. Duis aliquam vehicula purus. Morbi urna metus, molestie ac, rhoncus vel, congue eget, ipsum. Vivamus tempor arcu venenatis nulla.

Sed in ligula. Maecenas iaculis, justo vel pellentesque blandit, lectus nunc aliquet sapien, quis euismod urna nisl vitae pede. Praesent sagittis. Donec et risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi odio enim, pulvinar vitae, pretium ut, sodales at, enim. Suspendisse euismod, mauris ac viverra scelerisque, magna lorem aliquam purus, ut malesuada turpis arcu quis nisl. Suspendisse ante tortor, sagittis id, facilisis sed, scelerisque nec, dolor. Cras non turpis id est molestie dapibus. Aliquam adipiscing eros sit amet nulla. Nam nec nulla. Donec risus diam, molestie ut, ultrices non, ultrices non, nibh. In ac sapien. Etiam lobortis fermentum nulla.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth150 - Lorem Ipsum Dolor Sit Amet

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum at turpis. Nunc laoreet ante ut nunc. Aliquam et tortor quis risus molestie tristique. Proin blandit arcu non urna. Duis nunc lectus, lobortis nec, eleifend sit amet, pharetra a, erat. Nam nisl pede, convallis ac, scelerisque eget, porta et, tellus. In leo augue, sagittis sed, cursus ut, rhoncus sit amet, dui. Fusce arcu augue, rutrum id, dictum eu, vehicula vel, dolor. Phasellus arcu. Donec id enim eget mauris condimentum congue. Maecenas non dui. Fusce quis velit sit amet ante ultrices mattis. Sed id nibh. Nulla ut velit id urna cursus imperdiet. Vivamus libero. Cras porttitor tempus ipsum. Ut elit. Nunc laoreet justo tempor metus. Etiam lectus.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth150 - Lorem Ipsum Dolor Sit Amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla dapibus. Nullam congue. Integer ullamcorper magna sit amet lorem blandit nonummy. Fusce vestibulum felis nec sapien. Duis aliquam vehicula purus. Morbi urna metus, molestie ac, rhoncus vel, congue eget, ipsum. Vivamus tempor arcu venenatis nulla. Proin odio augue, venenatis vitae, malesuada sit amet, feugiat sed, nisl. Quisque accumsan mauris sit amet ligula. Nullam in sapien vel lectus semper mattis. Donec consequat luctus velit. Curabitur porta.

Fusce ipsum purus, lobortis nec, blandit blandit, scelerisque vitae, velit. Suspendisse nec orci. Aliquam malesuada tortor nec dui. Sed malesuada, ante quis semper feugiat, dui dui nonummy magna, quis fringilla ipsum nibh vitae ipsum. Vivamus ut nulla vel mi dictum hendrerit. Ut interdum diam id sem. Maecenas elementum cursus pede. Aenean suscipit sem quis tellus posuere sagittis. Sed eleifend leo eget risus. Phasellus elementum, velit sed egestas lacinia, velit nisl convallis velit, at lobortis quam lacus ut eros. Nulla pede.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth300 - Lorem Ipsum Dolor Sit Amet

Nullam fermentum mauris. Etiam malesuada ante hendrerit neque. Integer vel sapien a erat lobortis molestie. Nullam elit elit, scelerisque at, euismod eget, tincidunt sed, pede. Pellentesque tellus enim, semper id, volutpat in, pulvinar eget, nulla. Phasellus commodo, nibh sed dignissim ultrices, tellus massa posuere sapien, quis suscipit eros nunc ac libero. Aliquam tempor, risus a dictum placerat, urna ante aliquet erat, et pulvinar sem nisi.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth250 - Lorem Ipsum Dolor Sit Amet

Nunc eget massa. Sed massa urna, scelerisque nec, placerat iaculis, feugiat dictum, magna. Nulla feugiat. Mauris tristique nibh ut velit. Integer congue ipsum nec sem. Suspendisse dapibus gravida risus. Mauris elementum neque quis ante. Morbi sagittis varius magna. Suspendisse potenti.Sed in ligula. Maecenas iaculis, justo vel pellentesque blandit, lectus nunc aliquet sapien, quis euismod urna nisl vitae pede.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth245 - Lorem Ipsum Dolor Sit Amet

Praesent sagittis. Donec et risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi odio enim, pulvinar vitae, pretium ut, sodales at, enim. Suspendisse euismod, mauris ac viverra scelerisque, magna lorem aliquam purus, ut malesuada turpis arcu quis nisl. Suspendisse ante tortor, sagittis id, facilisis sed, scelerisque nec, dolor. Cras non turpis id est molestie dapibus. Aliquam adipiscing eros sit amet nulla. Nam nec nulla. Donec risus diam, molestie ut, ultrices non, ultrices non, nibh. In ac sapien. Etiam lobortis fermentum nulla.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth225 - Lorem Ipsum Dolor Sit Amet

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum at turpis. Nunc laoreet ante ut nunc. Aliquam et tortor quis risus molestie tristique. Proin blandit arcu non urna. Duis nunc lectus, lobortis nec, eleifend sit amet, pharetra a, erat. Nam nisl pede, convallis ac, scelerisque eget, porta et, tellus. In leo augue, sagittis sed, cursus ut, rhoncus sit amet, dui. Fusce arcu augue, rutrum id, dictum eu, vehicula vel, dolor. Phasellus arcu. Donec id enim eget mauris condimentum congue. Maecenas non dui. Fusce quis velit sit amet ante ultrices mattis. Sed id nibh. Nulla ut velit id urna cursus imperdiet. Vivamus libero.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth200 - Lorem Ipsum Dolor Sit Amet

Cras porttitor tempus ipsum. Ut elit. Nunc laoreet justo tempor metus. Etiam lectus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla dapibus. Nullam congue. Integer ullamcorper magna sit amet lorem blandit nonummy. Fusce vestibulum felis nec sapien. Duis aliquam vehicula purus. Morbi urna metus, molestie ac, rhoncus vel, congue eget, ipsum. Vivamus tempor arcu venenatis nulla. Proin odio augue, venenatis vitae, malesuada sit amet, feugiat sed, nisl. Quisque accumsan mauris sit amet ligula. Nullam in sapien vel lectus semper mattis. Donec consequat luctus velit. Curabitur porta.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth150 - Lorem Ipsum Dolor Sit Amet

Fusce ipsum purus, lobortis nec, blandit blandit, scelerisque vitae, velit. Suspendisse nec orci. Aliquam malesuada tortor nec dui. Sed malesuada, ante quis semper feugiat, dui dui nonummy magna, quis fringilla ipsum nibh vitae ipsum. Vivamus ut nulla vel mi dictum hendrerit. Ut interdum diam id sem. Maecenas elementum cursus pede. Aenean suscipit sem quis tellus posuere sagittis. Sed eleifend leo eget risus. Phasellus elementum, velit sed egestas lacinia, velit nisl convallis velit, at lobortis quam lacus ut eros. Nulla pede.

Nullam fermentum mauris. Etiam malesuada ante hendrerit neque. Integer vel sapien a erat lobortis molestie. Nullam elit elit, scelerisque at, euismod eget, tincidunt sed, pede. Pellentesque tellus enim, semper id, volutpat in, pulvinar eget, nulla.

Illustration
div.text_caption This Is a Highlights Box, class=boxright_2rules setwidth100 - Lorem Ipsum Dolor Sit Amet

Phasellus commodo, nibh sed dignissim ultrices, tellus massa posuere sapien, quis suscipit eros nunc ac libero. Aliquam tempor, risus a dictum placerat, urna ante aliquet erat, et pulvinar sem nisi at lacus. Ut nonummy, diam vel luctus pulvinar, dolor enim volutpat justo, in blandit leo nisl et nisi. Nunc eget massa. Sed massa urna, scelerisque nec, placerat iaculis, feugiat dictum, magna. Nulla feugiat. Mauris tristique nibh ut velit. Integer congue ipsum nec sem. Suspendisse dapibus gravida risus. Mauris elementum neque quis ante. Morbi sagittis varius magna. Suspendisse potenti.

Sed in ligula. Maecenas iaculis, justo vel pellentesque blandit, lectus nunc aliquet sapien, quis euismod urna nisl vitae pede. Praesent sagittis. Donec et risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi odio enim, pulvinar vitae, pretium ut, sodales at, enim. Suspendisse euismod, mauris ac viverra scelerisque, magna lorem aliquam purus, ut malesuada turpis arcu quis nisl. Suspendisse ante tortor, sagittis id, facilisis sed, scelerisque nec, dolor. Cras non turpis id est molestie dapibus. Aliquam adipiscing eros sit amet nulla. Nam nec nulla. Donec risus diam, molestie ut, ultrices non, ultrices non, nibh. In ac sapien. Etiam lobortis fermentum nulla.

Stanford Medicine Resources:

Footer Links: