UI Element
|
Selector
|
CSS code sample
|
|
.dBoxHeaderArea
.dBoxHeaderLayout
.dBoxheaderArea .main
|
.dBoxHeaderArea .main {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
font-weight: bold;
}
|
|
.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;
}
|
|
.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;
}
|
|
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')
}
|