Use the inbuilt CSS classes to make your content match your sites Theme.
For example, the following three HTML fragments will place your content in different styles of containers (boxes):
<div class="dc-container">Whatever you want to say here!</div>
Hello, I'm a normal box!
<div class="dc-container dc-highlight">Whatever you want to say here!</div>
Hello, I'm a highlighted box!
<div class="dc-container dc-error">Whatever you want to say here!</div>
Hello, I'm an error box!
You can also customise tables by using CSS:
<table class='dc-table dc-container'>
<tr>Â Â <th class='dc-table-header'>Column One</th>Â Â <th class='dc-table-header'>Column Two</th>Â Â <th class='dc-table-header'>Column Three</th>Â </tr>
<tr class='dc-odd'>Â Â <td class='dc-table-data'>Alex</td>Â Â <td class='dc-table-data'>Claire</td>Â Â </tr>
<tr class='dc-even'>Â Â <td class='dc-table-data'>Silvia</td>Â Â <td class='dc-table-data'>Brian</td>Â Â </tr>
<tr class='dc-odd'>Â Â <td class='dc-table-data'>Rachel</td>Â Â <td class='dc-table-data'>Josh</td>Â Â </tr>
<tr class='dc-even'>Â Â <td class='dc-table-data'>Daniel</td>Â Â <td class='dc-table-data'>Hannah</td>Â Â </tr>
<tr class='dc-odd'>Â Â <td class='dc-table-data'>Gregory</td>Â Â <td class='dc-table-data'>Joanna</td>Â Â </tr>
</table>
Alex |
Claire |
Silvia |
Brian |
Rachel |
Josh |
Daniel |
Hannah |
Gregory |
Joanna |
|