Lists

This sub-area consists of a set of items that belong to a particular category. The following elements of the sub-area can be customized:

List area

  1. Operations on lists
  2. List header
  3. List sorted by selected parameter
  4. List rows

Customization samples

UI Element

Selector

CSS code sample

  • Operations on lists

.buttons .commonButton span

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

.buttons .commonButton span {

text-decoration: underline;

}

in buttons.css:

#bid-show-all span {

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

}

  • List header

th

th {

text-align: left;

background: #D6DFF7;

border-right: 1px solid #ffffff;

border-bottom: 1px solid #ffffff;

}

 

th a:link,

th a:visited {

color: #000000;

text-decoration: none;

}

 

th a:hover {

text-decoration: underline;

}

  • List sorted by selected parameter

.sort

.sort {

background-color: #ABBEEF;

}

  • List rows

.oddrowbg - for odd rows

.evenrowbg - for even rows

.evenrowbg {

background-color: #F0F0F0;

}

.oddrowbg {

background-color: #f0f0f0;

}