]>
Commit | Line | Data |
---|---|---|
2f01fe57 | 1 | |
81bea17a AD |
2 | /***** |
3 | dijit.form.Button | |
4 | dijit.form.DropDownButton | |
5 | dijit.form.ComboButton | |
6 | dijit.form.ComboBox (partial) | |
7 | dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has) | |
8 | *****/ | |
9 | ||
2f01fe57 | 10 | .nihilo .dijitButtonNode { |
81bea17a AD |
11 | /* enabled state - inner */ |
12 | /* border:1px outset #a0a0a0; */ | |
2f01fe57 AD |
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; | |
17 | } | |
81bea17a | 18 | |
2f01fe57 AD |
19 | .nihilo .dijitSelect .dijitButtonContents { |
20 | border-right: none; | |
21 | } | |
81bea17a | 22 | |
2f01fe57 AD |
23 | .nihilo .dijitButtonText { |
24 | text-align: center; | |
25 | padding: 0 0.3em; | |
26 | } | |
81bea17a | 27 | |
2f01fe57 | 28 | .nihilo .dijitComboBox .dijitButtonNode { |
81bea17a | 29 | border-width: 0 0 0 1px; |
2f01fe57 | 30 | } |
81bea17a | 31 | |
2f01fe57 AD |
32 | .nihilo .dijitArrowButton { |
33 | color: #111; | |
34 | } | |
81bea17a | 35 | |
2f01fe57 AD |
36 | .nihilo .dijitComboButton .dijitDownArrowButton { |
37 | padding-right:4px; | |
38 | } | |
81bea17a | 39 | |
2f01fe57 AD |
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 { | |
81bea17a | 50 | /* disabled state - inner */ |
2f01fe57 AD |
51 | border-color: #dedede; |
52 | background:#fafafa url("../images/buttonDisabled.png") top repeat-x; | |
53 | opacity: 0.60; | |
54 | } | |
1354d172 AD |
55 | .dj_ie6 .nihilo .dijitReadOnly input, |
56 | .dj_ie7 .nihilo .dijitReadOnly input, | |
2f01fe57 AD |
57 | .dj_ie6 .nihilo .dijitComboButtonDisabled .dijitButtonText, |
58 | .dj_ie7 .nihilo .dijitComboButtonDisabled .dijitButtonText { | |
81bea17a | 59 | /* opacity doesn't work on table node in IE, work around here */ |
2f01fe57 AD |
60 | color: #aaa; |
61 | } | |
81bea17a AD |
62 | |
63 | ||
2f01fe57 AD |
64 | .nihilo .dijitButtonHover .dijitButtonNode, |
65 | .nihilo .dijitButtonNodeHover, | |
66 | .nihilo .dijitToggleButtonHover .dijitButtonNode, | |
67 | .nihilo .dijitDropDownButtonHover .dijitButtonNode, | |
68 | .nihilo .dijitButtonContentsHover, | |
69 | .nihilo .dijitDownArrowButtonHover, | |
70 | .nihilo .dijitUpArrowButtonHover { | |
81bea17a AD |
71 | /* hover state - inner */ |
72 | /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ | |
2f01fe57 AD |
73 | color:#243C5F; |
74 | background:#fcfcfc url("../images/buttonHover.png") repeat-x top left; | |
75 | } | |
81bea17a | 76 | |
2f01fe57 AD |
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 { | |
81bea17a AD |
84 | /* active state - inner (for when you are pressing a normal button, or |
85 | * when a radio-type button is in a depressed state | |
86 | */ | |
2f01fe57 AD |
87 | border-color:#dedede; |
88 | background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x; | |
89 | } | |
81bea17a AD |
90 | |
91 | ||
2f01fe57 AD |
92 | .nihilo .dijitArrowButtonInner { |
93 | background-image: url("../images/spriteArrows.png"); | |
94 | background-repeat: no-repeat; | |
81bea17a | 95 | background-position: 0 center; |
2f01fe57 AD |
96 | width: 11px; |
97 | height: 11px; | |
98 | } | |
99 | .nihilo .dijitLeftArrowButton .dijitArrowButtonInner { | |
100 | background-position: -11px center; | |
101 | } | |
102 | .nihilo .dijitUpArrowButton .dijitArrowButtonInner { | |
103 | background-position: -22px center; | |
104 | } | |
105 | .nihilo .dijitRightArrowButton .dijitArrowButtonInner { | |
106 | background-position: -33px center; | |
107 | } | |
108 | .dj_ie6 .nihilo .dijitArrowButtonInner { | |
109 | background-image: url("../images/spriteArrows.gif"); | |
110 | } | |
111 | .dj_webkit .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { | |
81bea17a | 112 | margin-top: -1px; /* image has too many blank pixels on top */ |
2f01fe57 AD |
113 | } |
114 | .dj_ie .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { | |
81bea17a | 115 | margin-top: 1px; /* image has too many blank pixels on top */ |
2f01fe57 AD |
116 | } |
117 | .nihilo .dijitSpinnerButtonContainer { | |
118 | width: auto; | |
119 | padding: 0; | |
120 | } | |
121 | .nihilo .dijitSpinner .dijitArrowButton { | |
122 | width: 15px; | |
123 | } | |
124 | .nihilo .dijitSpinner .dijitSpinnerButtonInner { | |
125 | width: 15px; | |
126 | } | |
127 | .nihilo .dijitSpinner .dijitArrowButtonInner .dijitInputField { | |
128 | padding: 0; | |
129 | } |