This UNL Template CSS page shows samples of all of the currently-available styles in
Before creating a secondary stylesheet, please call and request that your required style be integrated into the global UNL style library.
| Selector Name |
Usage |
Sample |
| h1 |
|
The quick brown fox jumped over the lazy dog's back.
View source+<h1>The quick brown fox jumped over the lazy dog's back.</h1>
<h1>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</h1>
|
| h2 |
|
The quick brown fox jumped over the lazy dog's back.
View source+<h2>The quick brown fox jumped over the lazy dog's back.</h2>
<h2>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</h2>
|
| h3 |
|
The quick brown fox jumped over the lazy dog's back.
View source+<h3>The quick brown fox jumped over the lazy dog's back.</h3>
<h3>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</h3>
|
| h4 |
|
The quick brown fox jumped over the lazy dog's back.
View source+<h4>The quick brown fox jumped over the lazy dog's back.</h4>
<h4>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</h4>
|
| h5 |
|
The quick brown fox jumped over the lazy dog's back.
View source+<h5>The quick brown fox jumped over the lazy dog's back.</h5>
<h5>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</h5>
|
| h6 |
|
The quick brown fox jumped over the lazy dog's back.
View source+<h6>The quick brown fox jumped over the lazy dog's back.</h6>
<h6>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</h6>
|
| p |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<p>The quick brown fox jumped over the lazy dog's back.</p>
<p>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</p>
|
| blockquote |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<blockquote>The quick brown fox jumped over the lazy dog's back.</blockquote>
<blockquote>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</blockquote>
|
| pre |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<pre>The quick brown fox jumped over the lazy dog's back.</pre>
<pre>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</pre>
|
| a |
|
|
| abbr |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<abbr>The quick brown fox jumped over the lazy dog's back.</abbr>
<abbr>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</abbr>
|
| acronym |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<acronym>The quick brown fox jumped over the lazy dog's back.</acronym>
<acronym>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</acronym>
|
| address |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<address>The quick brown fox jumped over the lazy dog's back.</address>
<address>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</address>
|
| cite |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<cite>The quick brown fox jumped over the lazy dog's back.</cite>
<cite>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</cite>
|
| code |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<code>The quick brown fox jumped over the lazy dog's back.</code>
<code>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</code>
|
| del |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<del>The quick brown fox jumped over the lazy dog's back.</del>
<del>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</del>
|
| dfn |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<dfn>The quick brown fox jumped over the lazy dog's back.</dfn>
<dfn>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</dfn>
|
| em |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<em>The quick brown fox jumped over the lazy dog's back.</em>
<em>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</em>
|
| q |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<q>The quick brown fox jumped over the lazy dog's back.</q>
<q>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</q>
|
| s |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<s>The quick brown fox jumped over the lazy dog's back.</s>
<s>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</s>
|
| samp |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<samp>The quick brown fox jumped over the lazy dog's back.</samp>
<samp>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</samp>
|
| strike |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<strike>The quick brown fox jumped over the lazy dog's back.</strike>
<strike>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</strike>
|
| strong |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<strong>The quick brown fox jumped over the lazy dog's back.</strong>
<strong>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</strong>
|
| sub |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<sub>The quick brown fox jumped over the lazy dog's back.</sub>
<sub>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</sub>
|
| sup |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<sup>The quick brown fox jumped over the lazy dog's back.</sup>
<sup>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</sup>
|
| tt |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<tt>The quick brown fox jumped over the lazy dog's back.</tt>
<tt>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</tt>
|
| var |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<var>The quick brown fox jumped over the lazy dog's back.</var>
<var>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</var>
|
| dl |
|
- Definition Term
- Definition
visited link,
unvisited link
View source+<dl>
<dt>Definition Term</dt>
<dd>Definition</dd></dl>
<dl>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</dl>
|
| ol |
|
|
| ul |
|
View source+<ul>
<li>Item 1</li></ul>
<ul>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</ul>
|
| ol |
|
|
| ul |
|
View source+<ul>
<li>Item 1</li></ul>
<ul>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</ul>
|
| blockquote |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<blockquote>The quick brown fox jumped over the lazy dog's back.</blockquote>
<blockquote>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</blockquote>
|
| q |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<q>The quick brown fox jumped over the lazy dog's back.</q>
<q>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</q>
|
| del |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<del>The quick brown fox jumped over the lazy dog's back.</del>
<del>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</del>
|
| a.email |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='email'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='email' href='/webdev/css.php'>visited link</a>,
<a class='email' href="#">unvisited link</a> |
| sub |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<sub>The quick brown fox jumped over the lazy dog's back.</sub>
<sub>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</sub>
|
| sup |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<sup>The quick brown fox jumped over the lazy dog's back.</sup>
<sup>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</sup>
|
| sup |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<sup>The quick brown fox jumped over the lazy dog's back.</sup>
<sup>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</sup>
|
| abbr |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<abbr>The quick brown fox jumped over the lazy dog's back.</abbr>
<abbr>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</abbr>
|
| acronym |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<acronym>The quick brown fox jumped over the lazy dog's back.</acronym>
<acronym>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</acronym>
|
| .code |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='code'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='code' href='/webdev/css.php'>visited link</a>,
<a class='code' href="#">unvisited link</a> |
| pre |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited link
View source+<pre>The quick brown fox jumped over the lazy dog's back.</pre>
<pre>
<a href='/webdev/css.php'>visited link</a>,
<a href="#">unvisited link</a>
</pre>
|
| a.imagelink |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='imagelink'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='imagelink' href='/webdev/css.php'>visited link</a>,
<a class='imagelink' href="#">unvisited link</a> |
| a.external |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='external'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='external' href='/webdev/css.php'>visited link</a>,
<a class='external' href="#">unvisited link</a> |
| a.application-map |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-map'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-map' href='/webdev/css.php'>visited link</a>,
<a class='application-map' href="#">unvisited link</a> |
| a.mail-message-new |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='mail-message-new'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='mail-message-new' href='/webdev/css.php'>visited link</a>,
<a class='mail-message-new' href="#">unvisited link</a> |
| a.text-vcard |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='text-vcard'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='text-vcard' href='/webdev/css.php'>visited link</a>,
<a class='text-vcard' href="#">unvisited link</a> |
| a.application-pdf |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-pdf'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-pdf' href='/webdev/css.php'>visited link</a>,
<a class='application-pdf' href="#">unvisited link</a> |
| a.application-certificate |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-certificate'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-certificate' href='/webdev/css.php'>visited link</a>,
<a class='application-certificate' href="#">unvisited link</a> |
| a.application-x-executable |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-x-executable'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-x-executable' href='/webdev/css.php'>visited link</a>,
<a class='application-x-executable' href="#">unvisited link</a> |
| a.audio-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='audio-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='audio-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='audio-x-generic' href="#">unvisited link</a> |
| a.font-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='font-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='font-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='font-x-generic' href="#">unvisited link</a> |
| a.image-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='image-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='image-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='image-x-generic' href="#">unvisited link</a> |
| a.package-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='package-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='package-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='package-x-generic' href="#">unvisited link</a> |
| a.text-html |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='text-html'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='text-html' href='/webdev/css.php'>visited link</a>,
<a class='text-html' href="#">unvisited link</a> |
| a.text-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='text-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='text-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='text-x-generic' href="#">unvisited link</a> |
| a.text-x-generic-template |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='text-x-generic-template'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='text-x-generic-template' href='/webdev/css.php'>visited link</a>,
<a class='text-x-generic-template' href="#">unvisited link</a> |
| a.text-x-script |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='text-x-script'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='text-x-script' href='/webdev/css.php'>visited link</a>,
<a class='text-x-script' href="#">unvisited link</a> |
| a.video-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='video-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='video-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='video-x-generic' href="#">unvisited link</a> |
| a.x-office-address-book |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-address-book'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-address-book' href='/webdev/css.php'>visited link</a>,
<a class='x-office-address-book' href="#">unvisited link</a> |
| a.x-office-calendar |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-calendar'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-calendar' href='/webdev/css.php'>visited link</a>,
<a class='x-office-calendar' href="#">unvisited link</a> |
| a.x-office-document |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-document'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-document' href='/webdev/css.php'>visited link</a>,
<a class='x-office-document' href="#">unvisited link</a> |
| a.x-office-document-template |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-document-template'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-document-template' href='/webdev/css.php'>visited link</a>,
<a class='x-office-document-template' href="#">unvisited link</a> |
| a.x-office-drawing |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-drawing'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-drawing' href='/webdev/css.php'>visited link</a>,
<a class='x-office-drawing' href="#">unvisited link</a> |
| a.x-office-drawing-template |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-drawing-template'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-drawing-template' href='/webdev/css.php'>visited link</a>,
<a class='x-office-drawing-template' href="#">unvisited link</a> |
| a.x-office-presentation |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-presentation'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-presentation' href='/webdev/css.php'>visited link</a>,
<a class='x-office-presentation' href="#">unvisited link</a> |
| a.x-office-presentation-template |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-presentation-template'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-presentation-template' href='/webdev/css.php'>visited link</a>,
<a class='x-office-presentation-template' href="#">unvisited link</a> |
| a.x-office-spreadsheet |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-spreadsheet'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-spreadsheet' href='/webdev/css.php'>visited link</a>,
<a class='x-office-spreadsheet' href="#">unvisited link</a> |
| a.x-office-spreadsheet-template |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-spreadsheet-template'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-spreadsheet-template' href='/webdev/css.php'>visited link</a>,
<a class='x-office-spreadsheet-template' href="#">unvisited link</a> |
| a.application-msword |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-msword'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-msword' href='/webdev/css.php'>visited link</a>,
<a class='application-msword' href="#">unvisited link</a> |
| a.application-vnd-ms-excel |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-vnd-ms-excel'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-vnd-ms-excel' href='/webdev/css.php'>visited link</a>,
<a class='application-vnd-ms-excel' href="#">unvisited link</a> |
| a.application-vnd-ms-powerpoint |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-vnd-ms-powerpoint'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-vnd-ms-powerpoint' href='/webdev/css.php'>visited link</a>,
<a class='application-vnd-ms-powerpoint' href="#">unvisited link</a> |
| a.application-zip |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-zip'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-zip' href='/webdev/css.php'>visited link</a>,
<a class='application-zip' href="#">unvisited link</a> |
| a.feed-icon |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='feed-icon'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='feed-icon' href='/webdev/css.php'>visited link</a>,
<a class='feed-icon' href="#">unvisited link</a> |
| a.mail-message-new |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='mail-message-new'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='mail-message-new' href='/webdev/css.php'>visited link</a>,
<a class='mail-message-new' href="#">unvisited link</a> |
| a.text-vcard |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='text-vcard'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='text-vcard' href='/webdev/css.php'>visited link</a>,
<a class='text-vcard' href="#">unvisited link</a> |
| a.application-pdf |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-pdf'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-pdf' href='/webdev/css.php'>visited link</a>,
<a class='application-pdf' href="#">unvisited link</a> |
| a.pdf |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='pdf'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='pdf' href='/webdev/css.php'>visited link</a>,
<a class='pdf' href="#">unvisited link</a> |
| a.application-certificate |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-certificate'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-certificate' href='/webdev/css.php'>visited link</a>,
<a class='application-certificate' href="#">unvisited link</a> |
| a.application-x-executable |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-x-executable'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-x-executable' href='/webdev/css.php'>visited link</a>,
<a class='application-x-executable' href="#">unvisited link</a> |
| a.audio-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='audio-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='audio-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='audio-x-generic' href="#">unvisited link</a> |
| a.font-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='font-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='font-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='font-x-generic' href="#">unvisited link</a> |
| a.image-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='image-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='image-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='image-x-generic' href="#">unvisited link</a> |
| a.package-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='package-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='package-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='package-x-generic' href="#">unvisited link</a> |
| a.text-html |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='text-html'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='text-html' href='/webdev/css.php'>visited link</a>,
<a class='text-html' href="#">unvisited link</a> |
| a.text-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='text-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='text-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='text-x-generic' href="#">unvisited link</a> |
| a.text-x-generic-template |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='text-x-generic-template'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='text-x-generic-template' href='/webdev/css.php'>visited link</a>,
<a class='text-x-generic-template' href="#">unvisited link</a> |
| a.text-x-script |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='text-x-script'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='text-x-script' href='/webdev/css.php'>visited link</a>,
<a class='text-x-script' href="#">unvisited link</a> |
| a.video-x-generic |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='video-x-generic'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='video-x-generic' href='/webdev/css.php'>visited link</a>,
<a class='video-x-generic' href="#">unvisited link</a> |
| a.x-office-address-book |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-address-book'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-address-book' href='/webdev/css.php'>visited link</a>,
<a class='x-office-address-book' href="#">unvisited link</a> |
| a.x-office-calendar |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-calendar'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-calendar' href='/webdev/css.php'>visited link</a>,
<a class='x-office-calendar' href="#">unvisited link</a> |
| a.x-office-document |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-document'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-document' href='/webdev/css.php'>visited link</a>,
<a class='x-office-document' href="#">unvisited link</a> |
| a.x-office-document-template |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-document-template'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-document-template' href='/webdev/css.php'>visited link</a>,
<a class='x-office-document-template' href="#">unvisited link</a> |
| a.x-office-drawing |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-drawing'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-drawing' href='/webdev/css.php'>visited link</a>,
<a class='x-office-drawing' href="#">unvisited link</a> |
| a.x-office-drawing-template |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-drawing-template'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-drawing-template' href='/webdev/css.php'>visited link</a>,
<a class='x-office-drawing-template' href="#">unvisited link</a> |
| a.x-office-presentation |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-presentation'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-presentation' href='/webdev/css.php'>visited link</a>,
<a class='x-office-presentation' href="#">unvisited link</a> |
| a.x-office-presentation-template |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-presentation-template'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-presentation-template' href='/webdev/css.php'>visited link</a>,
<a class='x-office-presentation-template' href="#">unvisited link</a> |
| a.x-office-spreadsheet |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-spreadsheet'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-spreadsheet' href='/webdev/css.php'>visited link</a>,
<a class='x-office-spreadsheet' href="#">unvisited link</a> |
| a.x-office-spreadsheet-template |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='x-office-spreadsheet-template'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='x-office-spreadsheet-template' href='/webdev/css.php'>visited link</a>,
<a class='x-office-spreadsheet-template' href="#">unvisited link</a> |
| a.application-msword |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-msword'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-msword' href='/webdev/css.php'>visited link</a>,
<a class='application-msword' href="#">unvisited link</a> |
| a.msword |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='msword'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='msword' href='/webdev/css.php'>visited link</a>,
<a class='msword' href="#">unvisited link</a> |
| a.application-vnd-ms-excel |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-vnd-ms-excel'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-vnd-ms-excel' href='/webdev/css.php'>visited link</a>,
<a class='application-vnd-ms-excel' href="#">unvisited link</a> |
| a.application-vnd-ms-powerpoint |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-vnd-ms-powerpoint'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-vnd-ms-powerpoint' href='/webdev/css.php'>visited link</a>,
<a class='application-vnd-ms-powerpoint' href="#">unvisited link</a> |
| a.application-zip |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='application-zip'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='application-zip' href='/webdev/css.php'>visited link</a>,
<a class='application-zip' href="#">unvisited link</a> |
| a.feed-icon |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='feed-icon'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='feed-icon' href='/webdev/css.php'>visited link</a>,
<a class='feed-icon' href="#">unvisited link</a> |
| body.popup |
|
,
View source+<div class='popup'>The quick brown fox jumped over the lazy dog's back.</div>
<a class='popup' href='/webdev/css.php'>visited link</a>,
<a class='popup' href="#">unvisited link</a> |
| .zenbox |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='zenbox '>The quick brown fox jumped over the lazy dog's back.</div>
<a class='zenbox ' href='/webdev/css.php'>visited link</a>,
<a class='zenbox ' href="#">unvisited link</a> |
| .zenbox bright |
|
Zenbox h3The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='zenbox bright'><h3>Zenbox h3</h3>The quick brown fox jumped over the lazy dog's back.</div>
<a class='zenbox bright' href='/webdev/css.php'>visited link</a>,
<a class='zenbox bright' href="#">unvisited link</a> |
| .zenbox cool |
|
Zenbox h3The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='zenbox cool'><h3>Zenbox h3</h3>The quick brown fox jumped over the lazy dog's back.</div>
<a class='zenbox cool' href='/webdev/css.php'>visited link</a>,
<a class='zenbox cool' href="#">unvisited link</a> |
| .zenbox soothing |
|
Zenbox h3The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='zenbox soothing'><h3>Zenbox h3</h3>The quick brown fox jumped over the lazy dog's back.</div>
<a class='zenbox soothing' href='/webdev/css.php'>visited link</a>,
<a class='zenbox soothing' href="#">unvisited link</a> |
| .zenbox energetic |
|
Zenbox h3The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='zenbox energetic'><h3>Zenbox h3</h3>The quick brown fox jumped over the lazy dog's back.</div>
<a class='zenbox energetic' href='/webdev/css.php'>visited link</a>,
<a class='zenbox energetic' href="#">unvisited link</a> |
| .zenbox neutral |
|
Zenbox h3The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='zenbox neutral'><h3>Zenbox h3</h3>The quick brown fox jumped over the lazy dog's back.</div>
<a class='zenbox neutral' href='/webdev/css.php'>visited link</a>,
<a class='zenbox neutral' href="#">unvisited link</a> |
| .zenbox primary |
|
Zenbox h3The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='zenbox primary'><h3>Zenbox h3</h3>The quick brown fox jumped over the lazy dog's back.</div>
<a class='zenbox primary' href='/webdev/css.php'>visited link</a>,
<a class='zenbox primary' href="#">unvisited link</a> |
| .zentable |
|
The quick brown fox jumped over the lazy dog's back.
visited link,
unvisited linkView source+<div class='zentable '>The quick brown fox jumped over the lazy dog's back.</div>
<a class='zentable ' href='/webdev/css.php'>visited link</a>,
<a class='zentable ' href="#">unvisited link</a> |
| .zentable bright |
|
| zentable bright |
| table body |
visited link,
unvisited linkView source+<div class='zentable bright'>
<table class="zentable bright">
<thead>
<tr><th>zentable bright</th></tr>
</thead>
<tbody>
<tr><td>table body</td></tr>
</tbody>
</table></div>
<a class='zentable bright' href='/webdev/css.php'>visited link</a>,
<a class='zentable bright' href="#">unvisited link</a> |
| .zentable cool |
|
visited link,
unvisited linkView source+<div class='zentable cool'>
<table class="zentable cool">
<thead>
<tr><th>zentable cool</th></tr>
</thead>
<tbody>
<tr><td>table body</td></tr>
</tbody>
</table></div>
<a class='zentable cool' href='/webdev/css.php'>visited link</a>,
<a class='zentable cool' href="#">unvisited link</a> |
| .zentable soothing |
|
| zentable soothing |
| table body |
visited link,
unvisited linkView source+<div class='zentable soothing'>
<table class="zentable soothing">
<thead>
<tr><th>zentable soothing</th></tr>
</thead>
<tbody>
<tr><td>table body</td></tr>
</tbody>
</table></div>
<a class='zentable soothing' href='/webdev/css.php'>visited link</a>,
<a class='zentable soothing' href="#">unvisited link</a> |
| .zentable energetic |
|
| zentable energetic |
| table body |
visited link,
unvisited linkView source+<div class='zentable energetic'>
<table class="zentable energetic">
<thead>
<tr><th>zentable energetic</th></tr>
</thead>
<tbody>
<tr><td>table body</td></tr>
</tbody>
</table></div>
<a class='zentable energetic' href='/webdev/css.php'>visited link</a>,
<a class='zentable energetic' href="#">unvisited link</a> |
| .zentable neutral |
|
| zentable neutral |
| table body |
visited link,
unvisited linkView source+<div class='zentable neutral'>
<table class="zentable neutral">
<thead>
<tr><th>zentable neutral</th></tr>
</thead>
<tbody>
<tr><td>table body</td></tr>
</tbody>
</table></div>
<a class='zentable neutral' href='/webdev/css.php'>visited link</a>,
<a class='zentable neutral' href="#">unvisited link</a> |
| .zentable primary |
|
| zentable primary |
| table body |
visited link,
unvisited linkView source+<div class='zentable primary'>
<table class="zentable primary">
<thead>
<tr><th>zentable primary</th></tr>
</thead>
<tbody>
<tr><td>table body</td></tr>
</tbody>
</table></div>
<a class='zentable primary' href='/webdev/css.php'>visited link</a>,
<a class='zentable primary' href="#">unvisited link</a> |