Information block

The following elements of the sub-area can be customized:

Tools area

  1. Header
  2. Title
  3. Content
  4. Footer
  5. Footer link

Customization samples

UI Element

Selector

CSS code sample

  • Header
  • Title

.dBoxHeaderArea

.dBoxHeaderLayout

.dBoxheaderArea .main

.dBoxHeaderArea .main {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #ffffff;

font-weight: bold;

}

  • Content

.dBoxContent

Style of left column text can be customized using the selector .name in custom.css.

.bBoxContent {

border-left: solid 1px #6f8add;

border-right: solid 1px #6f8add;

padding: 10px;

background-color: #ffffff;

}

 

In custom.css:

.name {

color: #444444;

}

  • Footer

.dBoxFooterLayout

.dBoxFooterArea

.dBoxFooterLayout {

height: 27px;

overflow: hidden;

border-left: solid 1 px #6f8add;

border-right: solid 1 px #6f8add;

border-bottom: solid 1 px #6f8add;

}

.dBoxFooterArea {

background: transparent url('../../images/dBox-footer-bg.gif') repeat-x;

height: 27px;

overflow: hidden;

}

  • Footer link

Icon can be customized using the selector .dBoxFooterLayout and ID's in buttons.css (#bid-server-preferences).

In buttons.css:

.dBoxFooterLayOut #bid-server-preferences span {

background-image: url('../../images/nav_server.gif')

}