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 {
21 .tundra .dijitInputField {
22 padding: 0; /* set padding:0 for .tundra .dijitSelect .dijitButtonText but with a low priority rule that can be easily trumped by the user */
25 .tundra .dijitDisabled .dijitButtonText {
29 .tundra .dijitArrowButton {
33 .tundra .dijitComboButton .dijitDownArrowButton {
37 .tundra
.dijitTextBoxReadOnly
,
38 .tundra
.dijitTextBoxReadOnly
.dijitButtonNode
,
39 .tundra
.dijitButtonDisabled
.dijitButtonNode
,
40 .tundra
.dijitToggleButtonDisabled
.dijitButtonNode
,
41 .tundra
.dijitDropDownButtonDisabled
.dijitButtonNode
,
42 .tundra
.dijitComboButtonDisabled
.dijitButtonNode
,
43 .tundra
.dijitTextBoxDisabled
,
44 .tundra .dijitTextBoxDisabled .dijitButtonNode {
45 /* disabled state - inner */
46 border-color: #d5d5d5 #d5d5d5 #bdbdbd #d5d5d5;
47 background:#e4e4e4 url
("../images/buttonDisabled.png") top repeat-x
;
50 .tundra
.dijitButtonHover
.dijitButtonNode
,
51 .tundra
.dijitButtonNodeHover
,
52 .tundra
.dijitToggleButtonHover
.dijitButtonNode
,
53 .tundra
.dijitDropDownButtonHover
.dijitButtonNode
,
54 .tundra
.dijitComboButton
.dijitButtonContentsHover
,
55 .tundra .dijitComboButton .dijitDownArrowButtonHover {
56 /* hover state - inner */
57 /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
58 border-color: #a5beda;
59 border-bottom-color:#5c7590;
61 background:#fcfdff url
("../images/buttonHover.png") repeat-x bottom
;
63 .tundra
.dijitDownArrowButtonHover
,
64 .tundra .dijitUpArrowButtonHover {
65 /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
67 background:#fcfdff url
("../images/buttonHover.png") repeat-x bottom
;
70 .tundra
.dijitUpArrowButtonActive
,
71 .tundra
.dijitDownArrowButtonActive
,
72 .tundra
.dijitButtonActive
.dijitButtonNode
,
73 .tundra
.dijitToggleButtonActive
.dijitButtonNode
,
74 .tundra
.dijitDropDownButtonActive
.dijitButtonNode
,
75 .tundra
.dijitButtonContentsActive
,
76 .tundra .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
77 /* active state - inner (for when you are pressing a normal button, or
78 * when a radio-type button is in a depressed state
81 background: #ededed url
("../images/buttonActive.png") bottom repeat-x
;
84 .tundra .dijitArrowButtonInner {
85 background:url
("../images/spriteArrows.png") no-repeat scroll
0 center
;
90 .tundra .dijitTextBox .dijitArrowButtonInner {
91 background-position: 0 center
;
93 .dj_ie6 .tundra .dijitArrowButtonInner {
94 background-image:url
("../images/spriteArrows.gif");
96 .tundra .dijitLeftArrowButton .dijitArrowButtonInner {
97 background-position: -7px center
;
99 .tundra .dijitRightArrowButton .dijitArrowButtonInner {
100 background-position: -14px center
;
102 .tundra .dijitUpArrowButton .dijitArrowButtonInner {
103 background-position: -21px center
;
106 .tundra .dijitDisabled .dijitArrowButtonInner {
107 background-position: -28px center
;
109 .tundra .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
110 background-position: -35px center
;
112 .tundra .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
113 background-position: -42px center
;
115 .tundra .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
116 background-position: -49px center
;
118 .dj_ie .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
119 margin-top: -2px; /* image has too many blank pixels on top */
121 .dj_webkit
.tundra
.dijitSpinner
.dijitUpArrowButton
.dijitArrowButtonInner
,
122 .dj_iequirks
.tundra
.dijitSpinner
.dijitDownArrowButton
.dijitArrowButtonInner
,
123 .dj_ie8 .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
124 margin-top: -1px; /* image has too many blank pixels on top */
126 .tundra .dijitSpinnerButtonContainer {
130 .tundra .dijitSpinner .dijitArrowButton {
133 .tundra .dijitSpinner .dijitSpinnerButtonInner {
136 .tundra .dijitSpinner .dijitArrowButtonInner .dijitInputField {