Edgewall Software

Changes between Version 15 and Version 16 of CookBook/SiteStyleCss


Ignore:
Timestamp:
Aug 7, 2015, 7:12:09 PM (4 years ago)
Author:
figaro
Comment:

Cosmetic changes and typo

Legend:

Unmodified
Added
Removed
Modified
  • CookBook/SiteStyleCss

    v15 v16  
    11= Interface Customization using site/style.css
    22
    3 This page has some useful site styling tips. The snippets below should be included inside 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.**
     3This 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.**
    44
    55== Get the "Red" Out
    66
    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):
     7The 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:
    88
    9 {{{
    10 #!css
     9{{{#!css
    1110:link, :visited, dt em, .milestone .info h2 em,
    1211#metanav form.trac-logout button,
     
    2524}}}
    2625
    27 This will change most of the Red in Trac and in Bitten. However some additional plugins may still use Red where it would be desired to use the new theme color.
     26This 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.
    2827
    2928== Change The Citation Colors
     
    3837> > > > Fourth level
    3938> > > > > And levels above.
     39
    4040To 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
    4342blockquote.citation { border-color: #44b; }
    4443.citation blockquote.citation { border-color: #b44; }
     
    5049
    5150The 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
    5452#mainnav li {
    5553 background-color: #eef;
     
    6058
    6159To make most of the smaller fonts larger (tested only on version 0.12):
    62 {{{
    63 #!css
     60{{{#!css
    6461#search input           { font-size: 13px; }
    6562.nav ul                 { font-size: 12px; }
     
    7370
    7471Use the full width of the browser window for ticket display:
    75 {{{
    76 #!css
     72{{{#!css
    7773#content.ticket {
    7874 width: auto;