4 dijit.form.DropDownButton
6 dijit.form.ComboBox (partial)
7 dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has)
10 .soria .dijitButtonNode {
11 /* enabled state - inner */
12 border: 1px solid
#8ba0bd;
13 border-bottom:1px solid
#657c9c;
14 padding: 0.1em 0.2em 0.2em 0.2em;
15 background: #bcd5f0 url
("../images/buttonEnabled.png") repeat-x top left
;
18 .soria .dijitButtonText {
22 .soria .dijitInputField {
23 padding: 0; /* set padding:0 for .soria .dijitSelect .dijitButtonText but with a low priority rule that can be easily trumped by the user */
26 .soria .dijitArrowButton {
30 .soria .dijitComboButton .dijitDownArrowButton {
34 .soria
.dijitTextBoxReadOnly
,
35 .soria
.dijitTextBoxReadOnly
.dijitButtonNode
,
36 .soria
.dijitButtonDisabled
.dijitButtonNode
,
37 .soria
.dijitToggleButtonDisabled
.dijitButtonNode
,
38 .soria
.dijitDropDownButtonDisabled
.dijitButtonNode
,
39 .soria
.dijitComboButtonDisabled
.dijitButtonNode
,
40 .soria
.dijitTextBoxDisabled
,
41 .soria .dijitTextBoxDisabled .dijitButtonNode {
42 /* disabled state - inner */
43 border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd;
44 background:#c3d3e5 url
("../images/buttonDisabled.png") top repeat-x
;
47 .dj_ie6
.soria
.dijitReadOnly input
,
48 .dj_ie7
.soria
.dijitReadOnly input
,
49 .dj_ie6
.soria
.dijitComboButtonDisabled
.dijitButtonText
,
50 .dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText {
51 /* opacity doesn't work on table node in IE, work around here */
54 .soria
.dijitButtonHover
.dijitButtonNode
,
55 .soria
.dijitButtonNodeHover
,
56 .soria
.dijitToggleButtonHover
.dijitButtonNode
,
57 .soria
.dijitDropDownButtonHover
.dijitButtonNode
,
58 .soria
.dijitButtonContentsHover
,
59 .soria
.dijitUpArrowButtonHover
,
60 .soria .dijitDownArrowButtonHover {
61 /* hover state - inner */
62 /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
64 background:#acc5e2 url
("../images/buttonHover.png") repeat-x top left
;
67 .soria
.dijitButtonActive
.dijitButtonNode
,
68 .soria
.dijitToggleButtonActive
.dijitButtonNode
,
69 .soria
.dijitDropDownButtonActive
.dijitButtonNode
,
70 .soria
.dijitComboButtonActive
.dijitButtonContents
,
71 .soria .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
72 /* active state - inner (for when you are pressing a normal button, or
73 * when a radio-type button is in a depressed state
76 background: #91b4e5 url
("../images/buttonActive.png") top left repeat-x
;
78 .soria
.dijitUpArrowButtonActive
,
79 .soria .dijitDownArrowButtonActive {
80 /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
81 background: #91b4e5 url
("../images/buttonActive.png") top left repeat-x
;
85 .soria .dijitArrowButtonInner {
86 background-image: url
("../images/spriteArrows.png");
87 background-repeat: no-repeat
;
88 background-position: 0 center
;
92 .soria .dijitComboBox .dijitArrowButtonInner {
93 background-position: 0 center
;
95 .soria .dijitLeftArrowButton .dijitArrowButtonInner {
96 background-position: -11px center
;
98 .soria .dijitUpArrowButton .dijitArrowButtonInner {
99 background-position: -22px center
;
101 .soria .dijitRightArrowButton .dijitArrowButtonInner {
102 background-position: -33px center
;
104 .dj_ie6 .soria .dijitArrowButtonInner {
105 background-image: url
("../images/spriteArrows.gif");
107 .dj_ie .soria .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
108 margin-top: 1px; /* image has too many blank pixels on top */
110 .soria .dijitSpinnerButtonContainer {
114 .soria .dijitSpinner .dijitArrowButton {
117 .soria .dijitSpinner .dijitSpinnerButtonInner {
120 .soria .dijitSpinner .dijitArrowButtonInner .dijitInputField {