Project

General

Profile

« Previous | Next » 

Revision 1289

Added by kweitzel over 14 years ago

Branch 2.8.1 merged back into Trunk

View differences:

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