JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
e05d8c16764a8fb8fc2d18464fa6c8ad5a6114f0
[ckeditor.git] / _source / skins / v2 / richcombo.css
1 /* Special Combo */\r
2 \r
3 .cke_skin_v2 .cke_rcombo\r
4 {\r
5         display: inline-block;\r
6         margin-left: 2px;\r
7         margin-right: 2px;\r
8         margin-top: 2px;\r
9         vertical-align: top;\r
10         float: left;\r
11 }\r
12 \r
13 .cke_skin_v2 .cke_browser_ie .cke_rcombo\r
14 {\r
15         #float: none;\r
16         #display: inline;\r
17 }\r
18 \r
19 .cke_skin_v2 .cke_rtl .cke_rcombo\r
20 {\r
21         float: right;\r
22 }\r
23 \r
24 .cke_skin_v2 .cke_browser_ie .cke_rcombo\r
25 {\r
26         #float: none;\r
27 }\r
28 \r
29 .cke_skin_v2 .cke_rcombopanel\r
30 {\r
31         border: 1px solid #316ac5;\r
32         -moz-border-radius-topleft: 0;\r
33         -webkit-border-top-left-radius: 0;\r
34         border-top-left-radius: 0;\r
35         /*margin-left: 1px;*/\r
36         /*_margin-left: 0;*/\r
37 }\r
38 \r
39 .cke_skin_v2 .cke_rcombo a\r
40 {\r
41         display: inline-block;\r
42         float: left;\r
43 \r
44         filter: alpha(opacity=70); /* IE */\r
45         opacity: 0.70; /* Safari, Opera and Mozilla */\r
46 }\r
47 \r
48 .cke_skin_v2 .cke_rtl .cke_rcombo a\r
49 {\r
50         float: right;\r
51 }\r
52 \r
53 .cke_skin_v2 .cke_hc .cke_rcombo a\r
54 {\r
55         filter: alpha(opacity=100); /* IE */\r
56         opacity: 1.0; /* Safari, Opera and Mozilla */\r
57 }\r
58 \r
59 .cke_skin_v2 .cke_rcombo .cke_label\r
60 {\r
61         display: inline-block;\r
62         float: left;\r
63 \r
64         line-height: 24px;\r
65         height: 22px;\r
66         vertical-align: top;\r
67         padding-left: 4px;\r
68         padding-right: 5px;\r
69         filter: alpha(opacity=70); /* IE */\r
70         opacity: 0.70; /* Safari, Opera and Mozilla */\r
71         background-color: #f1f1e3;      /* Because of IE6+ClearType */\r
72         cursor: default;\r
73 }\r
74 \r
75 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_label\r
76 {\r
77         float: right;\r
78         padding-right: 4px;\r
79         padding-left: 5px;\r
80 }\r
81 \r
82 .cke_skin_v2 .cke_hc .cke_rcombo .cke_label\r
83 {\r
84         filter: alpha(opacity=100);\r
85         opacity: 1.0;\r
86 }\r
87 \r
88 .cke_skin_v2 .cke_rcombo .cke_inline_label\r
89 {\r
90         color: #fff;\r
91 }\r
92 \r
93 .cke_skin_v2 .cke_rcombo .cke_text\r
94 {\r
95         border: 1px solid #8f8f73;\r
96         background-color: #fff;\r
97         height: 12px;\r
98         width:60px;\r
99         padding-top: 4px;\r
100         padding-bottom: 4px;\r
101         padding-left: 5px;\r
102         padding-right: 5px;\r
103         text-overflow: ellipsis;\r
104         overflow: hidden;\r
105         display: inline-block;\r
106         vertical-align: top;\r
107         cursor: default;\r
108 }\r
109 \r
110 .cke_skin_v2 .cke_ltr .cke_rcombo .cke_text\r
111 {\r
112         -moz-border-radius-topleft: 3px;\r
113         -webkit-border-top-left-radius: 3px;\r
114         border-top-left-radius: 3px;\r
115         -moz-border-radius-bottomleft: 3px;\r
116         -webkit-border-bottom-left-radius: 3px;\r
117         border-bottom-left-radius: 3px;\r
118 }\r
119 \r
120 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_text\r
121 {\r
122         -moz-border-radius-topright: 3px;\r
123         -webkit-border-top-right-radius: 3px;\r
124         border-top-right-radius: 3px;\r
125         -moz-border-radius-bottomright: 3px;\r
126         -webkit-border-bottom-right-radius: 3px;\r
127         border-bottom-right-radius: 3px;\r
128 }\r
129 \r
130 /* Fix for IE height */\r
131 .cke_skin_v2 .cke_browser_iequirks .cke_rcombo .cke_text\r
132 {\r
133         height: 22px;\r
134 }\r
135 \r
136 .cke_skin_v2 .cke_rcombo .cke_openbutton\r
137 {\r
138         display: inline-block;\r
139         border-top: 1px solid #8f8f73;\r
140         border-bottom: 1px solid #8f8f73;\r
141 }\r
142 \r
143 .cke_skin_v2 .cke_rcombo .cke_openbutton .cke_icon\r
144 {\r
145         display: inline-block;\r
146         background-position: 5px -715px;\r
147         background-image: url(images/sprites.png);\r
148         _background-image: url(images/sprites_ie6.png);\r
149         background-repeat: no-repeat;\r
150 \r
151         width: 14px;\r
152         height: 20px;\r
153 }\r
154 \r
155 /* IE with zoom != 100% will distort the icons otherwise #4821 */\r
156 .cke_skin_v2 .cke_browser_ie .cke_rcombo .cke_openbutton .cke_icon\r
157 {\r
158         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');\r
159 }\r
160 .cke_skin_v2 .cke_browser_ie6 .cke_rcombo .cke_openbutton .cke_icon\r
161 {\r
162         filter: ;\r
163 }\r
164 .cke_skin_v2 .cke_hc .cke_rcombo .cke_openbutton .cke_icon\r
165 {\r
166         background: none;\r
167         filter: ;\r
168 }\r
169 \r
170 .cke_skin_v2 .cke_ltr .cke_rcombo .cke_openbutton\r
171 {\r
172     border-right: 1px solid #8f8f73;\r
173         -moz-border-radius-topright: 3px;\r
174         -webkit-border-top-right-radius: 3px;\r
175         border-top-right-radius: 3px;\r
176         -moz-border-radius-bottomright: 3px;\r
177         -webkit-border-bottom-right-radius: 3px;\r
178         border-bottom-right-radius: 3px;\r
179 }\r
180 \r
181 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_openbutton\r
182 {\r
183     border-left: 1px solid #8f8f73;\r
184         -moz-border-radius-topleft: 3px;\r
185         -webkit-border-top-left-radius: 3px;\r
186         border-top-left-radius: 3px;\r
187         -moz-border-radius-bottomleft: 3px;\r
188         -webkit-border-bottom-left-radius: 3px;\r
189         border-bottom-left-radius: 3px;\r
190 }\r
191 \r
192 .cke_skin_v2 .cke_rcombo .cke_off a:hover,\r
193 .cke_skin_v2 .cke_rcombo .cke_off a:focus,\r
194 .cke_skin_v2 .cke_rcombo .cke_off a:active,\r
195 .cke_skin_v2 .cke_rcombo .cke_on a\r
196 {\r
197         filter: alpha(opacity=100); /* IE */\r
198         opacity: 1; /* Safari, Opera and Mozilla */\r
199 }\r
200 \r
201 .cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_text,\r
202 .cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_text,\r
203 .cke_skin_v2 .cke_rcombo .cke_off a:active .cke_text,\r
204 .cke_skin_v2 .cke_rcombo .cke_on .cke_text\r
205 {\r
206         border-color: #316ac5;\r
207 }\r
208 \r
209 .cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_openbutton,\r
210 .cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_openbutton,\r
211 .cke_skin_v2 .cke_rcombo .cke_off a:active .cke_openbutton,\r
212 .cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton\r
213 {\r
214         border-color: #316ac5;\r
215         background-color: #dff1ff;\r
216 }\r
217 \r
218 .cke_skin_v2 .cke_rcombo .cke_on .cke_text\r
219 {\r
220         -moz-border-radius-bottomleft: 0px;\r
221         -webkit-border-bottom-left-radius: 0px;\r
222         border-bottom-left-radius: 0px;\r
223 }\r
224 \r
225 .cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton\r
226 {\r
227         -moz-border-radius-bottomright: 0px;\r
228         -webkit-border-bottom-right-radius: 0px;\r
229         border-bottom-right-radius: 0px;\r
230 }\r
231 \r
232 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_label\r
233 {\r
234         filter: alpha(opacity=30); /* IE */\r
235         opacity: 0.3; /* Safari, Opera and Mozilla */\r
236 }\r
237 \r
238 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_label\r
239 {\r
240         filter: alpha(opacity=70);\r
241         opacity: 0.7;\r
242 }\r
243 \r
244 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_text,\r
245 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_openbutton\r
246 {\r
247         filter: alpha(opacity=50); /* IE */\r
248         opacity: 0.5; /* Safari, Opera and Mozilla */\r
249 }\r
250 \r
251 /* IE with zoom != 100% will distort the icons otherwise #4821 */\r
252 .cke_skin_v2 .cke_browser_ie .cke_rcombo .cke_disabled .cke_openbutton\r
253 {\r
254         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale'), alpha(opacity=50);\r
255 }\r
256 .cke_skin_v2 .cke_browser_ie6 .cke_rcombo .cke_disabled .cke_openbutton\r
257 {\r
258         filter: alpha(opacity=50);\r
259 }\r
260 \r
261 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_text,\r
262 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_openbutton\r
263 {\r
264         filter: alpha(opacity=80);\r
265         opacity: 0.8;\r
266 }\r
267 \r
268 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_text\r
269 {\r
270         color: #fff;\r
271 }\r
272 \r
273 /* Firefox 2 & WebKit Section */\r
274 \r
275 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo,\r
276 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_label,\r
277 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_text,\r
278 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_openbutton,\r
279 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_label,\r
280 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_text,\r
281 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_openbutton\r
282 {\r
283         display: block;\r
284         float: left;\r
285 }\r
286 \r
287 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo,\r
288 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_label,\r
289 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_text,\r
290 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_openbutton,\r
291 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label,\r
292 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text,\r
293 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton\r
294 {\r
295         float: right;\r
296 }\r
297 \r
298 /*** IE ***/\r
299 \r
300 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo,\r
301 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo a,\r
302 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo .cke_label\r
303 {\r
304         float: none;\r
305 }\r
306 \r
307 .cke_skin_v2 .cke_browser_iequirks .cke_rcombo .cke_openbutton\r
308 {\r
309         height: 22px;\r
310 }\r
311 \r
312 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_font .cke_text,\r
313 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_fontSize .cke_text\r
314 {\r
315         direction: ltr;\r
316 }\r