CSS Styles

Headings

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

This is a heading 1 Element

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.

This is a heading 2 Element

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.

This is a heading 3 Element

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.

This is a heading 4 Element

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.

This is a heading 5 Element

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.

This is a heading 6 Element

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.

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">

• 

  News/Blog Posts List

  25 DIC 2010 32 Comments View

• 

  News/Blog Posts List

  25 DIC 2010 32 Comments View

• 

  News/Blog Posts List

  25 DIC 2010 32 Comments View

The "post-list" style can include the following HTML elements: IMG, A, P. Below is a sample implementation of the style.

<ul class="post-list">
  <li>
    <img src="image.jpg" alt=""/>
    <h3><a href="#">Title</a></h3>
    <p>Description text for this entry.</p>
  </li>

  <li>
    <img src="image.jpg" alt=""/>
    <h3><a href="#">Title</a></h3>
    <p>Description text for this entry.</p>
  </li>

  <li>
    <img src="image.jpg" alt=""/>
    <h3><a href="#">Title</a></h3>
    <p>Description text for this entry.</p>
  </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

Right Align Button Red Button Blue Button

<a href="#" class="button-right">Right Align Button</a>
<a href="#" class="button-red">Red Button</a>
<a href="#" class="button">Blue Button</a>

Alert Styles

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