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 .dijitButtonText {
23 .nihilo .dijitInputField {
24 padding: 0; /* set padding:0 for .nihilo .dijitSelect .dijitButtonText but with a low priority rule that can be easily trumped by the user */
27 .nihilo .dijitComboBox .dijitButtonNode {
28 border-width: 0 0 0 1px;
31 .nihilo .dijitArrowButton {
35 .nihilo .dijitComboButton .dijitDownArrowButton {
39 .nihilo
.dijitComboBoxReadOnly
,
40 .nihilo
.dijitSpinnerReadOnly
,
41 .nihilo
.dijitSpinnerReadOnly
.dijitButtonNode
,
42 .nihilo
.dijitButtonDisabled
.dijitButtonNode
,
43 .nihilo
.dijitToggleButtonDisabled
.dijitButtonNode
,
44 .nihilo
.dijitDropDownButtonDisabled
.dijitButtonNode
,
45 .nihilo
.dijitComboButtonDisabled
.dijitButtonNode
,
46 .nihilo
.dijitComboBoxDisabled
,
47 .nihilo
.dijitSpinnerDisabled
,
48 .nihilo .dijitSpinnerDisabled .dijitButtonNode {
49 /* disabled state - inner */
50 border-color: #dedede;
51 background:#fafafa url
("../images/buttonDisabled.png") top repeat-x
;
54 .dj_ie6
.nihilo
.dijitReadOnly input
,
55 .dj_ie7
.nihilo
.dijitReadOnly input
,
56 .dj_ie6
.nihilo
.dijitComboButtonDisabled
.dijitButtonText
,
57 .dj_ie7 .nihilo .dijitComboButtonDisabled .dijitButtonText {
58 /* opacity doesn't work on table node in IE, work around here */
63 .nihilo
.dijitButtonHover
.dijitButtonNode
,
64 .nihilo
.dijitButtonNodeHover
,
65 .nihilo
.dijitToggleButtonHover
.dijitButtonNode
,
66 .nihilo
.dijitDropDownButtonHover
.dijitButtonNode
,
67 .nihilo
.dijitButtonContentsHover
,
68 .nihilo
.dijitDownArrowButtonHover
,
69 .nihilo .dijitUpArrowButtonHover {
70 /* hover state - inner */
71 /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
73 background:#fcfcfc url
("../images/buttonHover.png") repeat-x top left
;
76 .nihilo
.dijitUpArrowButtonActive
,
77 .nihilo
.dijitDownArrowButtonActive
,
78 .nihilo
.dijitButtonActive
.dijitButtonNode
,
79 .nihilo
.dijitToggleButtonActive
.dijitButtonNode
,
80 .nihilo
.dijitDropDownButtonActive
.dijitButtonNode
,
81 .nihilo
.dijitComboButton
.dijitButtonContentsActive
,
82 .nihilo .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
83 /* active state - inner (for when you are pressing a normal button, or
84 * when a radio-type button is in a depressed state
87 background: #f5f5f5 url
("../images/buttonActive.png") top left repeat-x
;
91 .nihilo .dijitArrowButtonInner {
92 background-image: url
("../images/spriteArrows.png");
93 background-repeat: no-repeat
;
94 background-position: 0 center
;
98 .nihilo .dijitLeftArrowButton .dijitArrowButtonInner {
99 background-position: -11px center
;
101 .nihilo .dijitUpArrowButton .dijitArrowButtonInner {
102 background-position: -22px center
;
104 .nihilo .dijitRightArrowButton .dijitArrowButtonInner {
105 background-position: -33px center
;
107 .dj_ie6 .nihilo .dijitArrowButtonInner {
108 background-image: url
("../images/spriteArrows.gif");
110 .dj_webkit .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
111 margin-top: -1px; /* image has too many blank pixels on top */
113 .dj_ie .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
114 margin-top: 1px; /* image has too many blank pixels on top */
116 .nihilo .dijitSpinnerButtonContainer {
120 .nihilo .dijitSpinner .dijitArrowButton {
123 .nihilo .dijitSpinner .dijitSpinnerButtonInner {
126 .nihilo .dijitSpinner .dijitArrowButtonInner .dijitInputField {