CSS Styles

Headings

Samples of the heading text for this theme: h1, h2, h3, h4, h5, h6

This is a heading 1 Element

This is a heading 2 Element

This is a heading 3 Element

This is a heading 4 Element

This is a heading 5 Element

This is a heading 6 Element

List styles

Bulleted lists:

At vero eos et accusamus et iusto voluptatum delen atque corrupti quos dolores et quas molestias.
Excepturi sint occaecati cupiditate non provident, similique sunt culpa tofficia deserunt mollitia animi.
Id est laborum et are dolorum fuga.
Et harum quidem rerum facilis est et expedita in distinctmolest excepturi sint occaecati lobortis for Cras lobortis mauris vel diam.
Malesuada mattis aliquam urna imperdiet. Nullam tempor velit sit amet libero are aretra dignissim.

Numbered lists:

At vero eos et accusamus et iusto odio delen atque corrupti quos dolores et quas molestias.
Excepturi sint occaecati cupiditate non provident, similique sunt culpa tofficia deserunt mollitia animi.
Id est laborum et are dolorum fuga.
Et harum quidem rerum facilis est et expedita in distinctmolest excepturi sint occaecati lobortis for Cras lobortis mauris vel diam.
Malesuada mattis aliquam urna imperdiet. Nullam tempor velit sit amet libero are aretra dignissim.

Custom Lists:

A custom list style for displaying previews of news or blog posts. <ul class="post-list">

12comments
Duis aute irure dolor in reprehenderit in voluptate
March 29, 2010
19comments
Quis nostrud exercitation ullamco laboris
February 12, 2010
0comments
Tempor incididunt ut labore et dolore magna aliqua
January 28, 2010
28comments
Lorem ipsum dolor sit amet
December 17, 2009

Below is a sample implementation of the style.

<ul class="post-list">
  <li>
    <a href="#" class="comments"><span>N COMMENTS</span>comments</a>
    <h4><a href="#">TITLE</a></h4>
    <span class="date">DATE</span>
  </li>
</ul>

Blockquote

Nullam dolor justo, elementum nec euismod vel, feugiat quis enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris nec nibh quis est volutpat venenatis.

Other Text

link <a href="#">

abbr <abbr title="example">

acronym <acronym title="example">

This is cited. <cite>

~~Deleted text~~ <del>

Inserted text <ins>

With emphysis <em>

Strong (bold) <strong>

Code text sample <code>

Buttons

Small Medium Big Button

<a href="#" class="button-small">Small</a>
<a href="#" class="button">Medium</a>
<a href="#" class="button-big">Big Button</a>

Alert Styles

Error...

At vero eos et accusamus et iusto voluptatum delen atque corrupti quos dolores et quas molestias.

Did you know?

At vero eos et accusamus et iusto voluptatum delen atque corrupti quos dolores et quas molestias.
Excepturi sint occaecati cupiditate non provident, similique sunt culpa tofficia deserunt mollitia animi.
Id est laborum et are dolorum fuga.
Malesuada mattis aliquam urna imperdiet. Nullam tempor velit sit amet libero are aretra dignissim.

Thank you!

Id est laborum et are dolorum fuga :)

Table layout

	Title	Title	Title	Title
Item	value / option	value / option	value / option	value / option
Item	value / option	value / option	value / option	value / option
Item	value / option	value / option	value / option	value / option
Item	value / option	value / option	value / option	value / option
Item	Buy It	Buy It	Buy It	Buy It