ColoursNote that there are many other colours available. See the FSS Cheat Sheet for specifics.
Wiki Markup |
---|
{html}
<div class="demo-text-colours">
<p class="fl-text-aqua">This paragraph is "aqua" coloured.</p>
<p class="fl-text-fuchsia">This paragraph is "fuchsia" coloured.</p>
<p class="fl-text-olive">This paragraph is "olive" coloured.</p>
<p class="fl-text-teal">This paragraph is "teal" coloured.</p>
<p class="fl-text-yellow">This paragraph is "yellow" coloured.</p>
</div>
{html} |
The markup and classes used to produce this example: Code Block |
---|
|
<p class="fl-text-aqua">This paragraph is "aqua" coloured.</p>
<p class="fl-text-fuchsia">This paragraph is "fuchsia" coloured.</p>
<p class="fl-text-olive">This paragraph is "olive" coloured.</p>
<p class="fl-text-teal">This paragraph is "teal" coloured.</p>
<p class="fl-text-yellow">This paragraph is "yellow" coloured.</p>
|
NOTE: The fl-text-* classes are applied to the paragraph tags and so apply only that paragraph. The class could be applied to a <div> surrounding many paragraphs to apply the style to all paragraphs. Highlight Colours Wiki Markup | {html}
<div class="demo-text-colours">
<p class="fl-highlight-yellow">This paragraph has "yellow" highlight.</p>
<p class="fl-highlight-green">This paragraph has "green" highlight.</p>
<p class="fl-highlight-blue">This paragraph has "blue" highlight.</p>
</div>
{html}The markup and classes used to produce this example: Code Block |
---|
|
<p class="fl-highlight-yellow">This paragraph has "yellow" highlight.</p>
<p class="fl-highlight-green">This paragraph has "green" highlight.</p>
<p class="fl-highlight-blue">This paragraph has "blue" highlight.</p>
|
NOTE: The fl-highlight-* classes are applied to the paragraph tags and so apply only that paragraph. The class could be applied to a <div> surrounding many paragraphs to apply the style to all paragraphs. |