2.1
PrintShop Web Skinning Guide | 19
You can insert comments in CSS to explain your settings. Like HTML comments, CSS comments will
be ignored by the browser. A CSS comment begins with "/*", and ends with "*/".
/* Submenu and Search items start here */
#search, #submenu, #submenu1, #submenu2, #preview, #summary {
width: 100%;
}
/*
multi-line
comment here
*/
Global styles
The Style.php file holds the style definitions that apply to all pages in the system. At the beginning
of the file the skin_customization.php file is included using the PHP include_once function. The
skin_customization.php allows you to use web design parameters like colors and fonts that can be
specified per company (Edit Web Design). Please refer to the Special Variables chapter for more
information regarding this option.
<?php include_once "../../functions/skin_customization.php" ?>
At the end of the Style.php a separate style document is included. That document holds the page
specific styles (exceptions). You could also add your exceptions to the main style file.
/* Page Specific Items */
<? include_once "style-pagespecific.php" ?>
Page specific styles
Each page comes with a body tag that has a unique class (there can only be one body tag in a HTML
page). This class set on the <body> tag allows you to create page specific exceptions. In the skins
supplied with PSW the page specific styles are stored in the style-pagespecific.php file. This file is
included at the end of the style.php file.
/* The width of the required date field is changed for the order_information and
order_edit page*/
body.order_information #fdRequiredDateField,
body.order_edit #fdRequiredDateField{
width: 10em;
}