Style Guide
Buttons
<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>