Main Screen Elements

The main screen consists of two smaller parts:

Main area

  1. Screen title. The title of the currently displayed screen.
  2. Screen content. The currently available (visible) operations.
    It consists of the following sub-areas:

In this section:

Screen Title Elements

Screen Content Elements

Screen Title Elements

The following screen title elements can be customized:

Title area

  1. Path bar
  2. Title
  3. Title area links

Customization samples

UI Element

Selector

CSS code sample

  • Path bar

.pathbar

.pathbar { background: #ffffff;

color: #444444; }

.pathbar a:link, .pathbar a:visited, .pathbar a:hover {

color: #444444; }

  • Title

.screenTitle

.pathbar a:link, .pathbar a:visited,

.pathbar a:hover {

color: #444444; }

  • Title area links

.uplevel .commonButton span

Icons can be changed using the following ID's in buttons.css:

#bid-up-level

#bid-favorite-add

#bid-shortcut-add

#bid-desktop-customize

.uplevel .commonButton span {

text-decoration: underline; }

in buttons.css:

#bid-up-level span {

background-image: url(../../images/btn_uplevel_bg.gif);

}

 

Screen Content Elements

The screen content consists of the following sub-areas:

The following elements are common for all sub-areas of the screen content:

General screen content

  1. Frame title
  2. Frame border
  3. Background

Customization samples

UI Element

Selector

CSS code sample

  • Frame title

body

body {

background: #F9F8F8;

}

  • Frame border

fieldset

fieldset {

}

Presently not available, using default value.

  • Background

legend

legend {

color: #0046D5;

}