252
edits
FireBrick Custom CSS: Difference between revisions
m
Layout regarding FB image at the very start
m (→Specifying custom CSS in the XML config file: intro expanded) |
m (Layout regarding FB image at the very start) |
||
|
[[File:2700-small.png|link=:Category:FireBrick]]▼
== Specifying custom CSS in the XML config file ==
You can use custom CSS to override that used by the FireBrick’s own admin webpages to customise or enhance the UI to suit your particular needs or create your own look. A user's CSS override file is specified by a URI in the XML config in an attribute on the <code><http></code> element:
</syntaxhighlight>
▲<div style="float:right; margin: -1em 0 1.5em 1.5em">[[File:2700-small.png|link=:Category:FireBrick]]</div>
Successfully implementing your own CSS customisations will involve studying the existing base CSS and XHTML files in your Firebrick. Be aware that because of CSS rules concerning specificity (see below) your own settings may sometimes not take precedence over the values given in the base CSS. To address this you will have to write rules that fit in with the existing structure of both the various CSS and XHTML files and add or successfully override property assignments. The latter is achieved by taking a close look at particular CSS selectors that are used in the base .css files. Detailed tips are given in later sections.
| |||