2.2

PrintShop Web Skinning Guide | 38
The list items have two class selectors. The first defines the indent level. The sub menu of the Settings
section uses sub levels for the items that relate to the Email subsection. The second selector is
optional and will only be set to mark the selected menu item. This allows you to visually mark the
selected item by changing its style in the style documents.
#submenu li.level0{
}
#submenu li.level1{
padding-left: 1.5em;
}
#submenu .selected{
font-weight: bold;
}
Multiple sub menus
The Template.php file allows pages to have multiple sub menus. The source code of such a page
has a unique id for each sub menu. In the style documents these IDs are grouped by separating each
selector with a comma:
#submenu li.level0, #submenu1 li.level0, #submenu2 li.level0{
}
#submenu li.level1, #submenu1 li.level1, #submenu2 li.level1{
padding-left: 1.5em;
}
#submenu .selected, #submenu1 .selected, #submenu2 .selected {
font-weight: bold;
}