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