66 lines
1.5 KiB
CSS
66 lines
1.5 KiB
CSS
/*
|
|
* 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
|
|
*/
|
|
|
|
.soria .dijitToggleButton .dijitRadio,
|
|
.soria .dijitToggleButton .dijitRadioIcon {
|
|
background-image: url('../images/spriteRadio.gif');
|
|
}
|
|
|
|
.soria .dijitRadio,
|
|
.soria .dijitRadioIcon { /* inside a toggle button */
|
|
background-image: url('../images/spriteRadio.gif'); /* checkbox sprite image */
|
|
background-repeat: no-repeat;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.soria .dijitRadio,
|
|
.soria .dijitToggleButton .dijitRadioIcon {
|
|
/* unselected */
|
|
background-position: -16px;
|
|
}
|
|
|
|
.soria .dijitRadioChecked,
|
|
.soria .dijitToggleButtonChecked .dijitRadioIcon {
|
|
/* selected */
|
|
background-position: 0;
|
|
}
|
|
|
|
.soria .dijitRadioDisabled {
|
|
/* unselected and disabled */
|
|
background-position: -48px;
|
|
}
|
|
|
|
.soria .dijitRadioCheckedDisabled {
|
|
/* selected but disabled */
|
|
background-position: -32px;
|
|
}
|
|
|
|
.soria .dijitRadioHover {
|
|
/* hovering over an unselected enabled radio button */
|
|
background-position: -80px;
|
|
}
|
|
|
|
.soria .dijitRadioCheckedHover {
|
|
/* hovering over a selected enabled radio button */
|
|
background-position: -64px;
|
|
} |