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
- 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.
Colors
______
Badges
______
Default Badges
badge badge red badge blue badge purple badge green badge orangewith Light Text
badge badge red badge blue badge purple badge green badge orangewith Dark Text
badge badge red badge blue badge purple badge green badge orangeRounded Corner Badges
badge badge red badge blue badge purple badge green badge orangewith Light Text
badge badge red badge blue badge purple badge green badge orangewith Dark Text
badge badge red badge blue badge purple badge green badge orangeBorder Only Badges
badge badge red badge blue badge purple badge green badge orangewith Dark Text
badge badge red badge blue badge purple badge green badge orangewith Rounded Corners
badge badge red badge blue badge purple badge green badge orangeIcon Badges
badge badge red badge blue badge purple badge green badge orangeBordered Icon Badges
badge badge red badge blue badge purple badge green badge orangeButtons
______
Callouts
also known as frame boxes, alerts, etc.
Expandable Callouts
Headline 1 for callout
Text for the callout
Headline 1 for callout
Text for the callout
Headline 1 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 |