Theme Builder Plugin

[All Adaptavist Apps]

Page tree

Versions Compared

Old Version 14

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

Saved on

compared with

New Version 15

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

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Note: The IE CSS is only included for Internet Explorer version 5.5 and above.

...

Importing External CSS Resources

If you have externally hosted CSS files (eg. if your site is super-popular you might have them hosted on a CDN, etc) you can use this the Imports tab to import them in to a layout.

Normally this approach won't be required with Theme Builder 3 because you can use Layout Hierarchy to centrally define your CSS and then have child layouts automatically inherit that CSS and any subsequent changes.

Expand
What's the syntax?
What's the syntax?

When you import a CSS file the syntax is generally in the form:

Code Block
@import url(http://www.adaptavist.com/download/attachments/7286/bar.css);

You should never put quotes around the URL to the CSS file as this will cause problems with some browsers!

Some browsers will block the imported CSS file if it comes from a different domain to your wiki. For example, if your wiki was on wiki.foo.com and your CSS was on www.bar.com then depending on the browser settings it might not get imported.

To work round that issue, it's always best to store the CSS file on the same domain as your wiki, for example you can attach the .css file to a page in your wiki. For more information see Creating CSS Files.

If your wiki can be accessed from multiple domain names and the CSS file is stored in the wiki, you should use a relative URL, for example:

Code Block
@import url(/download/attachments/7286/bar.css);

Imported CSS Resources are loaded before the Custom CSS and IE CSS. For more details, please see Style Sheets 3.x.

If you are using a Content Delivery Network (CDN) to host CSS files externally, please refer to the CDN documentation for information regarding best practice regarding importing of CSS files.

Options

There are several options which allow you to further customise which CSS resources are used by the layout. These options are intended for "power users" who need extreme levels of control in their quest for perfection. If you don't understand these options, leave them ticked (wink)

...