Timeline

CSS Style Overview

  • list_timelineol_univBlue
  • list_timelineol_medBlue
  • list_timelineol_lightBlue
  • list_timelineol_gray
  • list_timelineol_orange
  • list_timelineol_beige
  • list_timelineol_black
  • list_timelineol_white
  • list_timelineol_gradient

Timeline or steps

This style creates boxes numbered along a vertical line and can be used to create a visual timeline, or to emphasize steps that need to be taken, i.e. to do lists, deadlines, application steps.  This style is created using a numbered list (ol).

CSS Style

list_timelineol_univBlue

  1. HEADER 2

    stuff

    More stuff here blah blah

  2. header 3

    1. Nested OL
    2. And more stuff

  3. link 1

  4. link 2

  5. link 3

  6. text 1

  7. text 2

  8. text 3

CSS Style

list_timelineol_medBlue

  1. HEADER 2

    stuff

    More stuff here blah blah

  2. header 3

    1. Nested OL
    2. And more stuff

  3. link 1

  4. link 2

  5. link 3

  6. text 1

  7. text 2

  8. text 3

CSS Style

list_timelineol_lightBlue

  1. HEADER 2

    stuff

    More stuff here blah blah

  2. header 3

    1. Nested OL
    2. And more stuff

  3. link 1

  4. link 2

  5. link 3

  6. text 1

  7. text 2

  8. text 3

CSS Style

list_timelineol_gray

  1. HEADER 2

    stuff

    More stuff here blah blah

  2. header 3

    1. Nested OL
    2. And more stuff

  3. link 1

  4. link 2

  5. link 3

  6. text 1

  7. text 2

  8. text 3

CSS Style

list_timelineol_orange

  1. HEADER 2

    stuff

    More stuff here blah blah

  2. header 3

    1. Nested OL
    2. And more stuff

  3. link 1

  4. link 2

  5. link 3

  6. text 1

  7. text 2

  8. text 3

CSS Style

list_timelineol_beige

  1. HEADER 2

    stuff

    More stuff here blah blah

  2. header 3

    1. Nested OL
    2. And more stuff

  3. link 1

  4. link 2

  5. link 3

  6. text 1

  7. text 2

  8. text 3

CSS Style

list_timelineol_black

  1. HEADER 2

    stuff

    More stuff here blah blah

  2. header 3

    1. Nested OL
    2. And more stuff

  3. link 1

  4. link 2

  5. link 3

  6. text 1

  7. text 2

  8. text 3

CSS Style

list_timelineol_white

  1. HEADER 2

    stuff

    More stuff here blah blah

  2. header 3

    1. Nested OL
    2. And more stuff

  3. link 1

  4. link 2

  5. link 3

  6. text 1

  7. text 2

  8. text 3

CSS Style

list_timelineol_gradient

  1. HEADER 2

    stuff

    More stuff here blah blah

  2. header 3

    1. Nested OL
    2. And more stuff

  3. link 1

  4. link 2

  5. link 3

  6. text 1

  7. text 2

  8. text 3