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 1px 1px 1px;
31	margin: 0px 0px 0px 0px;
32}
33
34#xEditingArea
35{
36	border: #696969 1px solid;
37}
38
39.SourceField
40{
41	padding: 5px;
42	margin: 0px;
43	font-family: Monospace;
44}
45
46/*
47	Toolbar
48*/
49
50.TB_ToolbarSet, .TB_Expand, .TB_Collapse
51{
52    cursor: default;
53	background-color: #f7f7f7;
54}
55
56.TB_ToolbarSet
57{
58	padding: 1px;
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    display: inline-table;
72}
73
74.TB_Separator
75{
76    width: 1px;
77    height: 21px;
78    margin: 2px;
79    background-color: #C6C3BD;
80}
81
82.TB_Start
83{
84    background-image: url(images/toolbar.start.gif);
85    margin-left: 2px;
86    margin-right: 2px;
87    width: 3px;
88    background-repeat: no-repeat;
89    height: 27px;
90    background-position: center center;
91}
92
93.TB_End
94{
95	display: none;
96}
97
98.TB_ExpandImg
99{
100	background-image: url(images/toolbar.expand.gif);
101	background-repeat: no-repeat;
102}
103
104.TB_CollapseImg
105{
106	background-image: url(images/toolbar.collapse.gif);
107	background-repeat: no-repeat;
108}
109
110.TB_SideBorder
111{
112	background-color: #696969;
113}
114
115.TB_Expand, .TB_Collapse
116{
117	padding: 2px 2px 2px 2px;
118	border: #efefde 1px outset;
119}
120
121.TB_Collapse
122{
123	border: #efefde 1px outset;
124	width: 5px;
125}
126
127.TB_Break
128{
129	height: 27px;
130}
131
132/*
133	Toolbar Button
134*/
135
136.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
137{
138	padding: 1px ;
139	margin:1px;
140	height: 21px;
141}
142
143.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
144{
145	border: #cec6b5 1px solid;
146}
147
148.TB_Button_On
149{
150	border-color: #316ac5;
151	background-color: #c1d2ee;
152}
153
154.TB_Button_On_Over, .TB_Button_Off_Over
155{
156    border: #316ac5 1px solid;
157    background-color: #dff1ff;
158}
159
160.TB_Button_Off
161{
162	background: #efefef url(images/toolbar.buttonbg.gif) repeat-x;
163}
164
165.TB_Button_Off, .TB_Combo_Off
166{
167	opacity: 0.70; /* Safari, Opera and Mozilla */
168	filter: alpha(opacity=70); /* IE */
169	/* -moz-opacity: 0.70; Mozilla (Old) */
170}
171
172.TB_Button_Disabled
173{
174    opacity: 0.30; /* Safari, Opera and Mozilla */
175    filter: gray() alpha(opacity=30); /* IE */
176}
177
178.TB_Button_Padding
179{
180    visibility: hidden;
181    width: 3px;
182    height: 21px;
183}
184
185.TB_Button_Image
186{
187    overflow: hidden;
188    width: 16px;
189    height: 16px;
190    margin: 3px;
191    margin-top: 4px;
192    margin-bottom: 2px;
193    background-repeat: no-repeat;
194}
195
196/* For composed button ( icon + text, icon + arrow ), we must compensate the table */
197.TB_Button_On TABLE .TB_Button_Image,
198.TB_Button_Off TABLE .TB_Button_Image,
199.TB_Button_On_Over TABLE .TB_Button_Image,
200.TB_Button_Off_Over TABLE .TB_Button_Image,
201.TB_Button_Disabled TABLE .TB_Button_Image
202{
203    margin-top: 3px;
204}
205
206.TB_Button_Image img
207{
208    position: relative;
209}
210
211.TB_ConnectionLine
212{
213    background-color: #ffffff;
214    height: 1px;
215    margin-left: 1px;   /* ltr */
216    margin-right: 1px;  /* rtl */
217}
218
219/*
220	Menu
221*/
222
223.MN_Menu
224{
225    border: 1px solid #8f8f73;
226    padding: 2px;
227    background-color: #f7f7f7;
228    cursor: default;
229}
230
231.MN_Menu, .MN_Menu .MN_Label
232{
233    font-size: 11px;
234    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
235}
236
237.MN_Item_Padding
238{
239    visibility: hidden;
240    width: 3px;
241    height: 20px;
242}
243
244.MN_Icon
245{
246    background-color: #dedede;
247    text-align: center;
248    height: 20px;
249}
250
251.MN_Label
252{
253    padding-left: 3px;
254    padding-right: 3px;
255}
256
257.MN_Separator
258{
259    height: 3px;
260}
261
262.MN_Separator_Line
263{
264    border-top: #b9b99d 1px solid;
265}
266
267.MN_Item .MN_Icon IMG
268{
269    filter: alpha(opacity=70);
270    opacity: 0.70;
271}
272
273.MN_Item_Over
274{
275    color: #ffffff;
276    background-color: #8a857d;
277}
278
279.MN_Item_Over .MN_Icon
280{
281    background-color: #6c6761;
282}
283
284.MN_Item_Disabled IMG
285{
286    filter: gray() alpha(opacity=30); /* IE */
287    opacity: 0.30; /* Safari, Opera and Mozilla */
288}
289
290.MN_Item_Disabled .MN_Label
291{
292    color: #b7b7b7;
293}
294
295.MN_Arrow
296{
297    padding-right: 3px;
298    padding-left: 3px;
299}
300
301.MN_ConnectionLine
302{
303    background-color: #ffffff;
304}
305
306.Menu .TB_Button_On, .Menu .TB_Button_On_Over
307{
308    border: #8f8f73 1px solid;
309    background-color: #ffffff;
310}
311
312/*
313	### Panel Styles
314*/
315
316.FCK_Panel
317{
318    border: #8f8f73 1px solid;
319    padding: 2px;
320    background-color: #ffffff;
321}
322
323.FCK_Panel, .FCK_Panel TD
324{
325    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
326    font-size: 11px;
327}
328
329/*
330	### Special Combos
331*/
332
333.SC_Panel
334{
335    overflow: auto;
336    white-space: nowrap;
337    cursor: default;
338    border: 1px solid #8f8f73;
339    padding-left: 2px;
340    padding-right: 2px;
341    background-color: #ffffff;
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
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
437/*
438	### Color Selector Panel
439*/
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}
474