|
[[File:2700-small.png|link=:Category:FireBrick]]
== Specifying custom CSS in the XML config file ==
You can use custom css to override the css used on the FireBrick admin pages to create your own look.
[[File:Firebrick-css.png|frame|Custom colour header by using css]] ▼
The css file is set in the config in the <http section:
<http css-url="http://example.com/css/myfb.css">
== Example - changing colours ==
▲[[File:Firebrick-css.png|frame|Custom colour header by using css]]
For example, to change the header and footer bar from red to blue, create your myfb.css file as:
div.header {
background: inherit;
background-color: #000080; ▼
background: -moz-linear-gradient( top, #000080 0px, #202080 100% );
▲ background-color: #000080;
background: -moz-linearwebkit-gradient( linear, top, bottom, color-stop( 0%, #000080 0px), #202080color-stop( 100%, #202080 ) );
background: -webkit-linear-gradient(linear, top, bottom,#000080 color-stop(0%, #000080),202080 color-stop(100%,#202080) );
background: -webkito-linear-gradient( top, #000080 0%, #202080 100% );
background: -oms-linear-gradient( top, #000080 0%, #202080 100% );
background: -ms-linear-gradient( top, #000080 0%, #202080 100% );
-ms-filter: background"progid: linear-DXImageTransform.Microsoft.gradient(top, startColorstr = '#000080', 0%,endColorstr = '#202080' 100%)";
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000080', endColorstr='#202080')";
}
div.footer {
background: inherit;
background-color: #000080; ▼
background: -moz-linear-gradient( top, #000080 0px, #202080 100% );
▲ background-color: #000080;
background: -webkit-gradient( linear, left top, left background:bottom, color-moz-linear-gradientstop(top 0%, #000080 0px), #202080color-stop( 100%, #202080 ) );
background: -webkit-linear-gradient(linear, left top, left#000080 bottom, color-stop(0%, #000080),202080 color-stop(100%,#202080) );
background: -webkito-linear-gradient( top, #000080 0%, #202080 100% );
background: -oms-linear-gradient( top, #000080 0%, #202080 100% );
background: -ms-linear-gradient( top, #000080 0%, #202080 100% );
-ms-filter: background"progid: linear-DXImageTransform.Microsoft.gradient(top, startColorstr = '#000080', 0%,endColorstr = '#202080' 100%)";
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000080', endColorstr='#202080')";
}
</syntaxhighlight>
| 