12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- /*
- * CheckBox and Radio Widgets,
- * and the CSS to embed a checkbox or radio icon inside a ToggleButton.
- *
- * Order of images in the default sprite (from L to R, checkbox and radio in same image):
- * checkbox normal - checked
- * - unchecked
- * disabled - checked
- * - unchecked
- * hover - checked
- * - unchecked
- *
- * radio normal - checked
- * - unchecked
- * disabled - checked
- * - unchecked
- * hover - checked
- * - unchecked
- */
- .nihilo .dijitToggleButton .dijitCheckBox,
- .nihilo .dijitToggleButton .dijitCheckBoxIcon {
- background-image: url('../images/spriteCheckbox.gif');
- }
- .nihilo .dijitCheckBox,
- .nihilo .dijitCheckBoxIcon { /* inside a toggle button */
- background-image: url('../images/spriteCheckbox.gif'); /* checkbox sprite image */
- background-repeat: no-repeat;
- width: 16px;
- height: 16px;
- margin: 0;
- padding: 0;
- }
- .nihilo .dijitCheckBox,
- .nihilo .dijitToggleButton .dijitCheckBoxIcon {
- /* unchecked */
- background-position: -16px;
- }
- .nihilo .dijitCheckBoxChecked,
- .nihilo .dijitToggleButtonChecked .dijitCheckBoxIcon {
- /* checked */
- background-position: 0;
- }
- .nihilo .dijitCheckBoxDisabled {
- /* disabled */
- background-position: -48px;
- }
- .nihilo .dijitCheckBoxCheckedDisabled {
- /* disabled but checked */
- background-position: -32px;
- }
- .nihilo .dijitCheckBoxHover {
- /* hovering over an unchecked enabled checkbox */
- background-position: -80px;
- }
- .nihilo .dijitCheckBoxCheckedHover {
- /* hovering over a checked enabled checkbox */
- background-position: -64px;
- }
|