Revision 1289
Added by kweitzel over 14 years ago
fck_editor.css | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
1 | 2 |
/* |
2 | 3 |
* FCKeditor - The text editor for Internet - http://www.fckeditor.net |
3 | 4 |
* Copyright (C) 2003-2009 Frederico Caldeira Knabben |
... | ... | |
20 | 21 |
* |
21 | 22 |
* Styles used by the editor IFRAME and Toolbar. |
22 | 23 |
*/ |
23 |
|
|
24 | 24 |
/* |
25 | 25 |
### Basic Editor IFRAME Styles. |
26 | 26 |
*/ |
27 |
|
|
28 |
body |
|
29 |
{ |
|
30 |
padding: 1px; |
|
31 |
margin: 0; |
|
32 |
background-color: #ffffff; |
|
33 |
} |
|
34 |
|
|
35 |
#xEditingArea |
|
36 |
{ |
|
37 |
border: #696969 1px solid; |
|
38 |
} |
|
39 |
|
|
40 |
.SourceField |
|
41 |
{ |
|
42 |
padding: 5px; |
|
43 |
margin: 0px; |
|
44 |
font-family: Monospace; |
|
45 |
} |
|
46 |
|
|
27 |
body { padding: 1px; margin: 0; background-color: #ffffff; } |
|
28 |
#xEditingArea { border: #696969 1px solid; } |
|
29 |
.SourceField { padding: 5px; margin: 0px; font-family: Monospace; } |
|
47 | 30 |
/* |
48 | 31 |
Toolbar |
49 | 32 |
*/ |
50 |
|
|
51 |
.TB_ToolbarSet, .TB_Expand, .TB_Collapse |
|
52 |
{ |
|
53 |
cursor: default; |
|
54 |
background-color: #efefde; |
|
55 |
} |
|
56 |
|
|
57 |
.TB_ToolbarSet |
|
58 |
{ |
|
59 |
border-top: #efefde 1px outset; |
|
60 |
border-bottom: #efefde 1px outset; |
|
61 |
} |
|
62 |
|
|
63 |
.TB_ToolbarSet TD |
|
64 |
{ |
|
65 |
font-size: 11px; |
|
66 |
font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; |
|
67 |
} |
|
68 |
|
|
69 |
.TB_Toolbar |
|
70 |
{ |
|
71 |
height: 24px; |
|
72 |
display: inline-table; /* inline = Opera jumping buttons bug */ |
|
73 |
} |
|
74 |
|
|
75 |
.TB_Separator |
|
76 |
{ |
|
77 |
width: 1px; |
|
78 |
height: 16px; |
|
79 |
margin: 2px; |
|
80 |
background-color: #999966; |
|
81 |
} |
|
82 |
|
|
83 |
.TB_Start |
|
84 |
{ |
|
85 |
background-image: url(images/toolbar.start.gif); |
|
86 |
margin: 2px; |
|
87 |
width: 3px; |
|
88 |
background-repeat: no-repeat; |
|
89 |
height: 16px; |
|
90 |
} |
|
91 |
|
|
92 |
.TB_End |
|
93 |
{ |
|
94 |
display: none; |
|
95 |
} |
|
96 |
|
|
97 |
.TB_ExpandImg |
|
98 |
{ |
|
99 |
background-image: url(images/toolbar.expand.gif); |
|
100 |
background-repeat: no-repeat; |
|
101 |
} |
|
102 |
|
|
103 |
.TB_CollapseImg |
|
104 |
{ |
|
105 |
background-image: url(images/toolbar.collapse.gif); |
|
106 |
background-repeat: no-repeat; |
|
107 |
} |
|
108 |
|
|
109 |
.TB_SideBorder |
|
110 |
{ |
|
111 |
background-color: #696969; |
|
112 |
} |
|
113 |
|
|
114 |
.TB_Expand, .TB_Collapse |
|
115 |
{ |
|
116 |
padding: 2px 2px 2px 2px; |
|
117 |
border: #efefde 1px outset; |
|
118 |
} |
|
119 |
|
|
120 |
.TB_Collapse |
|
121 |
{ |
|
122 |
width: 5px; |
|
123 |
} |
|
124 |
|
|
125 |
.TB_Break |
|
126 |
{ |
|
127 |
height: 24px; /* IE needs the height to be set, otherwise no break */ |
|
128 |
} |
|
129 |
|
|
33 |
.TB_ToolbarSet, .TB_Expand, .TB_Collapse { background-color: #efefde; cursor: default; } |
|
34 |
.TB_ToolbarSet { border-top: #efefde 1px outset; border-bottom: #efefde 1px outset; } |
|
35 |
.TB_Toolbar { display: inline-table; /* inline = Opera jumping buttons bug */ height: 24px; } |
|
36 |
.TB_Separator { width: 1px; margin: 2px; background-color: #999966; height: 16px; } |
|
37 |
.TB_Start { margin: 2px; width: 3px; background-image: url(images/toolbar.start.gif); background-repeat: no-repeat; height: 16px; } |
|
38 |
.TB_End { display: none; } |
|
39 |
.TB_ExpandImg { background-image: url(images/toolbar.expand.gif); background-repeat: no-repeat; } |
|
40 |
.TB_CollapseImg { background-image: url(images/toolbar.collapse.gif); background-repeat: no-repeat; } |
|
41 |
.TB_SideBorder { background-color: #696969; } |
|
42 |
.TB_Expand, .TB_Collapse { padding: 2px 2px 2px 2px; border: #efefde 1px outset; } |
|
43 |
.TB_Collapse { width: 5px; } |
|
44 |
.TB_Break { height: 24px; /* IE needs the height to be set, otherwise no break */ } |
|
130 | 45 |
/* |
131 | 46 |
Toolbar Button |
132 | 47 |
*/ |
133 |
|
|
134 |
.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled |
|
135 |
{ |
|
136 |
border: #efefde 1px solid; /* This is the default border */ |
|
137 |
height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */ |
|
138 |
} |
|
139 |
|
|
140 |
.TB_Button_On |
|
141 |
{ |
|
142 |
border: #316ac5 1px solid; |
|
143 |
background-color: #c1d2ee; |
|
144 |
} |
|
145 |
|
|
146 |
.TB_Button_On_Over, .TB_Button_Off_Over |
|
147 |
{ |
|
148 |
border: #316ac5 1px solid; |
|
149 |
background-color: #dff1ff; |
|
150 |
} |
|
151 |
|
|
152 |
.TB_Button_Off |
|
153 |
{ |
|
154 |
filter: alpha(opacity=70); /* IE */ |
|
155 |
opacity: 0.70; /* Safari, Opera and Mozilla */ |
|
156 |
} |
|
157 |
|
|
158 |
.TB_Button_Disabled |
|
159 |
{ |
|
160 |
filter: gray() alpha(opacity=30); /* IE */ |
|
161 |
opacity: 0.30; /* Safari, Opera and Mozilla */ |
|
162 |
} |
|
163 |
|
|
164 |
.TB_Button_Padding |
|
165 |
{ |
|
166 |
visibility: hidden; |
|
167 |
width: 3px; |
|
168 |
height: 22px; |
|
169 |
} |
|
170 |
|
|
171 |
.TB_Button_Image |
|
172 |
{ |
|
173 |
overflow: hidden; |
|
174 |
width: 16px; |
|
175 |
height: 16px; |
|
176 |
margin: 3px; |
|
177 |
background-repeat: no-repeat; |
|
178 |
} |
|
179 |
|
|
180 |
.TB_Button_Image img |
|
181 |
{ |
|
182 |
position: relative; |
|
183 |
} |
|
184 |
|
|
185 |
.TB_Button_Off .TB_Button_Text |
|
186 |
{ |
|
187 |
background-color: #efefde; /* Needed because of a bug on Clear Type */ |
|
188 |
} |
|
189 |
|
|
190 |
.TB_ConnectionLine |
|
191 |
{ |
|
192 |
background-color: #ffffff; |
|
193 |
height: 1px; |
|
194 |
margin-left: 1px; /* ltr */ |
|
195 |
margin-right: 1px; /* rtl */ |
|
196 |
} |
|
197 |
|
|
198 |
.TB_Text |
|
199 |
{ |
|
200 |
height: 22px; |
|
201 |
} |
|
202 |
|
|
203 |
.TB_Button_Off .TB_Text |
|
204 |
{ |
|
205 |
background-color: #efefde ; /* Needed because of a bug on ClearType */ |
|
206 |
} |
|
207 |
|
|
208 |
.TB_Button_On_Over .TB_Text |
|
209 |
{ |
|
210 |
background-color: #dff1ff ; /* Needed because of a bug on ClearType */ |
|
211 |
} |
|
212 |
|
|
48 |
.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled { border: #efefde 1px solid; /* This is the default border */ height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */ } |
|
49 |
.TB_Button_On { border: #316ac5 1px solid; background-color: #c1d2ee; } |
|
50 |
.TB_Button_On_Over, .TB_Button_Off_Over { border: #316ac5 1px solid; background-color: #dff1ff; } |
|
51 |
.TB_Button_Padding { width: 3px; visibility: hidden; height: 22px; } |
|
52 |
.TB_Button_Image { width: 16px; margin: 3px; background-repeat: no-repeat; overflow: hidden; height: 16px; } |
|
53 |
.TB_Button_Image img { position: relative; } |
|
54 |
.TB_ConnectionLine { margin-left: 1px; /* ltr */ margin-right: 1px; /* rtl */ background-color: #ffffff; height: 1px; } |
|
55 |
.TB_Text { height: 22px; } |
|
56 |
.TB_Button_On_Over .TB_Text { background-color: #dff1ff; /* Needed because of a bug on ClearType */ } |
|
213 | 57 |
/* |
214 | 58 |
Menu |
215 | 59 |
*/ |
216 |
|
|
217 |
.MN_Menu |
|
218 |
{ |
|
219 |
border: 1px solid #8f8f73; |
|
220 |
padding: 2px; |
|
221 |
background-color: #ffffff; |
|
222 |
cursor: default; |
|
223 |
} |
|
224 |
|
|
225 |
.MN_Menu, .MN_Menu .MN_Label |
|
226 |
{ |
|
227 |
font-size: 11px; |
|
228 |
font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; |
|
229 |
} |
|
230 |
|
|
231 |
.MN_Item_Padding |
|
232 |
{ |
|
233 |
visibility: hidden; |
|
234 |
width: 3px; |
|
235 |
height: 20px; |
|
236 |
} |
|
237 |
|
|
238 |
.MN_Icon |
|
239 |
{ |
|
240 |
background-color: #e3e3c7; |
|
241 |
text-align: center; |
|
242 |
height: 20px; |
|
243 |
} |
|
244 |
|
|
245 |
.MN_Label |
|
246 |
{ |
|
247 |
padding-left: 3px; |
|
248 |
padding-right: 3px; |
|
249 |
} |
|
250 |
|
|
251 |
.MN_Separator |
|
252 |
{ |
|
253 |
height: 3px; |
|
254 |
} |
|
255 |
|
|
256 |
.MN_Separator_Line |
|
257 |
{ |
|
258 |
border-top: #b9b99d 1px solid; |
|
259 |
} |
|
260 |
|
|
261 |
.MN_Item .MN_Icon IMG |
|
262 |
{ |
|
263 |
filter: alpha(opacity=70); |
|
264 |
opacity: 0.70; |
|
265 |
} |
|
266 |
|
|
267 |
.MN_Item_Over |
|
268 |
{ |
|
269 |
color: #ffffff; |
|
270 |
background-color: #8f8f73; |
|
271 |
} |
|
272 |
|
|
273 |
.MN_Item_Over .MN_Icon |
|
274 |
{ |
|
275 |
background-color: #737357; |
|
276 |
} |
|
277 |
|
|
278 |
.MN_Item_Disabled IMG |
|
279 |
{ |
|
280 |
filter: gray() alpha(opacity=30); /* IE */ |
|
281 |
opacity: 0.30; /* Safari, Opera and Mozilla */ |
|
282 |
} |
|
283 |
|
|
284 |
.MN_Item_Disabled .MN_Label |
|
285 |
{ |
|
286 |
color: #b7b7b7; |
|
287 |
} |
|
288 |
|
|
289 |
.MN_Arrow |
|
290 |
{ |
|
291 |
padding-right: 3px; |
|
292 |
padding-left: 3px; |
|
293 |
} |
|
294 |
|
|
295 |
.MN_ConnectionLine |
|
296 |
{ |
|
297 |
background-color: #ffffff; |
|
298 |
} |
|
299 |
|
|
300 |
.Menu .TB_Button_On, .Menu .TB_Button_On_Over |
|
301 |
{ |
|
302 |
border: #8f8f73 1px solid; |
|
303 |
background-color: #ffffff; |
|
304 |
} |
|
305 |
|
|
60 |
.MN_Menu { border: 1px solid #8f8f73; padding: 2px; background-color: #ffffff; cursor: default; } |
|
61 |
.MN_Item_Padding { width: 3px; visibility: hidden; height: 20px; } |
|
62 |
.MN_Icon { background-color: #e3e3c7; text-align: center; height: 20px; } |
|
63 |
.MN_Separator { height: 3px; } |
|
64 |
.MN_Separator_Line { border-top: #b9b99d 1px solid; } |
|
65 |
.MN_Item_Over { color: #ffffff; background-color: #8f8f73; } |
|
66 |
.MN_Item_Over .MN_Icon { background-color: #737357; } |
|
67 |
.MN_Item_Disabled .MN_Label { color: #b7b7b7; } |
|
68 |
.MN_ConnectionLine { background-color: #ffffff; } |
|
69 |
.Menu .TB_Button_On, .Menu .TB_Button_On_Over { border: #8f8f73 1px solid; background-color: #ffffff; } |
|
306 | 70 |
/* |
307 | 71 |
### Panel Styles |
308 | 72 |
*/ |
309 |
|
|
310 |
.FCK_Panel |
|
311 |
{ |
|
312 |
border: #8f8f73 1px solid; |
|
313 |
padding: 2px; |
|
314 |
background-color: #ffffff; |
|
315 |
} |
|
316 |
|
|
317 |
.FCK_Panel, .FCK_Panel TD |
|
318 |
{ |
|
319 |
font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; |
|
320 |
font-size: 11px; |
|
321 |
} |
|
322 |
|
|
73 |
.FCK_Panel { border: #8f8f73 1px solid; padding: 2px; background-color: #ffffff; } |
|
323 | 74 |
/* |
324 | 75 |
### Special Combos |
325 | 76 |
*/ |
326 |
|
|
327 |
.SC_Panel |
|
328 |
{ |
|
329 |
overflow: auto; |
|
330 |
white-space: nowrap; |
|
331 |
cursor: default; |
|
332 |
border: 1px solid #8f8f73; |
|
333 |
padding-left: 2px; |
|
334 |
padding-right: 2px; |
|
335 |
} |
|
336 |
|
|
337 |
.SC_Panel, .SC_Panel TD |
|
338 |
{ |
|
339 |
font-size: 11px; |
|
340 |
font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; |
|
341 |
} |
|
342 |
|
|
343 |
.SC_Item, .SC_ItemSelected |
|
344 |
{ |
|
345 |
margin-top: 2px; |
|
346 |
margin-bottom: 2px; |
|
347 |
background-position: left center; |
|
348 |
padding-left: 11px; |
|
349 |
padding-right: 3px; |
|
350 |
padding-top: 2px; |
|
351 |
padding-bottom: 2px; |
|
352 |
text-overflow: ellipsis; |
|
353 |
overflow: hidden; |
|
354 |
background-repeat: no-repeat; |
|
355 |
border: #dddddd 1px solid; |
|
356 |
} |
|
357 |
|
|
358 |
.SC_Item *, .SC_ItemSelected * |
|
359 |
{ |
|
360 |
margin-top: 0px; |
|
361 |
margin-bottom: 0px; |
|
362 |
} |
|
363 |
|
|
364 |
.SC_ItemSelected |
|
365 |
{ |
|
366 |
border: #9a9afb 1px solid; |
|
367 |
background-image: url(images/toolbar.arrowright.gif); |
|
368 |
} |
|
369 |
|
|
370 |
.SC_ItemOver |
|
371 |
{ |
|
372 |
border: #316ac5 1px solid; |
|
373 |
} |
|
374 |
|
|
375 |
.SC_Field |
|
376 |
{ |
|
377 |
border: #b7b7a6 1px solid; |
|
378 |
cursor: default; |
|
379 |
} |
|
380 |
|
|
381 |
.SC_FieldCaption |
|
382 |
{ |
|
383 |
overflow: visible; |
|
384 |
padding-right: 5px; |
|
385 |
padding-left: 5px; |
|
386 |
opacity: 0.75; /* Safari, Opera and Mozilla */ |
|
387 |
filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */ |
|
388 |
height: 23px; |
|
389 |
background-color: #efefde; |
|
390 |
} |
|
391 |
|
|
392 |
.SC_FieldLabel |
|
393 |
{ |
|
394 |
white-space: nowrap; |
|
395 |
padding: 2px; |
|
396 |
width: 100%; |
|
397 |
cursor: default; |
|
398 |
background-color: #ffffff; |
|
399 |
text-overflow: ellipsis; |
|
400 |
overflow: hidden; |
|
401 |
} |
|
402 |
|
|
403 |
.SC_FieldButton |
|
404 |
{ |
|
405 |
background-position: center center; |
|
406 |
background-image: url(images/toolbar.buttonarrow.gif); |
|
407 |
border-left: #b7b7a6 1px solid; |
|
408 |
width: 14px; |
|
409 |
background-repeat: no-repeat; |
|
410 |
} |
|
411 |
|
|
412 |
.SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption, .SC_FieldDisabled .TB_ButtonType_Text |
|
413 |
{ |
|
414 |
opacity: 0.30; /* Safari, Opera and Mozilla */ |
|
415 |
filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */ |
|
416 |
} |
|
417 |
|
|
418 |
.SC_FieldOver |
|
419 |
{ |
|
420 |
border: #316ac5 1px solid; |
|
421 |
} |
|
422 |
|
|
423 |
.SC_FieldOver .SC_FieldButton |
|
424 |
{ |
|
425 |
border-left: #316ac5 1px solid; |
|
426 |
} |
|
427 |
|
|
77 |
.SC_Panel { border: 1px solid #8f8f73; padding-left: 2px; padding-right: 2px; white-space: nowrap; overflow: auto; cursor: default; } |
|
78 |
.SC_Item, .SC_ItemSelected { margin-top: 2px; margin-bottom: 2px; padding-left: 11px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; border: #dddddd 1px solid; background-position: left center; background-repeat: no-repeat; overflow: hidden; text-overflow: ellipsis; } |
|
79 |
.SC_Item *, .SC_ItemSelected * { margin-top: 0px; margin-bottom: 0px; } |
|
80 |
.SC_ItemSelected { border: #9a9afb 1px solid; background-image: url(images/toolbar.arrowright.gif); } |
|
81 |
.SC_Field { border: #b7b7a6 1px solid; cursor: default; } |
|
82 |
.SC_FieldCaption { padding-right: 5px; padding-left: 5px; background-color: #efefde; overflow: visible; height: 23px; /* -moz-opacity: 0.75; Mozilla (Old) */ opacity: 0.75; /* Safari, Opera and Mozilla */ filter: alpha(opacity=70); /* IE */ } |
|
83 |
.SC_FieldLabel { padding: 2px; width: 100%; white-space: nowrap; background-color: #ffffff; cursor: default; overflow: hidden; text-overflow: ellipsis; } |
|
84 |
.SC_FieldButton { border-left: #b7b7a6 1px solid; width: 14px; background-position: center center; background-image: url(images/toolbar.buttonarrow.gif); background-repeat: no-repeat; } |
|
85 |
.SC_FieldOver .SC_FieldButton { border-left: #316ac5 1px solid; } |
|
428 | 86 |
/* |
429 | 87 |
### Color Selector Panel |
430 | 88 |
*/ |
431 |
|
|
432 |
.ColorBoxBorder |
|
433 |
{ |
|
434 |
border: #808080 1px solid; |
|
435 |
position: static; |
|
436 |
} |
|
437 |
|
|
438 |
.ColorBox |
|
439 |
{ |
|
440 |
font-size: 1px; |
|
441 |
width: 10px; |
|
442 |
position: static; |
|
443 |
height: 10px; |
|
444 |
} |
|
445 |
|
|
446 |
.ColorDeselected, .ColorSelected |
|
447 |
{ |
|
448 |
cursor: default; |
|
449 |
} |
|
450 |
|
|
451 |
.ColorDeselected |
|
452 |
{ |
|
453 |
border: #ffffff 1px solid; |
|
454 |
padding: 2px; |
|
455 |
float: left; |
|
456 |
} |
|
457 |
|
|
458 |
.ColorSelected |
|
459 |
{ |
|
460 |
border: #330066 1px solid; |
|
461 |
padding: 2px; |
|
462 |
float: left; |
|
463 |
background-color: #c4cdd6; |
|
464 |
} |
|
89 |
.ColorBoxBorder { border: #808080 1px solid; position: static; } |
|
90 |
.ColorBox { width: 10px; font-size: 1px; position: static; height: 10px; } |
|
91 |
.ColorDeselected, .ColorSelected { cursor: default; } |
|
92 |
.ColorDeselected { border: #ffffff 1px solid; padding: 2px; float: left; } |
|
93 |
.ColorSelected { border: #330066 1px solid; padding: 2px; float: left; background-color: #c4cdd6; } |
|
94 |
.TB_Button_Off, .MN_Item .MN_Icon IMG { filter: alpha(opacity=70); /* IE */ opacity: 0.70; /* Safari, Opera and Mozilla */ } |
|
95 |
.TB_Button_Off .TB_Button_Text, .TB_Button_Off .TB_Text { background-color: #efefde; /* Needed because of a bug on Clear Type */ } |
|
96 |
.MN_Label, .MN_Arrow { padding-left: 3px; padding-right: 3px; } |
|
97 |
.SC_ItemOver, .SC_FieldOver { border: #316ac5 1px solid; } |
|
98 |
.SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption, .SC_FieldDisabled .TB_ButtonType_Text, .TB_Button_Disabled, .MN_Item_Disabled IMG { opacity: 0.30; /* Safari, Opera and Mozilla */ filter: gray() alpha(opacity=30); /* IE */ } |
|
99 |
.TB_ToolbarSet TD, .MN_Menu, .MN_Menu .MN_Label, .FCK_Panel, .FCK_Panel TD, .SC_Panel, .SC_Panel TD { font-size: 11px; font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; } |
Also available in: Unified diff
Branch 2.8.1 merged back into Trunk