Styled Elements Included in Oceanic Premium WordPress Theme
[highlight_text] Sometimes we need to use the old school tables for tubular data and to ensure everything looks as good as it can be and for this we have included custom styles for your tables. Sometimes we need to pack a large amount of information in to a small space and for this we have also included easy to create tabbed areas and accordion areas – all beautifully styled to perfection. [/highlight_text]
[hr]
A shiny CSS Styled Table
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
|---|---|---|---|---|
| Data Info 1 | Data Info 2 | Data Info 3 | Data Info 4 | Data Info 5 |
| Data Info 1 | Data Info 2 | Data Info 3 | Data Info 4 | Data Info 5 |
| Data Info 1 | Data Info 2 | Data Info 3 | Data Info 4 | Data Info 5 |
| Data Info 1 | Data Info 2 | Data Info 3 | Data Info 4 | Data Info 5 |
| Data Info 1 | Data Info 2 | Data Info 3 | Data Info 4 | Data Info 5 |
[hr]
Another example of a styled table
| Free | Personal | Pro | |
|---|---|---|---|
| 24/7 Management |  |
|
|
| Unlimited Domains |  |
|
|
| Version Updates | |
|
|
| $0 | $49 | $99 | |
| Order Now! | Order Now! | Order Now! |
[hr]
A fully styled accordion area
{accordion=Accordion 1}
Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla.
[full]Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi. Duis tincidunt, felis et luctus placerat, ipsum libero vestibulum sem, vitae elementum wisi ipsum a metus. Nulla a enim sed dui hendrerit lobortis. Donec lacinia vulputate magna. Vivamus suscipit lectus at quam.[/full]
[quote]Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. Nulla facilisi. Duis tincidunt, felis et luctus placerat, ipsum libero vestibulum sem, vitae elementum wisi ipsum a metus. Nulla a enim sed dui hendrerit lobortis. Donec lacinia vulputate magna. Vivamus suscipit lectus at quam. Morbi euismod enim eget neque. Donec sagittis massa.[/quote]
{/accordion}
{accordion=Accordion 2}
Contents
{/accordion}
[hr]
A Fully styled tabbed area with styled table on last tab
{tab=Feature 1}
Some awesome title for this first section
[highlight_text]Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum.[/highlight_text]
Morbi euismod magna ac lorem rutrum elementum. Here is a fancy link with fade in tooltip. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu.
[highlight_button_blue]Buy Now![/highlight_button_blue]
{tab=Benefit 1}
Some awesome title for this second section
[highlight_text]Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum.[/highlight_text]
Morbi euismod magna ac lorem rutrum elementum. Here is a fancy link with fade in tooltip. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu.
[highlight_button_blue]Buy Now![/highlight_button_blue]
{tab=Feature 2}
Some awesome title for this third section
[highlight_text]Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum.[/highlight_text]
Morbi euismod magna ac lorem rutrum elementum. Here is a fancy link with fade in tooltip. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu.
[highlight_button_blue]Buy Now![/highlight_button_blue]
{tab=Benefit 2}
Some awesome title for this fourth section
Simply add your table structure and all styles are included in the theme for a perfectly matching, super clean and usable table!
| Free | Personal | Pro | |
|---|---|---|---|
| 24/7 Management | |
|
|
| Unlimited Domains | |
|
|
| Version Updates | |
|
|
| $0 | $49 | $99 | |
| Order Now! | Order Now! | Order Now! |
{/tabs}
[hr]