Skip to main content

Styles

We use style sheets to achieve a consistent look and feel for all UI elements. We inherit from the campus web office's campus wide styles and add application specific styles. All decorators include the CWO style sheets. You do not need to import them.

If you are not using the decorators, include the following style sheets:

<link href="//www.ucsd.edu/common/cwp/active-cherry/base-min.css"
    media="all" rel="stylesheet" type="text/css" />

You also need to include these javascript files:

<script type="text/javascript"
    src="//www.ucsd.edu/common/cwp/active-cheery/base-min.js"></script>
<script type="text/javascript"
    src="//www.ucsd.edu/common/_emergency-broadcast/message.js"></script>

To see the non-minmized version of these files, just use the same URL link but get rid of the -min in the link. For example:

<link href="//www.ucsd.edu/common/cwp/active-cherry/base-min.css"
    media="all" rel="stylesheet" type="text/css" />

becomes

<link href="//www.ucsd.edu/common/cwp/active-cherry/base.css"
    media="all" rel="stylesheet" type="text/css" />

List of UI Elements and Styles

The following are detailed description on what the styles look like and how to use the styles.

Layout

Text

Form

Table

Icon