FireBrick Custom CSS: Difference between revisions
Content deleted Content added
Created page with "frame|Custom colour " |
No edit summary |
||
| Line 1: | Line 1: | ||
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 ]] |
[[File:Firebrick-css.png|frame|Custom colour ]] |
||
The css file is set in the config in the <http section: |
|||
<http css-url="http://example.com/css/myfb.css"> |
|||
For example, to change the header and footer bas from red to blue: |
|||
div.header { |
|||
background: inherit; |
|||
background-color: #000080; |
|||
background: -moz-linear-gradient(top, #000080 0px, #202080 100%); |
|||
background: -webkit-gradient(linear, top, bottom, color-stop(0%,#000080), color-stop(100%,#202080)); |
|||
background: -webkit-linear-gradient(top, #000080 0%,#202080 100%); |
|||
background: -o-linear-gradient(top, #000080 0%,#202080 100%); |
|||
background: -ms-linear-gradient(top, #000080 0%,#202080 100%); |
|||
background: linear-gradient(top, #000080 0%,#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: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000080), color-stop(100%,#202080)); |
|||
background: -webkit-linear-gradient(top, #000080 0%,#202080 100%); |
|||
background: -o-linear-gradient(top, #000080 0%,#202080 100%); |
|||
background: -ms-linear-gradient(top, #000080 0%,#202080 100%); |
|||
background: linear-gradient(top, #000080 0%,#202080 100%); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000080', endColorstr='#202080')"; |
|||
} |
|||
