7.0

Table Of Contents

...

// Page Specific Items

<? include_once "style-pagespecific.php" ?>

4.2.2 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 PSM

Web 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;

}

4.2.3 Browser exceptions

To solve browser specific rendering issues you can create style exceptions for a specific browser or browser

version. Below a snippet from the style-moz.php exception file (FireFox).

** Mozilla specific style sheet entries

* {

-moz-box-sizing: border-box;

}

.formLabel, .downloadLineLabel, .formStatic, .fieldComment, .formStaticUnits,

.formStaticPrice, .formLink, .formStaticFlex, .formSelect, .formField,

.formFieldNoWidth, .progressLabel, .progressBarWrapper, .progressBarItemDone,

.progressBarItemTodo, .warningLabel, .warningIcon, .warningItem

{

display: table-cell;

}

Search order

The search order is as follows:

1. browsername

2. browsername-version

3. browsername-os

4. browsername-os-version

Styling - Style organization