Changes between Version 16 and Version 17 of CookBook/SiteStyleCss
- Timestamp:
- Mar 6, 2023, 11:10:16 AM (14 months ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
CookBook/SiteStyleCss
v16 v17 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 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.** 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. 4 5 See [TracInterfaceCustomization#SiteAppearance Trac Interface Customization] for information on enabling a style.css. 4 6 5 7 == Get the "Red" Out … … 24 26 }}} 25 27 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 This will change most of the Red in Trac as well as in Bitten. However, plugins may still use Red where it would be desirable to use the new theme color, in which case the styling changes need to be applied on a plugin-by-plugin basis too. 27 29 28 30 == Change The Citation Colors 29 31 30 The above section gets all of the Red used in Trac except the color used in the first level of the citation (`>`) markup.32 The changes described above do not affect all styling in Trac, and one such area is the first level of citation (`>`) markup: 31 33 > Example.[[br]] 32 34 > More Example. 33 However this is actually the first of a series of four colors .35 However this is actually the first of a series of four colors: 34 36 > First level 35 37 > > Second level … … 38 40 > > > > > And levels above. 39 41 40 To change sthese 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:42 To change 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 43 {{{#!css 42 44 blockquote.citation { border-color: #44b; } … … 48 50 == Adding Background Color to the Main Navigation Bar 49 51 50 The main navigation bar (Wiki, Timeline, Roadmap, Browse Source, View Tickets, New Tickets, Search) appears in black on white. 52 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: 51 53 {{{#!css 52 54 #mainnav li {