7.0

#tableOverview .subhead td {
background-color: <? generateSkinContrastColor(); ?>;
border-width: 0 1px 0 0;
border-color: #FFFFFF;
}
5.2.2 generateSkinContrastColorHighLight
The generateSkinContrastColorHighLight function retrieves the skins contrast color set in the Edit Web Design
page. A parameter can be supplied to change the tint of the color. Fractional values are used, where 0.0 will
be black, 1.0 the original color and higher values will result in a lighter tint of this color.
Below an example on how this color can be set using this function. In this case the background color of the
selected menu item will have a lighter color:
#menu .selected a {
background-color: <? generateSkinContrastColorHighLight(1.1); ?>;
}
5.2.3 generateSkinFont
The generateSkinFont function retrieves the font information set in the Edit Web Design page of the PSM Web
site. The value entered in the Edit Web Design page (Font family) can be a single font name or a comma
separated list. Below an example on how the Font family can be set using this function:
input, select, body, textarea {
font-size: 70%;
line-height: 1.3em;
font-family: <? generateSkinFont(); ?>;
}
5.2.4 generateSkinHeaderColor
The generateSkinHeaderColor function retrieves the header color information set in the Edit Web Design page
of the PSM Web site. The value entered in the Edit Web Design page can be entered manually or selected in
the color picker. Typically this color will match the background color of the company logo. This color can be
used to set the background so the logo or background image nicely blends in wich the overall design.
Below an example on how this color can be set using this function:
#header {
height: 90px;
background-image: url(<? generateSkinLogo(); ?>);
background-position: center left;
background-repeat: no-repeat;
background-color: <? generateSkinHeaderColor();?>;
width: 100%;
}
Special variables - Variables for style files
Objectif Lune Inc. © 2010 39