4 dijit.form.DropDownButton
6 dijit.form.ComboBox (partial)
7 dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has)
10 .nihilo .dijitButtonNode {
11 /* enabled state - inner */
12 /* border:1px outset #a0a0a0; */
13 border:1px solid
#dedede;
14 border-bottom:1px solid
#dedede;
15 padding: 0.1em 0.2em 0.2em 0.2em;
16 background: #fff url
("../images/buttonEnabled.png") repeat-x top left
;
19 .nihilo .dijitSelect .dijitButtonContents {
23 .nihilo .dijitButtonText {
28 .nihilo .dijitComboBox .dijitButtonNode {
29 border-width: 0 0 0 1px;
32 .nihilo .dijitArrowButton {
36 .nihilo .dijitComboButton .dijitDownArrowButton {
40 .nihilo
.dijitComboBoxReadOnly
,
41 .nihilo
.dijitSpinnerReadOnly
,
42 .nihilo
.dijitSpinnerReadOnly
.dijitButtonNode
,
43 .nihilo
.dijitButtonDisabled
.dijitButtonNode
,
44 .nihilo
.dijitToggleButtonDisabled
.dijitButtonNode
,
45 .nihilo
.dijitDropDownButtonDisabled
.dijitButtonNode
,
46 .nihilo
.dijitComboButtonDisabled
.dijitButtonNode
,
47 .nihilo
.dijitComboBoxDisabled
,
48 .nihilo
.dijitSpinnerDisabled
,
49 .nihilo .dijitSpinnerDisabled .dijitButtonNode {
50 /* disabled state - inner */
51 border-color: #dedede;
52 background:#fafafa url
("../images/buttonDisabled.png") top repeat-x
;
55 .dj_ie6
.nihilo
.dijitReadOnly input
,
56 .dj_ie7
.nihilo
.dijitReadOnly input
,
57 .dj_ie6
.nihilo
.dijitComboButtonDisabled
.dijitButtonText
,
58 .dj_ie7 .nihilo .dijitComboButtonDisabled .dijitButtonText {
59 /* opacity doesn't work on table node in IE, work around here */
64 .nihilo
.dijitButtonHover
.dijitButtonNode
,
65 .nihilo
.dijitButtonNodeHover
,
66 .nihilo
.dijitToggleButtonHover
.dijitButtonNode
,
67 .nihilo
.dijitDropDownButtonHover
.dijitButtonNode
,
68 .nihilo
.dijitButtonContentsHover
,
69 .nihilo
.dijitDownArrowButtonHover
,
70 .nihilo .dijitUpArrowButtonHover {
71 /* hover state - inner */
72 /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
74 background:#fcfcfc url
("../images/buttonHover.png") repeat-x top left
;
77 .nihilo
.dijitUpArrowButtonActive
,
78 .nihilo
.dijitDownArrowButtonActive
,
79 .nihilo
.dijitButtonActive
.dijitButtonNode
,
80 .nihilo
.dijitToggleButtonActive
.dijitButtonNode
,
81 .nihilo
.dijitDropDownButtonActive
.dijitButtonNode
,
82 .nihilo
.dijitComboButton
.dijitButtonContentsActive
,
83 .nihilo .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
84 /* active state - inner (for when you are pressing a normal button, or
85 * when a radio-type button is in a depressed state
88 background: #f5f5f5 url
("../images/buttonActive.png") top left repeat-x
;
92 .nihilo .dijitArrowButtonInner {
93 background-image: url
("../images/spriteArrows.png");
94 background-repeat: no-repeat
;
95 background-position: 0 center
;
99 .nihilo .dijitLeftArrowButton .dijitArrowButtonInner {
100 background-position: -11px center
;
102 .nihilo .dijitUpArrowButton .dijitArrowButtonInner {
103 background-position: -22px center
;
105 .nihilo .dijitRightArrowButton .dijitArrowButtonInner {
106 background-position: -33px center
;
108 .dj_ie6 .nihilo .dijitArrowButtonInner {
109 background-image: url
("../images/spriteArrows.gif");
111 .dj_webkit .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
112 margin-top: -1px; /* image has too many blank pixels on top */
114 .dj_ie .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
115 margin-top: 1px; /* image has too many blank pixels on top */
117 .nihilo .dijitSpinnerButtonContainer {
121 .nihilo .dijitSpinner .dijitArrowButton {
124 .nihilo .dijitSpinner .dijitSpinnerButtonInner {
127 .nihilo .dijitSpinner .dijitArrowButtonInner .dijitInputField {