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:

1. At vero eos et accusamus et iusto odio delen atque corrupti quos dolores et quas molestias.
2. Excepturi sint occaecati cupiditate non provident, similique sunt culpa tofficia deserunt mollitia animi.
3. Id est laborum et are dolorum fuga.
4. Et harum quidem rerum facilis est et expedita in distinctmolest excepturi sint occaecati lobortis for Cras lobortis mauris vel diam.
5. 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

Table layout