Theme Builder Plugin

[All Adaptavist Apps]

Page tree

Versions Compared

Old Version 16

changes.mady.by.user Unknown User (gfraser)

Saved on

compared with

New Version Current

changes.mady.by.user Unknown User (gwilson)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

Overview

...

Image Added

Excerpt

This document article explains how which style sheets are loaded in by Theme Builder 3.x.., under what circumstances and in what order.

Overview

Theme Builder 3 loads several style sheets in the following order:, most of which are optional or editable, as shown in the diagram to the right.

The All style sheets are loaded as resources , rather than embedding them directly in the HTML , to reduce security risks and enable browser caching of the CSS.

Each subsequent style sheet can override any styles defined in previous style sheets, for example the "Combined CSS" can override any settings in both the "Menu Style Sheets" and "Confluence CSS".

...

  • Imports, edited via the CSS Tab
  • General Builder CSS, in-built styles required by the theme
  • Panel CSS, configured via Panel Editor
  • Custom CSS, edited via the CSS Tab

...

This style sheet is customised via the CSS Tab and is unique in that it only gets loaded if the end-user is browsing your wiki with Internet Explorer 5.5 or above by default. You can customise the version of Internet Explorer for which the style sheet by editing the conditional IF statement on the CSS tab.

Each layout has it's own version of the IE CSS which is intelligently cached for all pages viewed using that layout.

...

Expand
What if I want to embed styles directly in the HTML?
What if I want to embed styles directly in the HTML?

We don't recommend doing this as it will prevent them from being cached and will also increase the size of every HTML page generated by Confluence.

However, if you want to embed styles in this way, use Confluence's Custom HTML feature (which can be found in the Administration Console) and add your markup to the <head> section.

...