some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / skin / EarlyBlue / global / radio.css
... / ...
CommitLineData
1/* stylesheet for XUL <radio> element */
2
3/* default radio for dialogs */
4/* outer frame */
5 radio
6 {
7 margin : 3px 5px 3px 5px;
8 }
9
10 .radio-checkmark-box-1
11 {
12 border: 2px outset #CCD0DD;
13 -moz-border-radius : 50%;
14 margin : 0px 2px 0px 0px;
15 width : 12px;
16 height : 12px;
17 }
18
19 .radio-checkmark-box-1[disabled="true"]
20 {
21 background-color : -moz-Dialog;
22 }
23
24 .radio-checkmark-box-2
25 {
26 -moz-border-radius : 50%;
27 padding : 1px;
28 width : 11px;
29 height : 11px;
30 }
31
32 /* ensure that no list-style-image is inherited in from the Outside */
33 .radio-check
34 {
35 list-style-image : none;
36 }
37
38 .radio-check[checked="true"]
39 {
40 list-style-image : url(chrome://global/skin/check-radio.gif);
41 }
42
43 .radio-check[checked="true"][disabled="true"]
44 {
45 list-style-image : url(chrome://global/skin/check-radio-disabled.gif);
46 }
47
48 radio:hover:active > .radio-internal-box > .radio-checkmark-box-1
49 {
50 border: 2px inset #CCD0DD;
51 }
52
53 radio[disabled="true"] > .radio-internal-box > .radio-checkmark-box-1,
54 radio[disabled="true"]:active > .radio-internal-box > .radio-checkmark-box-1
55 {
56 border: 2px outset #CCD0DD;
57 }
58
59/* text/icon frames */
60 .radio-text
61 {
62 margin : 0px 0px 0px 2px;
63 }
64
65 .radio-icon
66 {
67 list-style-image : inherit;
68 }
69
70 .radio-text
71 {
72 margin : 0px !important;
73 }
74
75 .radio-text[disabled="true"]
76 {
77 color : #999999;
78 }
79
80 radio[focused="true"] > .radio-internal-box > .radio-text-container
81 {
82 border : 1px dotted #9999CC;
83 }
84
85 .radio-text-container
86 {
87 border : 1px solid transparent;
88 }
89
90 .radio-internal-box
91 {
92 -moz-user-focus : ignore;
93 }
94
95