Difference between revisions of "Project Style"
| Line 46: | Line 46: | ||
popup-shadow=0 0 0 3px yellow | popup-shadow=0 0 0 3px yellow | ||
| − | {{note|A css color can be specified as | + | {{note|A '''css color''' can be specified as |
*hex value: #<rr><gg><bb>, | *hex value: #<rr><gg><bb>, | ||
*color name (red,blue,white...) | *color name (red,blue,white...) | ||
| Line 52: | Line 52: | ||
*rgba(<r>,<g>,<b>,<alpha>) | *rgba(<r>,<g>,<b>,<alpha>) | ||
}} | }} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 17:42, 8 January 2014
The appearance of a project is defined mainly by the selected skin. It can be customized by specifying a project style or by adding a "custom.css" file to the project's directory.
The project style attribute requires a list of semicolon separated attribute ids and values. What follows is a list of all the possible ids and how they affect the skin's appearance.
Contents
body-background-color
Defines the color of the overall background (outside the project's page area). Requires a css color as value. E.g.
body-background-color=red
pages-background-color
Defines the color of the pages' background. Requires a css color as value. E.g.
pages-background-color=rgba(255,255,0)
pages-shadow
Defines the shadow of the project's pages area. Requires a css shadow as value. E.g.
pages-shadow=0 0 0 3px yellow
header-background-color
Defines the color of the page header's background. Requires a css color as value. E.g.
header-background-color=#0000FF
Defines the color of the page footer's background. E.g.
footer-background-color=rgba(0,0,255,0.5);
popup-background-color
Defines the color of the popup's background. Requires a css color as value. E.g.
popup-background-color=purple
popup-shadow
Defines the shadow of the project's pages area. Requires a css shadow as value. E.g.
popup-shadow=0 0 0 3px yellow
- hex value: #<rr><gg><bb>,
- color name (red,blue,white...)
- rgb(<r>,<g>,<b>)
- rgba(<r>,<g>,<b>,<alpha>)
