Versions Compared

Old Version 1

changes.mady.by.user Anastasia Cheetham

Saved on

compared with

New Version Current

changes.mady.by.user heidi valles

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Include Page
Infusion13:Styles for FSS examplesInfusion13:
Styles for FSS examples
Section
Column
Include Page
FSS text examples

...

Div
classfl-col-mixed-200
Wiki Markup
{div2:class=fl-col-fixed fl-force-left} {include:FSS text examples navigation} {div2} {div2:class=fl-col-flex} h2. Colours {html} {html} The markup and classes used to produce this example: {code:html} {code} {div2}
navigation
FSS text examples navigation
Include Page
FSS Links Panel
FSS Links Panel
Column

Colours

Note that there are many other colours available. See the FSS Cheat Sheet for specifics.

The markup and classes used to produce this example:

Code Block
html
html

<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

The markup and classes used to produce this example:

Code Block
html
html

<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.