Formatting
Gaia is designed with a great attention to content formatting. It is styled such way that standard HTML code for formatting of content (nested lists, block quotes, code blocks, tables, etc.) will look natural and won't break your website's layout.
Besides that, it can introduce more depth to your content by providing a couple of additional markup patterns. You will see what I mean below.
Block quotes
Standard block quote looks that way:
This is a block quote.
This is some great quotation I like.
— Great Guy
By adding 'inline' class to your blockquote element, you can make it look like that. (See to the right)
You can use the following Textile markup for this:
.bq(inline) This is some great quotation. <br /><cite>— Great Guy</cite>
To make the width of the quotation bigger, use the following syntax:
.bq(inline one-half) This block quote takes half of the content block
.bq(inline two-thirds) This block quote takes two thirds of the content block
Images
Use the following markup pattern for images among content:
p(img). !http://example.com/path-to-the-image.jpg!
They will float to the right. If you want to place them on the left, use the 'alt' class:
p(img alt). !http://example.com/path-to-the-image.jpg!
If you have a ~580px image that should take the full fidth of content, use the 'full-width' class:
p(img full-width). !http://example.com/path-to-the-image.jpg!