JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.1
[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 }\r
73 \r
74 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_label\r
75 {\r
76         float: right;\r
77         padding-right: 4px;\r
78         padding-left: 5px;\r
79 }\r
80 \r
81 .cke_skin_v2 .cke_hc .cke_rcombo .cke_label\r
82 {\r
83         filter: alpha(opacity=100);\r
84         opacity: 1.0;\r
85 }\r
86 \r
87 .cke_skin_v2 .cke_rcombo .cke_inline_label\r
88 {\r
89         color: #fff;\r
90 }\r
91 \r
92 .cke_skin_v2 .cke_rcombo .cke_text\r
93 {\r
94         border: 1px solid #8f8f73;\r
95         background-color: #fff;\r
96         height: 12px;\r
97         width:60px;\r
98         padding-top: 4px;\r
99         padding-bottom: 4px;\r
100         padding-left: 5px;\r
101         padding-right: 5px;\r
102         text-overflow: ellipsis;\r
103         overflow: hidden;\r
104         display: inline-block;\r
105         vertical-align: top;\r
106 }\r
107 \r
108 .cke_skin_v2 .cke_ltr .cke_rcombo .cke_text\r
109 {\r
110         -moz-border-radius-topleft: 3px;\r
111         -webkit-border-top-left-radius: 3px;\r
112         border-top-left-radius: 3px;\r
113         -moz-border-radius-bottomleft: 3px;\r
114         -webkit-border-bottom-left-radius: 3px;\r
115         border-bottom-left-radius: 3px;\r
116 }\r
117 \r
118 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_text\r
119 {\r
120         -moz-border-radius-topright: 3px;\r
121         -webkit-border-top-right-radius: 3px;\r
122         border-top-right-radius: 3px;\r
123         -moz-border-radius-bottomright: 3px;\r
124         -webkit-border-bottom-right-radius: 3px;\r
125         border-bottom-right-radius: 3px;\r
126 }\r
127 \r
128 /* Fix for IE height */\r
129 .cke_skin_v2 .cke_browser_iequirks .cke_rcombo .cke_text\r
130 {\r
131         height: 22px;\r
132 }\r
133 \r
134 .cke_skin_v2 .cke_rcombo .cke_openbutton\r
135 {\r
136         display: inline-block;\r
137 \r
138         background-position: 5px -715px;\r
139         background-image: url(images/sprites.png);\r
140         _background-image: url(images/sprites_ie6.png);\r
141         background-repeat: no-repeat;\r
142 \r
143         border-top: 1px solid #8f8f73;\r
144         border-bottom: 1px solid #8f8f73;\r
145         width: 14px;\r
146         height: 20px;\r
147 }\r
148 \r
149 .cke_skin_v2 .cke_ltr .cke_rcombo .cke_openbutton\r
150 {\r
151     border-right: 1px solid #8f8f73;\r
152         -moz-border-radius-topright: 3px;\r
153         -webkit-border-top-right-radius: 3px;\r
154         border-top-right-radius: 3px;\r
155         -moz-border-radius-bottomright: 3px;\r
156         -webkit-border-bottom-right-radius: 3px;\r
157         border-bottom-right-radius: 3px;\r
158 }\r
159 \r
160 .cke_skin_v2 .cke_rtl .cke_rcombo .cke_openbutton\r
161 {\r
162     border-left: 1px solid #8f8f73;\r
163         -moz-border-radius-topleft: 3px;\r
164         -webkit-border-top-left-radius: 3px;\r
165         border-top-left-radius: 3px;\r
166         -moz-border-radius-bottomleft: 3px;\r
167         -webkit-border-bottom-left-radius: 3px;\r
168         border-bottom-left-radius: 3px;\r
169 }\r
170 \r
171 .cke_skin_v2 .cke_rcombo .cke_off a:hover,\r
172 .cke_skin_v2 .cke_rcombo .cke_off a:focus,\r
173 .cke_skin_v2 .cke_rcombo .cke_off a:active,\r
174 .cke_skin_v2 .cke_rcombo .cke_on a\r
175 {\r
176         filter: alpha(opacity=100); /* IE */\r
177         opacity: 1; /* Safari, Opera and Mozilla */\r
178 }\r
179 \r
180 .cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_text,\r
181 .cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_text,\r
182 .cke_skin_v2 .cke_rcombo .cke_off a:active .cke_text,\r
183 .cke_skin_v2 .cke_rcombo .cke_on .cke_text\r
184 {\r
185         border-color: #316ac5;\r
186 }\r
187 \r
188 .cke_skin_v2 .cke_rcombo .cke_off a:hover .cke_openbutton,\r
189 .cke_skin_v2 .cke_rcombo .cke_off a:focus .cke_openbutton,\r
190 .cke_skin_v2 .cke_rcombo .cke_off a:active .cke_openbutton,\r
191 .cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton\r
192 {\r
193         border-color: #316ac5;\r
194         background-color: #dff1ff;\r
195 }\r
196 \r
197 .cke_skin_v2 .cke_rcombo .cke_on .cke_text\r
198 {\r
199         -moz-border-radius-bottomleft: 0px;\r
200         -webkit-border-bottom-left-radius: 0px;\r
201         border-bottom-left-radius: 0px;\r
202 }\r
203 \r
204 .cke_skin_v2 .cke_rcombo .cke_on .cke_openbutton\r
205 {\r
206         -moz-border-radius-bottomright: 0px;\r
207         -webkit-border-bottom-right-radius: 0px;\r
208         border-bottom-right-radius: 0px;\r
209 }\r
210 \r
211 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_label\r
212 {\r
213         filter: alpha(opacity=30); /* IE */\r
214         opacity: 0.3; /* Safari, Opera and Mozilla */\r
215 }\r
216 \r
217 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_label\r
218 {\r
219         filter: alpha(opacity=70);\r
220         opacity: 0.7;\r
221 }\r
222 \r
223 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_text,\r
224 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_openbutton\r
225 {\r
226         filter: alpha(opacity=50); /* IE */\r
227         opacity: 0.5; /* Safari, Opera and Mozilla */\r
228 }\r
229 \r
230 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_text,\r
231 .cke_skin_v2 .cke_hc .cke_rcombo .cke_disabled .cke_openbutton\r
232 {\r
233         filter: alpha(opacity=80);\r
234         opacity: 0.8;\r
235 }\r
236 \r
237 .cke_skin_v2 .cke_rcombo .cke_disabled .cke_text\r
238 {\r
239         color: #fff;\r
240 }\r
241 \r
242 /* Firefox 2 & WebKit Section */\r
243 \r
244 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo,\r
245 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_label,\r
246 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_text,\r
247 .cke_skin_v2 .cke_browser_gecko18 .cke_rcombo .cke_openbutton,\r
248 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_label,\r
249 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_text,\r
250 .cke_skin_v2 .cke_browser_webkit .cke_rcombo .cke_openbutton\r
251 {\r
252         display: block;\r
253         float: left;\r
254 }\r
255 \r
256 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo,\r
257 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_label,\r
258 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_text,\r
259 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_rcombo .cke_openbutton,\r
260 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_label,\r
261 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_text,\r
262 .cke_skin_v2 .cke_browser_webkit .cke_rtl .cke_rcombo .cke_openbutton\r
263 {\r
264         float: right;\r
265 }\r
266 \r
267 /*** IE ***/\r
268 \r
269 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo,\r
270 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo a,\r
271 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_rcombo .cke_label\r
272 {\r
273         float: none;\r
274 }\r