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