The content below (blueprint test data) is contained within :
body #resizer #container .main
as it is most likely where custom data will be placed when using VIOXYS.

Do not expect that blueprint will work correctly on other designs other than 'clean'. Other designs may not be designed to be compatible with blueprint, unless otherwise noted by the author of the design.

NOTE: DO NOT USE 'top' class if you want to align 'main' perfectly based on blueprint css. After div id="content", use div class="main" immediately and store content on that div. Also, do no use modifiers under main div such as full, onethird etc., these modifiers will cause slight difference on how this page will be rendered compared to blueprint css.

[Go to Blueprint content]

Tests for common HTML elements


PARAGRAPHS & BOXES

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor sub text ut labore et sup text magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


LISTS
  • Unordered list test
  • Another list element. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Yet another element in the list
  • Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  1. Ordered list test
  2. Another list element
  3. Yet another element in the list
  1. Ordered list
  2. Here's a nested unordered list
    • Nested Unordered list
    • Nested ordered list
      1. The first
      2. And the second
  3. Ordered List item
  4. Nested Ordered list
    1. Some point
    2. Nested Unordered list
      • The first
      • And the second
definition list dt
definition list dd
definition list dt
definition list dd
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit

HEADINGS

H1: Lorem ipsum dolor sit amet

H2: Lorem ipsum dolor sit amet, consectetur elit

H3: Lorem ipsum dolor sit amet, consectetur adipisicing elit

H4: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipis

H5: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
H6: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit

Heading 1


Heading 2


Heading 3


Heading 4


Heading 5

Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

MISC ELEMENTS

<strong>
<del> deleted
<dfn> dfn
<em> emphasis

<a> anchor
<a> a + href

<abbr> abbr - extended text when mouseover.
<acronym> acronym - extended text when mouseover.

<address>
Donald Duck
Box 555
Disneyland

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore.

A standard test table with a caption, tr, td elements
Table Header One Table Header Two
TD One TD Two
TD colspan 2
A test table with a thead, tfoot, and tbody elements
Table Header One Table Header Two
tfoot footer
TD One TD Two
TD One TD Two
TD One TD Two
TD One TD Two
<pre>
pre  space1
pre  space1
pre    space2
pre    space2
pre tab
pre tab
<code> Not indented indent1 indent1 indent2 indent3 <tt> This tt text should be monospaced and wrap as if one line of text even though the code has newlines, spaces, and tabs. It should be the same size as <p> text.