]>
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 | .soria .dijitButtonNode { |
81bea17a | 11 | /* enabled state - inner */ |
2f01fe57 AD |
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; | |
16 | } | |
81bea17a | 17 | |
2f01fe57 AD |
18 | .soria .dijitButtonText { |
19 | text-align: center; | |
20 | padding: 0 0.3em; | |
21 | } | |
f0cfe83e AD |
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 */ | |
24 | } | |
81bea17a | 25 | |
2f01fe57 AD |
26 | .soria .dijitArrowButton { |
27 | color: #111; | |
28 | } | |
81bea17a | 29 | |
2f01fe57 AD |
30 | .soria .dijitComboButton .dijitDownArrowButton { |
31 | padding-right:4px; | |
32 | } | |
81bea17a | 33 | |
2f01fe57 AD |
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 { | |
81bea17a | 42 | /* disabled state - inner */ |
2f01fe57 AD |
43 | border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; |
44 | background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; | |
45 | opacity: 0.60; | |
46 | } | |
1354d172 AD |
47 | .dj_ie6 .soria .dijitReadOnly input, |
48 | .dj_ie7 .soria .dijitReadOnly input, | |
2f01fe57 AD |
49 | .dj_ie6 .soria .dijitComboButtonDisabled .dijitButtonText, |
50 | .dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText { | |
81bea17a | 51 | /* opacity doesn't work on table node in IE, work around here */ |
2f01fe57 AD |
52 | color: #aaa; |
53 | } | |
54 | .soria .dijitButtonHover .dijitButtonNode, | |
55 | .soria .dijitButtonNodeHover, | |
56 | .soria .dijitToggleButtonHover .dijitButtonNode, | |
57 | .soria .dijitDropDownButtonHover .dijitButtonNode, | |
58 | .soria .dijitButtonContentsHover, | |
59 | .soria .dijitUpArrowButtonHover, | |
60 | .soria .dijitDownArrowButtonHover { | |
81bea17a AD |
61 | /* hover state - inner */ |
62 | /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ | |
2f01fe57 AD |
63 | color:#243C5F; |
64 | background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; | |
65 | } | |
81bea17a | 66 | |
2f01fe57 AD |
67 | .soria .dijitButtonActive .dijitButtonNode, |
68 | .soria .dijitToggleButtonActive .dijitButtonNode, | |
69 | .soria .dijitDropDownButtonActive .dijitButtonNode, | |
70 | .soria .dijitComboButtonActive .dijitButtonContents, | |
71 | .soria .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { | |
81bea17a AD |
72 | /* active state - inner (for when you are pressing a normal button, or |
73 | * when a radio-type button is in a depressed state | |
74 | */ | |
2f01fe57 AD |
75 | border-color:#657c9c; |
76 | background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; | |
77 | } | |
78 | .soria .dijitUpArrowButtonActive, | |
79 | .soria .dijitDownArrowButtonActive { | |
81bea17a | 80 | /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */ |
2f01fe57 AD |
81 | background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; |
82 | } | |
81bea17a AD |
83 | |
84 | ||
2f01fe57 AD |
85 | .soria .dijitArrowButtonInner { |
86 | background-image: url("../images/spriteArrows.png"); | |
87 | background-repeat: no-repeat; | |
81bea17a | 88 | background-position: 0 center; |
2f01fe57 AD |
89 | width: 11px; |
90 | height: 11px; | |
91 | } | |
92 | .soria .dijitComboBox .dijitArrowButtonInner { | |
93 | background-position: 0 center; | |
94 | } | |
95 | .soria .dijitLeftArrowButton .dijitArrowButtonInner { | |
96 | background-position: -11px center; | |
97 | } | |
98 | .soria .dijitUpArrowButton .dijitArrowButtonInner { | |
99 | background-position: -22px center; | |
100 | } | |
101 | .soria .dijitRightArrowButton .dijitArrowButtonInner { | |
102 | background-position: -33px center; | |
103 | } | |
104 | .dj_ie6 .soria .dijitArrowButtonInner { | |
105 | background-image: url("../images/spriteArrows.gif"); | |
106 | } | |
107 | .dj_ie .soria .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { | |
81bea17a | 108 | margin-top: 1px; /* image has too many blank pixels on top */ |
2f01fe57 AD |
109 | } |
110 | .soria .dijitSpinnerButtonContainer { | |
111 | width: auto; | |
112 | padding: 0; | |
113 | } | |
114 | .soria .dijitSpinner .dijitArrowButton { | |
115 | width: 15px; | |
116 | } | |
117 | .soria .dijitSpinner .dijitSpinnerButtonInner { | |
118 | width: 15px; | |
119 | } | |
120 | .soria .dijitSpinner .dijitArrowButtonInner .dijitInputField { | |
121 | padding: 0; | |
122 | } |