.nihilo .dijitToolbar { border-bottom: 1px solid #ccc; background:#eaeaea url("images/titleBar.png") repeat-x top left; } /* setting a min-height on ditor toolbar */ .dj_ie6 .nihilo .dijitToolbar { height: 10px; } .nihilo .dijitToolbar .dijitButtonNode, .nihilo .dijitToolbar .dijitComboButton .dijitButtonContents, .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButton { background: none; margin: 0; padding: 0; border: none; font-size: 12px; } .nihilo .dijitToolbar .dijitButton, .nihilo .dijitToolbar .dijitToggleButton, .nihilo .dijitToolbar .dijitDropDownButton, .nihilo .dijitToolbar .dijitComboButton .dijitButtonContents, .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButton { background: none; padding: 1px; /* on hover etc., margin replaced w/border */ } .nihilo .dijitToolbar .dijitButtonChecked, .nihilo .dijitToolbar .dijitToggleButtonChecked { background-color:#ffeeb9; border:1px solid #f7c95c; padding: 0; } .nihilo .dijitToolbar .dijitButtonCheckedHover, .nihilo .dijitToolbar .dijitToggleButtonCheckedHover { background-color:#ffe284; border:1px solid #f7c95c; padding: 0; } .nihilo .dijitToolbar .dijitButtonHover, .nihilo .dijitToolbar .dijitToggleButtonHover, .nihilo .dijitToolbar .dijitDropDownButtonHover, .nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsHover, .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover { /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */ border: 1px solid #f7c95c; padding: 0; background-color:#ffe284; } .nihilo .dijitToolbar label { padding: 3px 3px 0 6px; } .dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsFocused, .dj_ie .nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonFocused { /* focus border doesn't appear on for IE, so need to add it manually */ border: 1px #555 dotted !important; padding: 0; }