Typography

______

h1. Standard h1

h2. Standard h2

h3. Standard h3

h4. Standard h4

h5. Standard h5
h6. Standard h6

Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Blockquotes

Simple

Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

With By Line

Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

With Quotes

Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Lists

Unordered

  • Nulla vel neque mattis, vestibulum nunc et, molestie diam.
  • Donec vitae sapien a elit faucibus venenatis et nec neque.
  • Nulla suscipit massa non neque consectetur, non blandit augue scelerisque.
  • Proin a augue eu neque malesuada cursus ut ac elit.
  • Suspendisse congue arcu vehicula sem imperdiet, quis dictum nulla ultricies.

Ordered

  1. Nulla vel neque mattis, vestibulum nunc et, molestie diam.
  2. Donec vitae sapien a elit faucibus venenatis et nec neque.
  3. Nulla suscipit massa non neque consectetur, non blandit augue scelerisque.
  4. Proin a augue eu neque malesuada cursus ut ac elit.
  5. Suspendisse congue arcu vehicula sem imperdiet, quis dictum nulla ultricies.

Colors

______

Badges

______

Default Badges

badge badge red badge blue badge purple badge green badge orange

with Light Text

badge badge red badge blue badge purple badge green badge orange

with Dark Text

badge badge red badge blue badge purple badge green badge orange

Rounded Corner Badges

badge badge red badge blue badge purple badge green badge orange

with Light Text

badge badge red badge blue badge purple badge green badge orange

with Dark Text

badge badge red badge blue badge purple badge green badge orange

Border Only Badges

badge badge red badge blue badge purple badge green badge orange

with Dark Text

badge badge red badge blue badge purple badge green badge orange

with Rounded Corners

badge badge red badge blue badge purple badge green badge orange

Icon Badges

badge badge red badge blue badge purple badge green badge orange

Bordered Icon Badges

badge badge red badge blue badge purple badge green badge orange

Callouts

also known as frame boxes, alerts, etc.

Expandable Callouts

Headline 1 for callout

Text for the callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

Headline 1 for callout

Text for the callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

Headline 1 for callout

Text for the callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

General Callouts

Headline 1 for callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

Headline 1 for callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

Headline 1 for callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

Tables

You know you hate building table after table styles. You can now use the default tables built into Centurion to fit your color scheme.

By default the table styles that Centurion uses work out of the box. Create a table and it works with the default grey. To change colors you can specify your own or you can use the ones that come pre-packed based on the color scheme above.

Default Table

 <table> 

Table Header
Content This is longer content Content Content
Content This is longer content Content Content
Content This is longer content Content Content
Table Footer

Orange Table

 <table class="orange-table striped-table"> 

Table Header
Content This is longer content Content Content
Content This is longer content Content Content
Content This is longer content Content Content
Table Footer

Blue Table

 <table class="blue-table striped-table"> 

Table Header
Content This is longer content Content Content
Content This is longer content Content Content
Content This is longer content Content Content
Table Footer

Red Table

 <table class="red-table striped-table"> 

Table Header
Content This is longer content Content Content
Content This is longer content Content Content
Content This is longer content Content Content
Table Footer

Green Table

 <table class="green-table"> 

Table Header
Content This is longer content Content Content
Content This is longer content Content Content
Content This is longer content Content Content
Table Footer

Black Table

 <table class="black-table"> 

Table Header
Content This is longer content Content Content
Content This is longer content Content Content
Content This is longer content Content Content
Table Footer