]>
Commit | Line | Data |
---|---|---|
81bea17a AD |
1 | /* RadioButton |
2 | * | |
3 | * Styling RadioButton mainly includes: | |
4 | * | |
5 | * 1. Containers | |
6 | * .dijitRadio|.dijitRadioIcon - for border, padding, width|height and background image | |
7 | * | |
8 | * 2. RadioButton within ToggleButton | |
9 | * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image | |
10 | * | |
11 | * 3. Checked state | |
12 | * .dijitRadioChecked - for checked background-color|image | |
13 | * .dijitToggleButtonChecked - for border, background-color|image, display and width|height | |
14 | * | |
15 | * 4. Hover state | |
16 | * .dijitRadioHover|.dijitRadioCheckedHover - for background image | |
17 | * | |
18 | * 5. Disabled state | |
19 | * .dijitRadioDisabled|.dijitRadioCheckedDisabled - for background image | |
20 | */ | |
21 | .claro .dijitToggleButton .dijitRadio, .claro .dijitToggleButton .dijitRadioIcon { | |
1354d172 | 22 | background-image: url("../form/images/checkboxRadioButtonStates.png"); |
2f01fe57 | 23 | } |
81bea17a | 24 | .dj_ie6 .claro .dijitToggleButton .dijitRadio, .dj_ie6 .claro .dijitToggleButton .dijitRadioIcon { |
1354d172 | 25 | background-image: url("../form/images/checkboxAndRadioButtons_IE6.png"); |
2f01fe57 | 26 | } |
81bea17a AD |
27 | .claro .dijitRadio, .claro .dijitRadioIcon { |
28 | /* inside a toggle button */ | |
29 | ||
1354d172 | 30 | background-image: url("../form/images/checkboxRadioButtonStates.png"); |
81bea17a AD |
31 | /* checkbox sprite image */ |
32 | ||
33 | background-repeat: no-repeat; | |
34 | width: 15px; | |
35 | height: 15px; | |
36 | margin: 0 2px 0 0; | |
37 | padding: 0; | |
2f01fe57 | 38 | } |
81bea17a AD |
39 | .dj_ie6 .claro .dijitRadio, .dj_ie6 .claro .dijitRadioIcon { |
40 | /* inside a toggle button */ | |
41 | ||
1354d172 | 42 | background-image: url("../form/images/checkboxAndRadioButtons_IE6.png"); |
81bea17a AD |
43 | /* checkbox sprite image */ |
44 | ||
2f01fe57 | 45 | } |
81bea17a AD |
46 | .claro .dijitRadio { |
47 | /* unselected */ | |
48 | ||
49 | background-position: -105px; | |
2f01fe57 AD |
50 | } |
51 | .claro .dijitToggleButton .dijitRadioIcon { | |
81bea17a AD |
52 | /* unselected */ |
53 | ||
54 | background-position: -107px; | |
2f01fe57 AD |
55 | } |
56 | .claro .dijitRadioDisabled { | |
81bea17a AD |
57 | /* unselected and disabled */ |
58 | ||
59 | background-position: -165px; | |
2f01fe57 AD |
60 | } |
61 | .claro .dijitRadioHover { | |
81bea17a AD |
62 | /* hovering over an unselected enabled radio button */ |
63 | ||
64 | background-position: -135px; | |
2f01fe57 | 65 | } |
81bea17a AD |
66 | .claro .dijitRadioChecked { |
67 | background-position: -90px; | |
2f01fe57 AD |
68 | } |
69 | .claro .dijitToggleButtonChecked .dijitRadioIcon { | |
81bea17a | 70 | background-position: -92px; |
2f01fe57 | 71 | } |
81bea17a AD |
72 | .claro .dijitRadioCheckedHover { |
73 | background-position: -120px; | |
2f01fe57 AD |
74 | } |
75 | .claro .dijitRadioCheckedDisabled { | |
81bea17a AD |
76 | /* selected but disabled */ |
77 | ||
78 | background-position: -150px; | |
2f01fe57 | 79 | } |