General presentation styles of the KU Template


h1: this is an h1 tag
this is line 2

h2: this is an h2 tag
this is line 2

h3: this is an h3 tag
this is line 2

h4: this is an h4 tag
this is line 2

h5: this is an h5 tag
this is line 2
h6: this is an h6 tag
this is line 2

strong: This is a strong tag
em: This is an em tag
a: This is a link ("a" tag)
a.underline: This is a link with the underline class ("a".underlined)
ku_blue: this is text with class of ku_blue (#0022B4)
ku_red: this is text with class of ku_red (#E8000D)
ku_yellow: this is text with class of ku_yellow (#FFC82D)
ku_grey: this is text with class of ku_grey (#85898A)
  • ul: This is an unordered list
    line 2
  • Item 2

  • ul.spaced: This is an unordered list with the class "spaced"
    line 2
  • Item 2

  • ul: This is an unordered list with class "nobullets"
    line 2
  • Item 2


  1. ol: This is an ordered list
    line 2
  2. Item 2

  1. ol.spaced: This is an ordered list with the class "spaced"
    line 2
  2. Item 2

  1. ol: This is an ordered list with the class "alpha"
  2. Item 2

This is a dl list. This element has type dt
This element has type dd

hr: above and below (and all lines on this page) are the "hr" tag
Example of a <blockquote> tag

Example of a <p> tag within a <blockquote> tag


This is an example <address> tag
line2
line3

This is an example
   of some text
      within a <pre> tag

This is a <pre> tag within a 
<div class="code>


This is an example H1 tag with class "redtitleheader"


This is text with the class "timesupper"
This is text with the class "underline"
The following phone number has a span class of "ku_phone":
864-0000
The following phone number has a span class of "ku_fax":
864-0000
The following link has a href class of "ku_email" (works for span as well):
nobody@mailinator.com
The following link has a span class of "ku_pdf" (works for span as well):
Download a pdf of the file
The following link has a href class of "ku_print" (works for span as well):
Print this page
The following link has a class of "external" (works for span as well):
http://www.google.com
The following link has a class of "new_window" (works for span as well):
http://www.google.com
*Opening links in a new window is generally not recommended.
Below is an example of a div with a class of "hidden" (you can't see it though!!)
Below is an example of a div with a class of "visible"
This is useful as the opposite of hidden. Handy with javascript.

This is a div with class stretch (sets width to 100%)

This is a div with class "greytopshade"
useful for creating shades below images

This is a bluebox

The code for it looks like:
<div class="bluebox span-8 last">
  <div class="header">Your header</div>
  <div class="content"><p>Your content</p></div>
</div>


This is a redbox

The code for it looks like:
<div class="redbox span-8 last">
  <div class="header">Your header</div>
  <div class="content"><p>Your content</p></div>
</div>


This is a goldbox

The code for it looks like:
<div class="goldbox span-8 last">
  <div class="header">Your header</div>
  <div class="content"><p>Your content</p></div>
</div>


This is a greenbox

The code for it looks like:
<div class="greenbox span-8 last">
  <div class="header">Your header</div>
  <div class="content"><p>Your content</p></div>
</div>


This is a greybox

The code for it looks like:
<div class="greybox span-8 last">
  <div class="header">Your header</div>
  <div class="content"><p>Your content</p></div>
</div>


This div has class "floatright"

This div has class "floatleft"

Div class tablinks, with ul/li inside of the div:

this is for photocaptions, div class="img_cap_right", with a p tag inside


this is also for photocaptions, div class="img_cap_left", with a p tag inside









Defaults
Font: Arial, Helvetica, sans-serif;
Font size: 80% (~14 pixels)
Font color: #444444;
Page width: 900px
Left nav width: 178px
Main-content width: 710px

.rightnavheader h2