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