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