Difference between revisions of "Project Style"

From HSYCO
Jump to navigation Jump to search
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>)
 
}}
 
}}
 
{{note|Foo}}
 
 
 
{{tip|Loose test}}
 

Revision as of 18: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.

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

footer-background-color

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
A css color can be specified as
  • hex value: #<rr><gg><bb>,
  • color name (red,blue,white...)
  • rgb(<r>,<g>,<b>)
  • rgba(<r>,<g>,<b>,<alpha>)