Demonstration of Biblue5.css Style Sheet (H1)

General Purpose (H2):

This style, with its pale, slightly blue background, is designed primarily for bibliographies.  (This is a sample of <p class="2">).

Features: (H2 class="lib")

Body (H3)

The body has text aligned to the left margin and colored #222222, a dark black.  The background in #ddeeff, which produces a distinct but pale blue.

Headers (H3)

There are 5 defined headers:

  1. H1:            The main header is ALL-UPPERCASE letters, centered on a dark gold (#d2ce00) background banner.  The letters are a medium blue (#004466) and bolded, chosen for their contrast with the gold banner.  <h1>     </h1>
  2. H2 (plain):  The second-level header, with no "class" indicated, has ALL-UPPERCASE letters, and is centered on a pale blue green banner (#d0eeee.  The letters are a navy color.  <h2>     </h2>
  3. H2 (lib):      The second-level header, with class="lib" indicated, has All Words Capitalized, and is centered on a pale blue (#d0eeff).  The letters are a navy color.  <h2 class="lib">     </h2>
  4. H3 (plain):  The third-level header also Captializes All Words and is aligned to the left margin in the same color banner as plain H2.  Again, the letters are Underlined But Default Font And Bolded Italicized.  Netscape will likely ignore the italics.  <h3>     </h3>
  5. H3 (dir):    This third-level header was designed to go over tables and/or graphics. It Captializes All Words and is aligned to the center on the same color banner as plain H3 (#d0eeff).  The letters are italicized.  <h3 class="dir">     </h3>

Paragraphs

There are 3 defined styles of paragraphs.  (This being an example of <p class="2">)

  1. p class="2":  No different from just <p> in Netscape; class 2 indents the first line 24 em. in I.E.
  2. p class="finala":     This paragraph style was designed for a credits paragraph at the end of the page.  It uses extra small font and is aligned to the left side.
  3. p class="final":   This paragraph style was designed for a credits paragraph at the end of the page.  It uses extra small font and is aligned to the right side.
  4. Both "final" and "finala" class paragraphs were designed to be used in a 2 cell table at the bottom of the page, with each aligning to opposite sides of their respective cells.

Tables (H3 class=dir)

There are two types of tables defined:

Tables (plain) have text aligned to left borders of cells.

         Tables (fig) have text aligned to center of cells.

Developed by Steve Morris
2004
Sample of <p class="final">

Stylesheet

BODY {text-align:left;
        background:#DDEEFF;
        color:222222}
H1 {text-transform:uppercase;
        text-align:center;
        background:#d2ce00;
        color:004466;
        font-weight:bold}
H2 {text-transform:uppercase;
        text-align:center;
        background:#d0eeee;
        color:navy}
H2.lib {text-transform:capitalize;
        text-align:center;
        background:#ddeeff;
        color:navy}
H3 {text-transform:capitalize;
        text-align:left;
        text-decoration:underline;
        background:#d0eeee;
        font:italic bold}
H3.dir {text-transform:capitalize;
        text-align:center;
        text-decoration:none;
        background:#d0eeee;
        font-style:italic;
        font-weight:normal}
P.2 {text-indent:24}
p.finala {text-align:left;
        font-size:x-small}
P.final {text-align:right
        font-size:x-small}
table {text-align:left}
table.fig {text-align:center}

 

The End

FIU Library Home Page Florida International University Home Page Business Librarian's Page Style Sheets Demo Index

                         
This page created and maintained by Steve Morris,
Business Research Specialist,
Reference & Instructional Services Dept.
Green Library
Florida International University
Miami, Florida 33199

www.fiu.edu/~morriss/styles/biblue5demo.html

Last Updated :