/source/Plug-in/fck/editor/skins/office2003/fck_editor.css

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