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.
128 lines
3.9 KiB
128 lines
3.9 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) |
|
*****/ |
|
|
|
.nihilo .dijitButtonNode { |
|
/* enabled state - inner */ |
|
/* border:1px outset #a0a0a0; */ |
|
border:1px solid #dedede; |
|
border-bottom:1px solid #dedede; |
|
padding: 0.1em 0.2em 0.2em 0.2em; |
|
background: #fff url("../images/buttonEnabled.png") repeat-x top left; |
|
} |
|
|
|
.nihilo .dijitButtonText { |
|
text-align: center; |
|
padding: 0 0.3em; |
|
} |
|
.nihilo .dijitInputField { |
|
padding: 0; /* set padding:0 for .nihilo .dijitSelect .dijitButtonText but with a low priority rule that can be easily trumped by the user */ |
|
} |
|
|
|
.nihilo .dijitComboBox .dijitButtonNode { |
|
border-width: 0 0 0 1px; |
|
} |
|
|
|
.nihilo .dijitArrowButton { |
|
color: #111; |
|
} |
|
|
|
.nihilo .dijitComboButton .dijitDownArrowButton { |
|
padding-right:4px; |
|
} |
|
|
|
.nihilo .dijitComboBoxReadOnly, |
|
.nihilo .dijitSpinnerReadOnly, |
|
.nihilo .dijitSpinnerReadOnly .dijitButtonNode, |
|
.nihilo .dijitButtonDisabled .dijitButtonNode, |
|
.nihilo .dijitToggleButtonDisabled .dijitButtonNode, |
|
.nihilo .dijitDropDownButtonDisabled .dijitButtonNode, |
|
.nihilo .dijitComboButtonDisabled .dijitButtonNode, |
|
.nihilo .dijitComboBoxDisabled, |
|
.nihilo .dijitSpinnerDisabled, |
|
.nihilo .dijitSpinnerDisabled .dijitButtonNode { |
|
/* disabled state - inner */ |
|
border-color: #dedede; |
|
background:#fafafa url("../images/buttonDisabled.png") top repeat-x; |
|
opacity: 0.60; |
|
} |
|
.dj_ie6 .nihilo .dijitReadOnly input, |
|
.dj_ie7 .nihilo .dijitReadOnly input, |
|
.dj_ie6 .nihilo .dijitComboButtonDisabled .dijitButtonText, |
|
.dj_ie7 .nihilo .dijitComboButtonDisabled .dijitButtonText { |
|
/* opacity doesn't work on table node in IE, work around here */ |
|
color: #aaa; |
|
} |
|
|
|
|
|
.nihilo .dijitButtonHover .dijitButtonNode, |
|
.nihilo .dijitButtonNodeHover, |
|
.nihilo .dijitToggleButtonHover .dijitButtonNode, |
|
.nihilo .dijitDropDownButtonHover .dijitButtonNode, |
|
.nihilo .dijitButtonContentsHover, |
|
.nihilo .dijitDownArrowButtonHover, |
|
.nihilo .dijitUpArrowButtonHover { |
|
/* hover state - inner */ |
|
/* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */ |
|
color:#243C5F; |
|
background:#fcfcfc url("../images/buttonHover.png") repeat-x top left; |
|
} |
|
|
|
.nihilo .dijitUpArrowButtonActive, |
|
.nihilo .dijitDownArrowButtonActive, |
|
.nihilo .dijitButtonActive .dijitButtonNode, |
|
.nihilo .dijitToggleButtonActive .dijitButtonNode, |
|
.nihilo .dijitDropDownButtonActive .dijitButtonNode, |
|
.nihilo .dijitComboButton .dijitButtonContentsActive, |
|
.nihilo .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:#dedede; |
|
background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x; |
|
} |
|
|
|
|
|
.nihilo .dijitArrowButtonInner { |
|
background-image: url("../images/spriteArrows.png"); |
|
background-repeat: no-repeat; |
|
background-position: 0 center; |
|
width: 11px; |
|
height: 11px; |
|
} |
|
.nihilo .dijitLeftArrowButton .dijitArrowButtonInner { |
|
background-position: -11px center; |
|
} |
|
.nihilo .dijitUpArrowButton .dijitArrowButtonInner { |
|
background-position: -22px center; |
|
} |
|
.nihilo .dijitRightArrowButton .dijitArrowButtonInner { |
|
background-position: -33px center; |
|
} |
|
.dj_ie6 .nihilo .dijitArrowButtonInner { |
|
background-image: url("../images/spriteArrows.gif"); |
|
} |
|
.dj_webkit .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { |
|
margin-top: -1px; /* image has too many blank pixels on top */ |
|
} |
|
.dj_ie .nihilo .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner { |
|
margin-top: 1px; /* image has too many blank pixels on top */ |
|
} |
|
.nihilo .dijitSpinnerButtonContainer { |
|
width: auto; |
|
padding: 0; |
|
} |
|
.nihilo .dijitSpinner .dijitArrowButton { |
|
width: 15px; |
|
} |
|
.nihilo .dijitSpinner .dijitSpinnerButtonInner { |
|
width: 15px; |
|
} |
|
.nihilo .dijitSpinner .dijitArrowButtonInner .dijitInputField { |
|
padding: 0; |
|
}
|
|
|