You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
4.4 KiB
138 lines
4.4 KiB
|
|
/***** |
|
dijit.form.Button |
|
dijit.form.DropDownButton |
|
dijit.form.ComboButton |
|
dijit.form.ComboBox (partial) |
|
dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has) |
|
*****/ |
|
|
|
.tundra .dijitButtonNode { |
|
/* enabled state - inner */ |
|
border: 1px solid #c0c0c0; |
|
border-bottom: 1px solid #9b9b9b; |
|
padding: 0.1em 0.2em 0.2em 0.2em; |
|
background: #fff url("../images/buttonEnabled.png") repeat-x bottom left; |
|
} |
|
.tundra .dijitButtonText { |
|
text-align: center; |
|
padding: 0 0.3em; |
|
} |
|
.tundra .dijitInputField { |
|
padding: 0; /* set padding:0 for .tundra .dijitSelect .dijitButtonText but with a low priority rule that can be easily trumped by the user */ |
|
} |
|
|
|
.tundra .dijitDisabled .dijitButtonText { |
|
color: #7F7F7F; |
|
} |
|
|
|
.tundra .dijitArrowButton { |
|
color: #111; |
|
} |
|
|
|
.tundra .dijitComboButton .dijitDownArrowButton { |
|
padding-right:4px; |
|
} |
|
|
|
.tundra .dijitTextBoxReadOnly, |
|
.tundra .dijitTextBoxReadOnly .dijitButtonNode, |
|
.tundra .dijitButtonDisabled .dijitButtonNode, |
|
.tundra .dijitToggleButtonDisabled .dijitButtonNode, |
|
.tundra .dijitDropDownButtonDisabled .dijitButtonNode, |
|
.tundra .dijitComboButtonDisabled .dijitButtonNode, |
|
.tundra .dijitTextBoxDisabled, |
|
.tundra .dijitTextBoxDisabled .dijitButtonNode { |
|
/* disabled state - inner */ |
|
border-color: #d5d5d5 #d5d5d5 #bdbdbd #d5d5d5; |
|
background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x; |
|
} |
|
|
|
.tundra .dijitButtonHover .dijitButtonNode, |
|
.tundra .dijitButtonNodeHover, |
|
.tundra .dijitToggleButtonHover .dijitButtonNode, |
|
.tundra .dijitDropDownButtonHover .dijitButtonNode, |
|
.tundra .dijitComboButton .dijitButtonContentsHover, |
|
.tundra .dijitComboButton .dijitDownArrowButtonHover { |
|
/* hover state - inner */ |
|
/* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ |
|
border-color: #a5beda; |
|
border-bottom-color:#5c7590; |
|
color:#243C5F; |
|
background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; |
|
} |
|
.tundra .dijitDownArrowButtonHover, |
|
.tundra .dijitUpArrowButtonHover { |
|
/* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */ |
|
color:#243C5F; |
|
background:#fcfdff url("../images/buttonHover.png") repeat-x bottom; |
|
} |
|
|
|
.tundra .dijitUpArrowButtonActive, |
|
.tundra .dijitDownArrowButtonActive, |
|
.tundra .dijitButtonActive .dijitButtonNode, |
|
.tundra .dijitToggleButtonActive .dijitButtonNode, |
|
.tundra .dijitDropDownButtonActive .dijitButtonNode, |
|
.tundra .dijitButtonContentsActive, |
|
.tundra .dijitStackController .dijitToggleButtonChecked .dijitButtonNode { |
|
/* active state - inner (for when you are pressing a normal button, or |
|
* when a radio-type button is in a depressed state |
|
*/ |
|
border-color:#366dba; |
|
background: #ededed url("../images/buttonActive.png") bottom repeat-x; |
|
} |
|
|
|
.tundra .dijitArrowButtonInner { |
|
background:url("../images/spriteArrows.png") no-repeat scroll 0 center; |
|
width: 7px; |
|
height: 7px; |
|
margin: 0 4px 0 4px; |
|
} |
|
.tundra .dijitTextBox .dijitArrowButtonInner { |
|
background-position: 0 center; |
|
} |
|
.dj_ie6 .tundra .dijitArrowButtonInner { |
|
background-image:url("../images/spriteArrows.gif"); |
|
} |
|
.tundra .dijitLeftArrowButton .dijitArrowButtonInner { |
|
background-position: -7px center; |
|
} |
|
.tundra .dijitRightArrowButton .dijitArrowButtonInner { |
|
background-position: -14px center; |
|
} |
|
.tundra .dijitUpArrowButton .dijitArrowButtonInner { |
|
background-position: -21px center; |
|
} |
|
|
|
.tundra .dijitDisabled .dijitArrowButtonInner { |
|
background-position: -28px center; |
|
} |
|
.tundra .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { |
|
background-position: -35px center; |
|
} |
|
.tundra .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { |
|
background-position: -42px center; |
|
} |
|
.tundra .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { |
|
background-position: -49px center; |
|
} |
|
.dj_ie .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { |
|
margin-top: -2px; /* image has too many blank pixels on top */ |
|
} |
|
.dj_webkit .tundra .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner, |
|
.dj_iequirks .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner, |
|
.dj_ie8 .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { |
|
margin-top: -1px; /* image has too many blank pixels on top */ |
|
} |
|
.tundra .dijitSpinnerButtonContainer { |
|
width: auto; |
|
padding: 0; |
|
} |
|
.tundra .dijitSpinner .dijitArrowButton { |
|
width: 15px; |
|
} |
|
.tundra .dijitSpinner .dijitSpinnerButtonInner { |
|
width: 15px; |
|
} |
|
.tundra .dijitSpinner .dijitArrowButtonInner .dijitInputField { |
|
padding: 0; |
|
}
|
|
|