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