69 lines
1.6 KiB
CSS
69 lines
1.6 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: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.soria .dijitRadioCheckedDisabled {
|
||
|
|
/* selected but disabled */
|
||
|
|
background-position: -48px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.soria .dijitRadioDisabled {
|
||
|
|
/* unselected and disabled */
|
||
|
|
background-position: -32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.soria .dijitRadioHover,
|
||
|
|
.soria .dijitRadioFocused {
|
||
|
|
/* hovering over an unselected enabled radio button */
|
||
|
|
background-position: -80px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.soria .dijitRadioCheckedHover,
|
||
|
|
.soria .dijitRadioCheckedFocused {
|
||
|
|
/* hovering over a selected enabled radio button */
|
||
|
|
background-position: -64px;
|
||
|
|
}
|