Revision 1289
Added by kweitzel over 14 years ago
fck_dialog.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 dialog boxes. |
22 | 23 |
*/ |
23 |
|
|
24 |
html, body |
|
25 |
{ |
|
26 |
background-color: transparent; |
|
27 |
margin: 0px; |
|
28 |
padding: 0px; |
|
29 |
} |
|
30 |
|
|
31 |
body |
|
32 |
{ |
|
33 |
padding: 10px; |
|
34 |
} |
|
35 |
|
|
36 |
body, td, input, select, textarea |
|
37 |
{ |
|
38 |
font-size: 11px; |
|
39 |
font-family: 'Microsoft Sans Serif' , Arial, Helvetica, Verdana; |
|
40 |
} |
|
41 |
|
|
42 |
body, .BackColor |
|
43 |
{ |
|
44 |
background-color: #f7f7f7; |
|
45 |
} |
|
46 |
|
|
47 |
.PopupBody |
|
48 |
{ |
|
49 |
height: 100%; |
|
50 |
width: 100%; |
|
51 |
overflow: hidden; |
|
52 |
background-color: transparent; |
|
53 |
padding: 0px; |
|
54 |
} |
|
55 |
|
|
56 |
#header |
|
57 |
{ |
|
58 |
cursor: move; |
|
59 |
} |
|
60 |
|
|
61 |
.PopupTitle |
|
62 |
{ |
|
63 |
font-weight: bold; |
|
64 |
font-size: 14pt; |
|
65 |
color: #504845; |
|
66 |
background-color: #dedede; |
|
67 |
padding: 3px 10px 3px 10px; |
|
68 |
} |
|
69 |
|
|
70 |
.PopupButtons |
|
71 |
{ |
|
72 |
position: absolute; |
|
73 |
right: 0px; |
|
74 |
left: 0px; |
|
75 |
bottom: 0px; |
|
76 |
border-top: #cec6b5 1px solid; |
|
77 |
background-color: #DEDEDE; |
|
78 |
padding: 7px 10px 7px 10px; |
|
79 |
} |
|
80 |
|
|
81 |
.Button |
|
82 |
{ |
|
83 |
border: #7a7261 1px solid; |
|
84 |
color: #504845; |
|
85 |
background-color: #cec6b5; |
|
86 |
} |
|
87 |
|
|
88 |
#btnOk |
|
89 |
{ |
|
90 |
width: 100px; |
|
91 |
} |
|
92 |
|
|
93 |
.DarkBackground |
|
94 |
{ |
|
95 |
background-color: #f2f2f2; |
|
96 |
} |
|
97 |
|
|
98 |
.LightBackground |
|
99 |
{ |
|
100 |
background-color: #ffffbe; |
|
101 |
} |
|
102 |
|
|
103 |
.PopupTitleBorder |
|
104 |
{ |
|
105 |
border-bottom: #cec6b5 1px solid; |
|
106 |
} |
|
107 |
|
|
108 |
.PopupTabArea |
|
109 |
{ |
|
110 |
color: #504845; |
|
111 |
background-color: #DEDEDE; |
|
112 |
} |
|
113 |
|
|
114 |
.PopupTabEmptyArea |
|
115 |
{ |
|
116 |
padding-left: 10px ; |
|
117 |
border-bottom: #cec6b5 1px solid; |
|
118 |
} |
|
119 |
|
|
120 |
.PopupTab, .PopupTabSelected |
|
121 |
{ |
|
122 |
border-right: #cec6b5 1px solid; |
|
123 |
border-top: #cec6b5 1px solid; |
|
124 |
border-left: #cec6b5 1px solid; |
|
125 |
padding: 3px 5px 3px 5px; |
|
126 |
color: #504845; |
|
127 |
} |
|
128 |
|
|
129 |
.PopupTab |
|
130 |
{ |
|
131 |
margin-top: 1px; |
|
132 |
border-bottom: #cec6b5 1px solid; |
|
133 |
cursor: pointer; |
|
134 |
cursor: hand; |
|
135 |
} |
|
136 |
|
|
137 |
.PopupTabSelected |
|
138 |
{ |
|
139 |
font-weight:bold; |
|
140 |
cursor: default; |
|
141 |
padding-top: 4px; |
|
142 |
border-bottom: #f1f1e3 1px solid; |
|
143 |
background-color: #f7f7f7; |
|
144 |
} |
|
145 |
|
|
146 |
.PopupSelectionBox |
|
147 |
{ |
|
148 |
border: #a9a9a9 1px solid !important; |
|
149 |
background-color: #dcdcdc !important; |
|
150 |
cursor: pointer; |
|
151 |
cursor: hand; |
|
152 |
} |
|
153 |
|
|
154 |
#tdBrowse |
|
155 |
{ |
|
156 |
vertical-align: bottom; |
|
157 |
} |
|
158 |
|
|
24 |
html, body { margin: 0px; padding: 0px; background-color: transparent; } |
|
25 |
body { padding: 10px; } |
|
26 |
body, td, input, select, textarea { font-size: 11px; font-family: 'Microsoft Sans Serif' , Arial, Helvetica, Verdana; } |
|
27 |
body, .BackColor { background-color: #f7f7f7; } |
|
28 |
.PopupBody { width: 100%; padding: 0px; background-color: transparent; height: 100%; overflow: hidden; } |
|
29 |
#header { cursor: move; } |
|
30 |
.PopupTitle { padding: 3px 10px 3px 10px; color: #504845; background-color: #dedede; font-weight: bold; font-size: 14pt; } |
|
31 |
.PopupButtons { border-top: #cec6b5 1px solid; padding: 7px 10px 7px 10px; background-color: #DEDEDE; position: absolute; right: 0px; left: 0px; bottom: 0px; } |
|
32 |
.Button { border: #7a7261 1px solid; color: #504845; background-color: #cec6b5; } |
|
33 |
#btnOk { width: 100px; } |
|
34 |
.DarkBackground { background-color: #f2f2f2; } |
|
35 |
.LightBackground { background-color: #ffffbe; } |
|
36 |
.PopupTitleBorder { border-bottom: #cec6b5 1px solid; } |
|
37 |
.PopupTabArea { color: #504845; background-color: #DEDEDE; } |
|
38 |
.PopupTabEmptyArea { padding-left: 10px; border-bottom: #cec6b5 1px solid; } |
|
39 |
.PopupTab, .PopupTabSelected { border-right: #cec6b5 1px solid; border-top: #cec6b5 1px solid; border-left: #cec6b5 1px solid; padding: 3px 5px 3px 5px; color: #504845; } |
|
40 |
.PopupTab { margin-top: 1px; border-bottom: #cec6b5 1px solid; cursor: pointer; cursor: hand; } |
|
41 |
.PopupTabSelected { padding-top: 4px; border-bottom: #f1f1e3 1px solid; background-color: #f7f7f7; font-weight: bold; cursor: default; } |
|
42 |
.PopupSelectionBox { border: #a9a9a9 1px solid !important; background-color: #dcdcdc !important; cursor: pointer; cursor: hand; } |
|
43 |
#tdBrowse { vertical-align: bottom; } |
|
159 | 44 |
/** |
160 | 45 |
* Dialog frame related styles. |
161 | 46 |
*/ |
162 |
|
|
163 |
.contents |
|
164 |
{ |
|
165 |
position: absolute; |
|
166 |
top: 2px; |
|
167 |
left: 16px; |
|
168 |
right: 16px; |
|
169 |
bottom: 20px; |
|
170 |
background-color: #f7f7f7; |
|
171 |
overflow: hidden; |
|
172 |
z-index: 1; |
|
173 |
} |
|
174 |
|
|
175 |
.tl, .tr, .tc, .bl, .br, .bc |
|
176 |
{ |
|
177 |
position: absolute; |
|
178 |
background-image: url(images/sprites.png); |
|
179 |
background-repeat: no-repeat; |
|
180 |
} |
|
181 |
|
|
182 |
* html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc |
|
183 |
{ |
|
184 |
background-image: url(images/sprites.gif); |
|
185 |
} |
|
186 |
|
|
187 |
.ml, .mr |
|
188 |
{ |
|
189 |
position: absolute; |
|
190 |
background-image: url(images/dialog.sides.png); |
|
191 |
background-repeat: repeat-y; |
|
192 |
} |
|
193 |
|
|
194 |
* html .ml, * html .mr |
|
195 |
{ |
|
196 |
background-image: url(images/dialog.sides.gif); |
|
197 |
} |
|
198 |
|
|
199 |
.rtl .ml, .rtl .mr |
|
200 |
{ |
|
201 |
position: absolute; |
|
202 |
background-image: url(images/dialog.sides.rtl.png); |
|
203 |
background-repeat: repeat-y; |
|
204 |
} |
|
205 |
|
|
206 |
* html .rtl .ml, * html .rtl .mr |
|
207 |
{ |
|
208 |
background-image: url(images/dialog.sides.gif); |
|
209 |
} |
|
210 |
|
|
211 |
.tl |
|
212 |
{ |
|
213 |
top: 0px; |
|
214 |
left: 0px; |
|
215 |
width: 16px; |
|
216 |
height: 16px; |
|
217 |
background-position: -16px -16px; |
|
218 |
} |
|
219 |
|
|
220 |
.rtl .tl |
|
221 |
{ |
|
222 |
background-position: -16px -397px; |
|
223 |
} |
|
224 |
|
|
225 |
.tr |
|
226 |
{ |
|
227 |
top: 0px; |
|
228 |
right: 0px; |
|
229 |
width: 16px; |
|
230 |
height: 16px; |
|
231 |
background-position: -16px -76px; |
|
232 |
} |
|
233 |
|
|
234 |
.rtl .tr |
|
235 |
{ |
|
236 |
background-position: -16px -457px; |
|
237 |
} |
|
238 |
|
|
239 |
.tc |
|
240 |
{ |
|
241 |
top: 0px; |
|
242 |
right: 16px; |
|
243 |
left: 16px; |
|
244 |
height: 16px; |
|
245 |
background-position: 0px -136px; |
|
246 |
background-repeat: repeat-x; |
|
247 |
} |
|
248 |
|
|
249 |
.ml |
|
250 |
{ |
|
251 |
top: 16px; |
|
252 |
left: 0px; |
|
253 |
width: 16px; |
|
254 |
bottom: 51px; |
|
255 |
background-position: 0px 0px; |
|
256 |
} |
|
257 |
|
|
258 |
.mr |
|
259 |
{ |
|
260 |
top: 16px; |
|
261 |
right: 0px; |
|
262 |
width: 16px; |
|
263 |
bottom: 51px; |
|
264 |
background-position: -16px 0px; |
|
265 |
} |
|
266 |
|
|
267 |
.bl |
|
268 |
{ |
|
269 |
bottom: 0px; |
|
270 |
left: 0px; |
|
271 |
width: 30px; |
|
272 |
height: 51px; |
|
273 |
background-position: -16px -196px; |
|
274 |
} |
|
275 |
|
|
276 |
.rtl .bl |
|
277 |
{ |
|
278 |
background-position: -16px -517px; |
|
279 |
} |
|
280 |
|
|
281 |
.br |
|
282 |
{ |
|
283 |
bottom: 0px; |
|
284 |
right: 0px; |
|
285 |
width: 30px; |
|
286 |
height: 51px; |
|
287 |
background-position: -16px -263px; |
|
288 |
} |
|
289 |
|
|
290 |
.rtl .br |
|
291 |
{ |
|
292 |
background-position: -16px -584px; |
|
293 |
} |
|
294 |
|
|
295 |
.bc |
|
296 |
{ |
|
297 |
bottom: 0px; |
|
298 |
right: 30px; |
|
299 |
left: 30px; |
|
300 |
height: 51px; |
|
301 |
background-position: 0px -330px; |
|
302 |
background-repeat: repeat-x; |
|
303 |
} |
|
304 |
|
|
47 |
.contents { background-color: #f7f7f7; position: absolute; top: 2px; left: 16px; right: 16px; bottom: 20px; overflow: hidden; z-index: 1; } |
|
48 |
.tl, .tr, .tc, .bl, .br, .bc { background-image: url(images/sprites.png); background-repeat: no-repeat; position: absolute; } |
|
49 |
* html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc { background-image: url(images/sprites.gif); } |
|
50 |
.ml, .mr { background-image: url(images/dialog.sides.png); background-repeat: repeat-y; position: absolute; } |
|
51 |
.rtl .ml, .rtl .mr { background-image: url(images/dialog.sides.rtl.png); background-repeat: repeat-y; position: absolute; } |
|
52 |
.tl { width: 16px; background-position: -16px -16px; top: 0px; left: 0px; height: 16px; } |
|
53 |
.rtl .tl { background-position: -16px -397px; } |
|
54 |
.tr { width: 16px; background-position: -16px -76px; top: 0px; right: 0px; height: 16px; } |
|
55 |
.rtl .tr { background-position: -16px -457px; } |
|
56 |
.tc { background-position: 0px -136px; background-repeat: repeat-x; top: 0px; right: 16px; left: 16px; height: 16px; } |
|
57 |
.ml { width: 16px; background-position: 0px 0px; top: 16px; left: 0px; bottom: 51px; } |
|
58 |
.mr { width: 16px; background-position: -16px 0px; top: 16px; right: 0px; bottom: 51px; } |
|
59 |
.bl { width: 30px; background-position: -16px -196px; bottom: 0px; left: 0px; height: 51px; } |
|
60 |
.rtl .bl { background-position: -16px -517px; } |
|
61 |
.br { width: 30px; background-position: -16px -263px; bottom: 0px; right: 0px; height: 51px; } |
|
62 |
.rtl .br { background-position: -16px -584px; } |
|
63 |
.bc { background-position: 0px -330px; background-repeat: repeat-x; bottom: 0px; right: 30px; left: 30px; height: 51px; } |
|
305 | 64 |
/* For IE6. Do not change it. */ |
306 |
* html .blocker |
|
307 |
{ |
|
308 |
position: absolute; |
|
309 |
width: 100%; |
|
310 |
height: 100%; |
|
311 |
z-index: 12; |
|
312 |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); |
|
313 |
} |
|
314 |
|
|
65 |
* html .blocker { width: 100%; position: absolute; height: 100%; z-index: 12; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } |
|
315 | 66 |
/* The layer used to cover the dialog when opening a child dialog. */ |
316 |
.cover |
|
317 |
{ |
|
318 |
position: absolute; |
|
319 |
top: 0px; |
|
320 |
left: 14px; |
|
321 |
right: 14px; |
|
322 |
bottom: 18px; |
|
323 |
z-index: 11; |
|
324 |
} |
|
325 |
|
|
326 |
#closeButton |
|
327 |
{ |
|
328 |
position: absolute; |
|
329 |
right: 0px; |
|
330 |
top: 0px; |
|
331 |
margin-top: 5px; |
|
332 |
margin-right: 10px; |
|
333 |
width: 20px; |
|
334 |
height: 20px; |
|
335 |
cursor: pointer; |
|
336 |
background-image: url(images/sprites.png); |
|
337 |
background-repeat: no-repeat; |
|
338 |
background-position: -16px -651px; |
|
339 |
} |
|
340 |
|
|
341 |
* html #closeButton |
|
342 |
{ |
|
343 |
cursor: hand; |
|
344 |
background-image: url(images/sprites.gif); |
|
345 |
} |
|
346 |
|
|
347 |
.rtl #closeButton |
|
348 |
{ |
|
349 |
right: auto; |
|
350 |
left: 10px; |
|
351 |
margin-right: 0px; |
|
352 |
} |
|
353 |
|
|
354 |
#closeButton:hover |
|
355 |
{ |
|
356 |
background-position: -16px -687px; |
|
357 |
} |
|
358 |
|
|
359 |
#throbberBlock |
|
360 |
{ |
|
361 |
z-index: 10; |
|
362 |
} |
|
363 |
|
|
364 |
#throbberBlock div |
|
365 |
{ |
|
366 |
float: left; |
|
367 |
width: 8px; |
|
368 |
height: 9px; |
|
369 |
margin-left: 2px; |
|
370 |
margin-right: 2px; |
|
371 |
font-size: 1px; /* IE6 */ |
|
372 |
} |
|
373 |
|
|
67 |
.cover { position: absolute; top: 0px; left: 14px; right: 14px; bottom: 18px; z-index: 11; } |
|
68 |
#closeButton { margin-top: 5px; margin-right: 10px; width: 20px; background-image: url(images/sprites.png); background-repeat: no-repeat; background-position: -16px -651px; position: absolute; right: 0px; top: 0px; height: 20px; cursor: pointer; } |
|
69 |
* html #closeButton { background-image: url(images/sprites.gif); cursor: hand; } |
|
70 |
.rtl #closeButton { margin-right: 0px; right: auto; left: 10px; } |
|
71 |
#closeButton:hover { background-position: -16px -687px; } |
|
72 |
#throbberBlock { z-index: 10; } |
|
73 |
#throbberBlock div { float: left; width: 8px; margin-left: 2px; margin-right: 2px; font-size: 1px; /* IE6 */ height: 9px; } |
|
374 | 74 |
/* |
375 | 75 |
Color Gradient Generator: |
376 | 76 |
http://www.herethere.net/~samson/php/color_gradient/?cbegin=504845&cend=DEDEDE&steps=4 |
377 | 77 |
*/ |
378 |
|
|
379 |
.throbber_1 |
|
380 |
{ |
|
381 |
background-color: #504845; |
|
382 |
} |
|
383 |
|
|
384 |
.throbber_2 |
|
385 |
{ |
|
386 |
background-color: #736D6B; |
|
387 |
} |
|
388 |
|
|
389 |
.throbber_3 |
|
390 |
{ |
|
391 |
background-color: #979391; |
|
392 |
} |
|
393 |
|
|
394 |
.throbber_4 |
|
395 |
{ |
|
396 |
background-color: #BAB8B7; |
|
397 |
} |
|
398 |
|
|
399 |
.throbber_5 |
|
400 |
{ |
|
401 |
background-color: #DEDEDE; |
|
402 |
} |
|
78 |
.throbber_1 { background-color: #504845; } |
|
79 |
.throbber_2 { background-color: #736D6B; } |
|
80 |
.throbber_3 { background-color: #979391; } |
|
81 |
.throbber_4 { background-color: #BAB8B7; } |
|
82 |
.throbber_5 { background-color: #DEDEDE; } |
|
83 |
img { border: 0px; } |
|
84 |
* html .ml, * html .mr, * html .rtl .ml, * html .rtl .mr { background-image: url(images/dialog.sides.gif); } |
Also available in: Unified diff
Branch 2.8.1 merged back into Trunk