Tools Block

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

Tools Block

  1. Task title
  2. Task description
  3. Additional links
  4. Task image

Customization samples

UI Element

Selector

CSS code sample

  • Task title

.taskTitle

.taskTitle {

font-weight: bold;

}

  • Task description

.taskDesc

.taskDesc {

}

  • Additional links

.taskLink

.taskLink a {

display: block;

padding-left: 10px;

background-image:

url('../../icons/taskLink-bg.gif');

background-repeat: no-repeat;

background-position: 0 3px;

}

.taskLink a, .taskLink a:visited {

color: #376096;

text-decoration: underline;

}

  • Task image

Default image for task is defined in .taskBox (images/btn_default-button_bg.gif)

.taskBox {

background-repeat: no-repeat;

background-image:

url ('../../images/btn_default-button_bg.gif');

}

Custom image for a task can be defined using ID in buttons.css.

#bid-mail-name-add{

background-image:

url('../../images/btn_mail-name-add_bg.gif');

}