Tools

This sub-area is comprised of shortcuts to the operations that you can perform through the control panel. The following elements of the sub-area can be customized:

Tools area

  1. Tool
  2. Tool (disabled)
  3. Separator line

Customization samples

UI Element

Selector

CSS code sample

  • Tool

.toolsArea .commonButton

Icons are customized through ID's (e.g. #bid-report) in buttons.css

.toolsArea .commonButton {

text-decoration: underline;

}

in buttons.css:

#bid-report {

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

}

  • Tool (disabled)

.toolsArea span.commonButton

Icons are customized through ID's (e.g. #bid-register-disabled) in buttons.css

.toolsArea span.commonButton {

color: #999999;

text-decoration: none;

}

in buttons.css:

#bid-register-disabled {

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

}

  • Separator line

hr

hr {

color: #cccccc;

background-color: #cccccc;

height: 1px;

}