]>
Commit | Line | Data |
---|---|---|
1 | ||
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 | ||
10 | .soria .dijitButtonNode { | |
11 | /* enabled state - inner */ | |
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 | } | |
17 | .soria .dijitSelect .dijitButtonContents { | |
18 | border-right: none; | |
19 | } | |
20 | ||
21 | .soria .dijitButtonText { | |
22 | text-align: center; | |
23 | padding: 0 0.3em; | |
24 | } | |
25 | ||
26 | .soria .dijitArrowButton { | |
27 | color: #111; | |
28 | } | |
29 | ||
30 | .soria .dijitComboButton .dijitDownArrowButton { | |
31 | padding-right:4px; | |
32 | } | |
33 | ||
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 { | |
42 | /* disabled state - inner */ | |
43 | border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd; | |
44 | background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x; | |
45 | opacity: 0.60; | |
46 | } | |
47 | .dj_ie6 .soria .dijitReadOnly input, | |
48 | .dj_ie7 .soria .dijitReadOnly input, | |
49 | .dj_ie6 .soria .dijitComboButtonDisabled .dijitButtonText, | |
50 | .dj_ie7 .soria .dijitComboButtonDisabled .dijitButtonText { | |
51 | /* opacity doesn't work on table node in IE, work around here */ | |
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 { | |
61 | /* hover state - inner */ | |
62 | /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ | |
63 | color:#243C5F; | |
64 | background:#acc5e2 url("../images/buttonHover.png") repeat-x top left; | |
65 | } | |
66 | ||
67 | .soria .dijitButtonActive .dijitButtonNode, | |
68 | .soria .dijitToggleButtonActive .dijitButtonNode, | |
69 | .soria .dijitDropDownButtonActive .dijitButtonNode, | |
70 | .soria .dijitComboButtonActive .dijitButtonContents, | |
71 | .soria .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { | |
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 | */ | |
75 | border-color:#657c9c; | |
76 | background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; | |
77 | } | |
78 | .soria .dijitUpArrowButtonActive, | |
79 | .soria .dijitDownArrowButtonActive { | |
80 | /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */ | |
81 | background: #91b4e5 url("../images/buttonActive.png") top left repeat-x; | |
82 | } | |
83 | ||
84 | ||
85 | .soria .dijitArrowButtonInner { | |
86 | background-image: url("../images/spriteArrows.png"); | |
87 | background-repeat: no-repeat; | |
88 | background-position: 0 center; | |
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 { | |
108 | margin-top: 1px; /* image has too many blank pixels on top */ | |
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 | } |