Skip to main content
Sign In

University Web Services (UWS)

University Web Services, University of Colorado Denver

 

 
 
 

Web Identity Standards

Highlight Boxes


Used for content that is meant to be “called out” in some fashion within the main page content. Anything can be put in a highlight box, such as an image or a list of dates.

Required Design Elements:

Size: 676px by VARIABLE height
Highlight Box Typography
Highlight Box Design

Design Constraints and Allowances

Can’t Change:

  • Width (must fit within column of layout, w/ 12px margin to each side)

Can Change:

  • Anything else

Example

Highlight box heading

This is a paragraph. It should highlight something about the page it appears on.

  • list 1
  • list 2

The highlight box template can be obtained through the reusable content feature. The file path is Templates > Sub-Identity Elements > Highlight Box

Show/Hide HTML
<div class="highlight">
   <h4>Highlight box heading</h4>
   <p>This is a paragraph. It should highlight something about the page it appears on. </p>
   <ul>
    <li>list 1</li>
    <li>list 2</li>
   </ul>
</div>


Show/Hide CSS
.highlight {
   background-color:#8cb5c8;
   margin:10px 0;
   padding-bottom:5px;
}

.highlight p, .highlight ul, .highlight h4 {
   margin:0px 5px;
}
University of Colorado Denver

© The Regents of the University of Colorado, a body corporate. All rights reserved.

All trademarks are registered property of the University. Used by permission only.