4 dijit.form.DropDownButton
6 dijit.form.ComboBox (partial)
9 .soria .dijitButtonNode {
10 /* enabled state - inner */
11 /* border:1px outset #a0a0a0; */
12 border:1px solid #8ba0bd;
13 border-bottom:1px solid #657c9c;
14 border-right:1px solid #657c9c;
16 background:#bcd5f0 url("../images/buttonEnabled.png") repeat-x top left;
18 .dj_ie .soria .dijitButtonNode {
22 .soria .dijitButtonText {
26 .soria .dijitComboBox .dijitButtonNode {
27 border-width: 0px 0px 0px 1px;
30 .soria .dijitArrowButton {
34 .soria .dijitComboButton .dijitDownArrowButton {
38 .dj_ff2 .soria .dijitComboButton .dijitButtonContentsFocused,
39 .dj_ff2 .soria .dijitComboButton .dijitDownArrowButtonFocused {
40 border: 1px black dotted !important;
43 .soria .dijitButtonDisabled .dijitButtonNode,
44 .soria .dijitToggleButtonDisabled .dijitButtonNode,
45 .soria .dijitDropDownButtonDisabled .dijitButtonNode,
46 .soria .dijitComboButtonDisabled .dijitButtonNode,
47 .soria .dijitComboBoxDisabled,
48 .soria .dijitSpinnerDisabled,
49 .soria .dijitSpinnerDisabled .dijitButtonNode {
50 /* disabled state - inner */
51 border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd;
53 background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x;
54 opacity: 0.60; /* Safari, Opera and Mozilla */
56 .dj_ie .soria .dijitButtonDisabled .dijitButtonNode *,
57 .dj_ie .soria .dijitToggleButtonDisabled .dijitButtonNode *,
58 .dj_ie .soria .dijitDropDownButtonDisabled .dijitButtonNode *,
59 .dj_ie .soria .dijitComboButtonDisabled .dijitButtonNode *,
60 .dj_ie .soria .dijitSpinnerDisabled .dijitButtonNode * {
61 filter: gray() alpha(opacity=50); /* IE */
64 .soria .dijitButtonHover .dijitButtonNode,
65 .soria .dijitToggleButtonHover .dijitButtonNode,
66 .soria .dijitDropDownButtonHover .dijitButtonNode,
67 .soria .dijitComboButtonHover .dijitButtonContents,
68 .soria .dijitComboButtonDownArrowHover .dijitDownArrowButton,
69 .soria .dijitComboBoxHover .dijitDownArrowButton,
70 .soria .dijitSpinnerUpArrowHover .dijitUpArrowButton,
71 .soria .dijitSpinnerDownArrowHover .dijitDownArrowButton {
72 /* hover state - inner */
73 /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
75 background:#acc5e2 url("../images/buttonHover.png") repeat-x top left;
78 .soria .dijitSpinnerUpArrowActive .dijitUpArrowButton,
79 .soria .dijitSpinnerDownArrowActive .dijitDownArrowButton,
80 .soria .dijitButtonActive .dijitButtonNode,
81 .soria .dijitToggleButtonActive .dijitButtonNode,
82 .soria .dijitDropDownButtonActive .dijitButtonNode,
83 .soria .dijitComboButtonActive .dijitButtonContents,
84 .soria .dijitDownArrowActive .dijitDownArrowButton,
85 .soria .dijitComboBoxActive .dijitDownArrowButton {
86 /* active state - inner (for when you are pressing a normal button, or
87 * when a toggle button is in a depressed state
90 background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
94 .soria .dijitArrowButtonInner {
95 background:url("../images/spriteArrows.png") no-repeat left top;
98 .soria .dijitUpArrowButton .dijitArrowButtonInner {
99 background:url("../images/spriteArrows.png") no-repeat -22px top;
102 .dj_ie6 .soria .dijitArrowButtonInner {
103 background:url("../images/spriteArrows.gif") no-repeat left top;
106 .dj_ie6 .soria .dijitUpArrowButton .dijitArrowButtonInner {
107 background:url("../images/spriteArrows.gif") no-repeat -22px top;