The following elements of the Navigation area can be customized:

Table 4. Left navigation area customizable elements
UI element |
File |
Code sample |
|---|---|---|
Background |
|
.sb-leftmenu {
background-color: #6e89dd; } |
Logotype image |
|
.sb-leftmenu-panel-header {
background-image: url(images\panel_header_bg.gif); top right; background-repeat: no-repeat; background-color: #ffffff; padding-right: 5px; padding-left: 10px; width: 99%; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #215dc6; font-size: 11px; } |
Navigation section header |
|
.sb-leftmenu-panel-header-text {
color:#215DC6; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; } |
Expand/collapse navigation section |
|
|
Navigation section area |
|
.sb-leftmenu-panel-content {
background-color:#D6DFF7; background-image:url(images\white_pixel.gif); background-position:left top; background-repeat:repeat-y; } |
Navigation item |
|
.sb-leftmenu-text { color:#215DC6;
font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; text-decoration:underline; white-space:nowrap; } |
Selected navigation item |
|
.sb-leftmenu-text-active {
background-color:#3878BF; color:#FFFFFF; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; padding:2px 3px; text-decoration:none; white-space:nowrap; } |
Context help |
|
.sb-short-help {
color:#474747; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; } |
'Powered by' logotype image and text |
|
.sb-leftmenu-copyright td {
color: #bcc9f0; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; height: 100%; vertical-align: middle; padding: 0 0 5 0; } |