Changes between Version 15 and Version 16 of CookBook/SiteStyleCss
- Timestamp:
- Aug 7, 2015, 7:12:09 PM (9 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
CookBook/SiteStyleCss
v15 v16 1 1 = Interface Customization using site/style.css 2 2 3 This page has some useful site styling tips. The snippets below should be included in sidethe style.css referenced from the [SiteHtml site.html] file. Typically these are used to differentiate one Trac installation from another. **See [TracInterfaceCustomization#SiteAppearance Trac Interface Customization] for information on enabling a style.css.**3 This page has some useful site styling tips. The snippets below should be included in the style.css referenced from the [SiteHtml site.html] file. Typically these are used to differentiate one Trac installation from another. **See [TracInterfaceCustomization#SiteAppearance Trac Interface Customization] for information on enabling a style.css.** 4 4 5 5 == Get the "Red" Out 6 6 7 The theme of a the basic Trac installation is Red and Black on White. To change most of the Red (!#b00) used in Trac to for example Blue (!#00b):7 The theme of a basic Trac installation is Red and Black on White. To change most of the Red (!#b00) to for example Blue (!#00b) apply the following style: 8 8 9 {{{ 10 #!css 9 {{{#!css 11 10 :link, :visited, dt em, .milestone .info h2 em, 12 11 #metanav form.trac-logout button, … … 25 24 }}} 26 25 27 This will change most of the Red in Trac a ndin Bitten. However some additional plugins may still use Red where it would be desired to use the new theme color.26 This will change most of the Red in Trac as well as in Bitten. However some additional plugins may still use Red where it would be desired to use the new theme color. 28 27 29 28 == Change The Citation Colors … … 38 37 > > > > Fourth level 39 38 > > > > > And levels above. 39 40 40 To changes these colors away from the defaults of dark-red !#b44, dark-blue !#4b4, dark-green !#44b, and medium-red !#c55, in this example to dark-blue !#44b, dark-red !#b44, dark-green !#4b4, and dark-blue !#44b: 41 {{{ 42 #!css 41 {{{#!css 43 42 blockquote.citation { border-color: #44b; } 44 43 .citation blockquote.citation { border-color: #b44; } … … 50 49 51 50 The main navigation bar (Wiki, Timeline, Roadmap, Browse Source, View Tickets, New Tickets, Search) appears in black on white. To change the background color to for example a pale blue: 52 {{{ 53 #!css 51 {{{#!css 54 52 #mainnav li { 55 53 background-color: #eef; … … 60 58 61 59 To make most of the smaller fonts larger (tested only on version 0.12): 62 {{{ 63 #!css 60 {{{#!css 64 61 #search input { font-size: 13px; } 65 62 .nav ul { font-size: 12px; } … … 73 70 74 71 Use the full width of the browser window for ticket display: 75 {{{ 76 #!css 72 {{{#!css 77 73 #content.ticket { 78 74 width: auto;