Style Guide

Buttons

Contribute Content

Contribute Content

Contribute Content

Contribute Content

<a href="#" class="button">Contribute Content</a>
<a href="#" class="button padded">Contribute Content</a>
<a href="#" class="button button-alt">Contribute Content</a>
<a href="#" class="button button-alt padded">Contribute Content</a>

Stand out content

To create a stand out box, like the one on the right, use this shortcode:

[aside title="Your Heading"]Your content.[/aside]

Two Column

<div class="cols two-col">
	<div class="col">
		...
	</div>

	<div class="col">
		...
	</div>
</div>

Three Column

<div class="cols three-col">
	<div class="col">
		...
	</div>
	<div class="col">
		...
	</div>
	<div class="col">
		...
	</div>
</div>

Four Column

<div class="cols four-col">
	<div class="col">
		...
	</div>

	<div class="col">
		...
	</div>

	<div class="col">
		...
	</div>

	<div class="col">
		...
	</div>
</div>

Tables

Heading Heading Heading Heading Heading
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum ipsum lorem ipsum
… ipsum lorem ipsum ipsum lorem ipsum ipsum lorem ipsum ipsum lorem ipsum
<table>
<tr>
	<th>Heading</th>
	<th>Heading</th>
	<th>Heading</th>
</tr>
<tr>
	<td>...</td>
	<td>.../td>
	<td>...</td>
</tr>
<tr>
	<td>...</td>
	<td>...</td>
	<td>...</td>
</tr>
</table>