Layout & Font Style Sheets
The University Web templates make use of Layout and Font Style Sheets named layout.css and font.css. To use these style sheets, your Web pages must contain the following:
<link rel="stylesheet" type="text/css" href="http://www.calstatela.edu/layout.css">
<link rel="stylesheet" type="text/css" href="http://www.calstatela.edu/font.css">
<link rel="stylesheet" type="text/css" href="http://www.calstatela.edu/font.css">
Below are samples of the styles available in the layout and font style sheets.
| CODE | SAMPLE |
|---|---|
| <h1>H1 Header</h1> |
H1 Header |
| <h2>H2 Header</h2> |
H2 Header |
| <h3>H3 Header</h3> |
H3 Header |
| <h4>H4 Header</h4> |
H4 Header |
| <h5>H5 Header</h5> |
H5 Header |
| <h6>H6 Header</h6> |
H6 Header |
| <em>Emphasize</em> | Emphasize |
| <strong>Strong</strong> | Strong |
| <span class="u">Underline</span> | Underline |
| <span class="sc">Small Caps</span> | Small Caps |
| <em class="u">Underlined and Emphasize</em> | Underlined and Emphasize |
| <strong class="u">Strong and Emphasize</strong> | Strong and Emphasize |
| <span class="red">red</span> | red |
| <span class="blue">blue</span> | blue |
| <span class="green">green</span> | green |
| <div class="code">Formatted code. <strong>Use Strong instead of Bold.</strong></div> |
Formatted code. Use Strong instead of Bold.
|
| <p class="right">The text inside this paragraph will be align right. </p> |
The text inside this paragraph will be align right. |
| <p class="center">The text inside this paragraph will be centered.</p> |
The text inside this paragraph will be centered. |
| <a class="top" href="#maincontent">TOP</a> | TOP |
| <strong class="note">Note</strong>: Lorem ipsum dolor sit amet. | Note: Lorem ipsum dolor sit amet. |
| <img src="sampleImage.gif" class="border" alt="students"> | 
|
| <a href="#"><img src="sampleImage.gif" class="noborder" alt="students"></a>. |
|