css-bootstrap/radio-set.css
[roojs1] / css-bootstrap / radio-set.css
1
2 .roo-radio-set-input {
3     width: 0px;
4     height: 0px;
5     border: none;
6     opacity: 0;
7     position: absolute;
8     top: 0;
9     left: 0;
10 }
11
12 .radio.checked label::after 
13 {
14     -webkit-transform: scale(1, 1);
15     -ms-transform: scale(1, 1);
16     -o-transform: scale(1, 1);
17     transform: scale(1, 1);
18     background-color: #555555;
19 }
20
21 .roo-radio-set.disabled .radio label 
22 {
23     opacity: 0.65; 
24 }
25
26 .roo-radio-set.disabled .radio label
27 {
28     cursor: not-allowed; 
29 }
30
31 .radio-primary label::after 
32 {
33     background-color: #fff; 
34 }
35
36 .radio-primary.checked label::before 
37 {
38     border-color: #428bca; 
39 }
40
41 .radio-primary.checked label::after 
42 {
43     background-color: #428bca; 
44 }
45
46 .radio-danger label::after 
47 {
48     background-color: #d9534f; 
49 }
50
51 .radio-danger.checked label::before 
52 {
53     border-color: #d9534f; 
54 }
55
56 .radio-danger.checked label::after 
57 {
58     background-color: #d9534f; 
59 }
60     
61 .radio-info label::after 
62 {
63     background-color: #fff;
64 }
65
66 .radio-info.checked label::before 
67 {
68     border-color: #5bc0de; 
69 }
70
71 .radio-info.checked label::after 
72 {
73     background-color: #5bc0de; 
74 }
75
76 .radio-warning label::after 
77 {
78     background-color: #fff; 
79 }
80
81 .radio-warning.checked label::before 
82 {
83     border-color: #f0ad4e; 
84 }
85
86 .radio-warning.checked label::after 
87 {
88     background-color: #f0ad4e; 
89 }
90
91 .radio-success label::after 
92 {
93     background-color: #fff; 
94 }
95
96 .radio-success.checked label::before 
97 {
98     border-color: #5cb85c; 
99 }
100
101 .radio-success.checked label::after 
102 {
103     background-color: #5cb85c; 
104 }
105
106 .roo-radio-set.has-warning .roo-radio-set-items label,
107 .roo-radio-set.has-warning .roo-radio-set-label {
108     color: #8a6d3b;
109 }
110
111 .roo-radio-set.has-error .roo-radio-set-items label,
112 .roo-radio-set.has-error .roo-radio-set-label {
113     color: #a94442;
114 }
115
116 .roo-radio-set.has-success .roo-radio-set-items label,
117 .roo-radio-set.has-success .roo-radio-set-label {
118     color: #3c763d;
119 }
120
121 .roo-radio-set-inline .radio {
122     display: inline-block;
123     padding-left: 20px;
124     margin-bottom: 0;
125     font-weight: 400;
126     vertical-align: middle;
127     cursor: pointer;
128 }
129
130 .roo-radio-set-label .roo-required-indicator.right-indicator {
131     position: absolute;
132 }
133
134 .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
135     font-size: 8px;
136     margin-left: 3px;
137     color: #EC0404;
138 }