4 dijit.form.DropDownButton
6 dijit.form.ComboBox (partial)
7 dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has)
10 .tundra .dijitButtonNode {
11 /* enabled state - inner */
12 border: 1px solid
#c0c0c0;
13 border-bottom: 1px solid
#9b9b9b;
14 padding: 0.1em 0.2em 0.2em 0.2em;
15 background: #fff url
("../images/buttonEnabled.png") repeat-x bottom left
;
17 .tundra .dijitButtonText {
22 .tundra .dijitDisabled .dijitButtonText {
26 .tundra .dijitArrowButton {
30 .tundra .dijitComboButton .dijitDownArrowButton {
34 .tundra
.dijitTextBoxReadOnly
,
35 .tundra
.dijitTextBoxReadOnly
.dijitButtonNode
,
36 .tundra
.dijitButtonDisabled
.dijitButtonNode
,
37 .tundra
.dijitToggleButtonDisabled
.dijitButtonNode
,
38 .tundra
.dijitDropDownButtonDisabled
.dijitButtonNode
,
39 .tundra
.dijitComboButtonDisabled
.dijitButtonNode
,
40 .tundra
.dijitTextBoxDisabled
,
41 .tundra .dijitTextBoxDisabled .dijitButtonNode {
42 /* disabled state - inner */
43 border-color: #d5d5d5 #d5d5d5 #bdbdbd #d5d5d5;
44 background:#e4e4e4 url
("../images/buttonDisabled.png") top repeat-x
;
47 .tundra
.dijitButtonHover
.dijitButtonNode
,
48 .tundra
.dijitButtonNodeHover
,
49 .tundra
.dijitToggleButtonHover
.dijitButtonNode
,
50 .tundra
.dijitDropDownButtonHover
.dijitButtonNode
,
51 .tundra
.dijitComboButton
.dijitButtonContentsHover
,
52 .tundra .dijitComboButton .dijitDownArrowButtonHover {
53 /* hover state - inner */
54 /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
55 border-color: #a5beda;
56 border-bottom-color:#5c7590;
58 background:#fcfdff url
("../images/buttonHover.png") repeat-x bottom
;
60 .tundra
.dijitDownArrowButtonHover
,
61 .tundra .dijitUpArrowButtonHover {
62 /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
64 background:#fcfdff url
("../images/buttonHover.png") repeat-x bottom
;
67 .tundra
.dijitUpArrowButtonActive
,
68 .tundra
.dijitDownArrowButtonActive
,
69 .tundra
.dijitButtonActive
.dijitButtonNode
,
70 .tundra
.dijitToggleButtonActive
.dijitButtonNode
,
71 .tundra
.dijitDropDownButtonActive
.dijitButtonNode
,
72 .tundra
.dijitButtonContentsActive
,
73 .tundra .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
74 /* active state - inner (for when you are pressing a normal button, or
75 * when a radio-type button is in a depressed state
78 background: #ededed url
("../images/buttonActive.png") bottom repeat-x
;
81 .tundra .dijitArrowButtonInner {
82 background:url
("../images/spriteArrows.png") no-repeat scroll
0 center
;
87 .tundra .dijitTextBox .dijitArrowButtonInner {
88 background-position: 0 center
;
90 .dj_ie6 .tundra .dijitArrowButtonInner {
91 background-image:url
("../images/spriteArrows.gif");
93 .tundra .dijitLeftArrowButton .dijitArrowButtonInner {
94 background-position: -7px center
;
96 .tundra .dijitRightArrowButton .dijitArrowButtonInner {
97 background-position: -14px center
;
99 .tundra .dijitUpArrowButton .dijitArrowButtonInner {
100 background-position: -21px center
;
103 .tundra .dijitDisabled .dijitArrowButtonInner {
104 background-position: -28px center
;
106 .tundra .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
107 background-position: -35px center
;
109 .tundra .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
110 background-position: -42px center
;
112 .tundra .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
113 background-position: -49px center
;
115 .dj_webkit .tundra .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
116 margin-top: -1px; /* image has too many blank pixels on top */
118 .dj_ie .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
119 margin-top: -2px; /* image has too many blank pixels on top */
121 .dj_ie8 .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
122 margin-top: -1px; /* image has too many blank pixels on top */
124 .tundra .dijitSpinnerButtonContainer {
128 .tundra .dijitSpinner .dijitArrowButton {
131 .tundra .dijitSpinner .dijitSpinnerButtonInner {
134 .tundra .dijitSpinner .dijitArrowButtonInner .dijitInputField {