dijit
Version:
Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u
53 lines (45 loc) • 1.4 kB
CSS
.tundra .dijitRadio, /* stand alone */
.tundra .dijitRadioIcon { /* inside a toggle button */
background-image: url('../images/checkmark.png'); /* checkbox sprite image */
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
}
.dj_ie6 .tundra .dijitRadio,
.dj_ie6 .tundra .dijitRadioIcon {
background-image: url('../images/checkmark.gif'); /* checkbox sprite image */
}
.tundra .dijitToggleButton .dijitRadioIcon {
/* for checkbox in a toggle button, override above setting to have no border */
background-image: url('../images/checkmarkNoBorder.png');
}
.dj_ie6 .tundra .dijitToggleButton .dijitRadioIcon {
background-image: url('../images/checkmarkNoBorder.gif');
}
.tundra .dijitRadio,
.tundra .dijitRadioIcon {
/* unselected */
background-position: -112px;
}
.tundra .dijitRadioDisabled {
/* unselected and disabled */
background-position: -144px;
}
.tundra .dijitRadioHover {
/* hovering over an unselected enabled radio button */
background-position: -176px;
}
.tundra .dijitRadioChecked,
.tundra .dijitRadioCheckedHover,
.tundra .dijitToggleButtonChecked .dijitRadioIcon {
/* selected. Since clicking a selected radio button doesn't change anything, there's
* no hover effect on selected radio buttons.
*/
background-position: -96px;
}
.tundra .dijitRadioCheckedDisabled {
/* selected but disabled */
background-position: -128px;
}