margin: 0;
padding: 0;
background-color: @bar-background-color;
- background-image: url("images/commonHighlight.png");
+ background-image: url(@image-common-highlight);
background-position:0 0;
background-repeat:repeat-x;
}
.claro .dijitMenuBar .dijitMenuItem {
padding: 6px 10px 7px;
background-position:0 100px;
- color:@unselected-text-color;
margin:-1px;
}
.claro .dijitMenuItem {
- background-image: url("images/menuHighlight.png");
+ background-image: url(@image-menu-highlight);
background-position:0 -40px;
background-repeat:repeat-x;
+ color: @text-color;
}
/* this prevents jiggling upon hover of a menu item */
.claro .dijitMenuExpand {
width: 7px;
height: 7px;
- background-image: url('images/spriteArrows.png');
+ background-image: url(@image-arrow-sprite);
background-position: -14px 0;
margin-right:3px;
}
display: none;
}
.claro .dijitCheckedMenuItemIcon {
- background-image: url('form/images/checkboxRadioButtonStates.png');
+ background-image: url(@image-form-checkbox-and-radios);
background-repeat:no-repeat;
background-position: -15px 50%;
width:15px;
height:16px;
}
.dj_ie6 .claro .dijitCheckedMenuItemIcon {
- background-image: url('form/images/checkboxAndRadioButtons_IE6.png');
+ background-image: url(@image-form-checkbox-and-radios-ie6);
}
.claro .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {
background-position: 0 50%;
border-color:@hovered-border-color;
background-color:@hovered-background-color;
}
+.claro .dijitComboBoxMenu .dijitMenuItemHover {
+ color: #000000;
+ border-color: #769dc0;
+ background-color: #abd6ff;
+ background-position: 0 0;
+}
.claro .dijitComboBoxMenuActive .dijitMenuItemSelected {
background-position:0 -177px;
background-color: @select-dropdownitem-hovered-background-color; /* TODO: why is this a different color than normal .dijitMenuItemSelected? */