## [%|loc%]Cascading Style Sheet[%END%]

[% IF css_result %] [%|loc%]static css installation succeed. Reload the current page and/or check sympa logs to be sure that static css a really in use.[%END%]
[% END %] [% IF css_path %]

- [%|loc%]The css_path parameter is defined, value is[%END%] [% css_path %]
- [%|loc%]the current definition for css location (css_url parameter) is[%END%] [% css_url %] [% css_warning %].

[% ELSE %]

[%|loc(cssurl)%]Currently you have not defined the css_path parameter. You should edit the robot.conf configuration file (or if not using virtual robot, the sympa.conf file). Setting this parameter allows you to use this page to install static CSS and make sympa faster. Don't forget to set parameter css_url, it must be the URL for the directory where css are stored (current value is %1).[%END%]

[% END %]
[%|loc%]W3C CSS validation tools[%END%]

## [%|loc%]Colors[%END%]

[%|loc%]The current version doesn't include a color editor, so you need to edit robot.conf (or sympa.conf) to change colors. Here are the colors as defined for the current robot in robot.conf. If you did install statics CSS files, the colors in use may differ from this table.[%END%]

[%|loc%]parameter[%END%] | [%|loc%]parameter value[%END%] | [%|loc%]color lookup[%END%] | [%|loc%]parameter usage[%END%]
--- | --- | --- | ---

color_0

[% color_0 %]

[%|loc%]background color of:

- one out of two lines in tables, alternated with color_5. It is intended to be the darkest shade, as color_5 has other uses.

[%END%]

color_1

[% color_1 %]

[%|loc%]background color of:

- main navigation tabs;
- most of the buttons (those corresponding to the MainMenuLinks CSS class).

[%END%]

color_2

[% color_2 %]

[%|loc%]font and border color of:

- almost everything. Exceptions for borders are <TD/> borders; exceptions for fonts are links, buttons and some titles.

[%END%]

color_3

[% color_3 %]

[%|loc%]background color of:

- top box;
- footer box.

[%END%]

color_4

[% color_4 %]

[%|loc%]background color of:

- page;
- table headers;
- the rest of the buttons (which are in fact hyperlinks, corresponding to the actionMenuLinks CSS class).

[%END%]

color_5

[% color_5 %]

[%|loc%]background color of:

- all the main interface boxes;
- the lightest color for the table lines, contrasting with color_0.

[%END%]

color_6

[% color_6 %]

[%|loc%]background color of:

- active action (for example, the section of the admin options which is currently viewed, or the header corresponding to the data following which an array is currently sorted);
- hovered actions;
- hovered buttons corresponding to the actionMenuLinks CSS class;
- hovered navigation tabs.

[%END%]

color_7

[% color_7 %]

[%|loc%]background color of:

- error messages;
- just edited area in the administrative management section.

[%END%]

color_8

[% color_8 %]

[%|loc%]doted underscore color of:

- hyperlinks.

[%END%]

color_9

[% color_9 %]

[%|loc%]

- border color for active action (for example, the section of the admin options which is currently viewed, or the header corresponding to the data following which an array is currently sorted);
- border color for hovered hyperlinks corresponding to actions;
- background color for clicked links (corresponding to the .active state in a CSS).

[%END%]

color_10 | [% color_10 %] |  | [%|loc%]inactive buttons color. Rarely used.[%END%]

color_11

[% color_11 %]

[%|loc%]font color for:

- active navigation tab;
- <H2/> titles;
- hovered links;
- some hovered buttons action(which are in fact hyperlinks, corresponding to the actionMenuLinks CSS class).

[%END%]

color_12

[% color_12 %]

[%|loc%]font color for:

- the class smallblack. Not sure it is used.

[%END%]

color_13

[% color_13 %]

[%|loc%]background color of:

- editable form areas (text areas, selection lists, ...);
- the rest of hovered buttons (those corresponding to the MainMenuLinks CSS class).

[%END%]

color_14 | [% color_14 %] |  | [%|loc%]unused[%END%]
color_15 | [% color_15 %] |  | [%|loc%]unused[%END%]
dark_color | [% dark_color %] |  | [%|loc%]deprecated[%END%]
light_color | [% light_color %] |  | [%|loc%]deprecated[%END%]
text_color | [% text_color %] |  | [%|loc%]deprecated[%END%]
bg_color | [% bg_color %] |  | [%|loc%]deprecated[%END%]
selected_color | [% selected_color %] |  | [%|loc%]deprecated[%END%]
shaded_color | [% shaded_color %] |  | [%|loc%]deprecated[%END%]