7.1

</ul>
</span>
</div>
</div>
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{
text-indent: 2px;
background-color: <? generateSkinContrastColor(); ?>;
background: #D9E1E5 url('images/nav_bg.gif');
background-repeat: repeat-x;
background-position: top left;
border-top: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
}
#submenu li.level1{
padding-left: 1em;
}
#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;
}
©2010 Objectif Lune Inc - 239 -