13d0e3b7425d20bc64e88bef32f8ae35ddf104bd
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / rtehtmlarea / htmlarea.css
1 /* CSS Selectors for skin sr_rtehtmlarea_bluelook */
2 /* Selectors for the htmlArea RTE editor */
3 .htmlarea {
4 background-color:#fff;
5 margin:0;padding:0;
6 }
7 .pleasewait {
8 position:relative;top:0px;text-align:left;
9 font-size:10px;
10 margin-top:30px;
11 }
12 .editorWrap {
13 margin:0;padding:0;
14 }
15 .editorWrap textarea {
16 border: 1px solid #A2AAB8;
17 border-style:solid;
18 border-color:#A2AAB8;
19 border-width:0px 1px 1px 1px;
20 padding:0px 1px;
21 margin:0;
22 }
23 /* Selectors for the editor toolbar */
24 .htmlarea div.toolbar {
25 background-color:#EFEFF4;cursor:default;
26 width:100%;
27 border:1px solid #EFEFF4;
28 border-bottom:0px;
29 margin:0;
30 padding:2px 0px;
31 }
32 .htmlarea .toolbar ul {
33 background-color:transparent;
34 list-style-type:none;
35 }
36 .htmlarea .toolbar ul.tb-line {
37 clear:both;
38 border-style:none;margin:0;padding:0px 2px;
39 }
40 .htmlarea .toolbar ul.tb-group {
41 clear:none;float:left;
42 margin:1px 2px 0px 0px;padding:0;
43 }
44 .htmlarea .toolbar ul li {
45 float:left;
46 background-color:transparent;
47 color: #212424;
48 font-size:10px;
49 font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
50 border-style:none;margin:0;padding:0;
51 }
52 .htmlarea .toolbar ul.free-float li, .htmlarea .toolbar ul.tb-group li {
53 height:24px;
54 }
55 .htmlarea .toolbar label {
56 vertical-align:middle;
57 background-color:transparent;
58 border-style:none;margin:0;padding:3px 3px 0px 3px;
59 }
60
61 .htmlarea .toolbar button {
62 vertical-align:top;
63 background-color:transparent;color:ButtonText;background-position:1px 1px;background-repeat:no-repeat;
64 width:22px;height:22px;
65 border-style:solid;border-color:#EFEFF4;border-width:0px 1px;margin:0;padding:0;
66 }
67 .htmlarea .toolbar button div.buttonImgContainer {
68 position:relative;top:0;left:0;
69 width:18px;height:18px;overflow:hidden;
70 margin:0;padding:0;
71 }
72 .htmlarea .toolbar .BiDiOverride {background-image:url("images/InlineElements/bidioverride.gif");}
73 .htmlarea .toolbar .Big {background-image:url("images/InlineElements/big.gif");}
74 .htmlarea .toolbar .Bold {background-image:url("images/InlineElements/bold.gif");}
75 .htmlarea .toolbar .Citation {background-image:url("images/InlineElements/citation.gif");}
76 .htmlarea .toolbar .Code {background-image:url("images/InlineElements/code.gif");}
77 .htmlarea .toolbar .Definition {background-image:url("images/InlineElements/definition.gif");}
78 .htmlarea .toolbar .DeletedText {background-image:url("images/InlineElements/deletedtext.gif");}
79 .htmlarea .toolbar .Emphasis {background-image:url("images/InlineElements/emphasis.gif");}
80 .htmlarea .toolbar .InsertedText {background-image:url("images/InlineElements/insertedtext.gif");}
81 .htmlarea .toolbar .Italic {background-image:url("images/InlineElements/italic.gif");}
82 .htmlarea .toolbar .Keyboard {background-image:url("images/InlineElements/keyboard.gif");}
83 .htmlarea .toolbar .MonoSpaced {background-image:url("images/InlineElements/monospaced.gif");}
84 .htmlarea .toolbar .Quotation {background-image:url("images/InlineElements/quotation.gif");}
85 .htmlarea .toolbar .Sample {background-image:url("images/InlineElements/sample.gif");}
86 .htmlarea .toolbar .Small {background-image:url("images/InlineElements/small.gif");}
87 .htmlarea .toolbar .Span {background-image:url("images/InlineElements/span.gif");}
88 .htmlarea .toolbar .StrikeThrough {background-image:url("images/InlineElements/strikethrough.gif");}
89 .htmlarea .toolbar .Strong {background-image:url("images/InlineElements/strong.gif");}
90 .htmlarea .toolbar .Subscript {background-image:url("images/InlineElements/subscript.gif");}
91 .htmlarea .toolbar .Superscript {background-image:url("images/InlineElements/superscript.gif");}
92 .htmlarea .toolbar .Underline {background-image:url("images/InlineElements/underline.gif");}
93 .htmlarea .toolbar .Variable {background-image:url("images/InlineElements/variable.gif");}
94 .htmlarea .toolbar .LeftToRight {background-image:url("images/ed_left_to_right.gif");}
95 .htmlarea .toolbar .RightToLeft {background-image:url("images/ed_right_to_left.gif");}
96 .htmlarea .toolbar .Indent {background-image:url("images/BlockElements/indent.gif");}
97 .htmlarea .toolbar .Outdent {background-image:url("images/BlockElements/outdent.gif");}
98 .htmlarea .toolbar .Blockquote {background-image:url("images/BlockElements/blockquote.gif");}
99 .htmlarea .toolbar .InsertParagraphBefore, .htmlarea-context-menu .InsertParagraphBefore {background-image:url("images/BlockElements/insertParagraphBefore.gif");}
100 .htmlarea .toolbar .InsertParagraphAfter, .htmlarea-context-menu .InsertParagraphAfter {background-image:url("images/BlockElements/insertParagraphAfter.gif");}
101 .htmlarea .toolbar .JustifyLeft, .htmlarea-context-menu .JustifyLeft {background-image:url("images/BlockElements/justifyLeft.gif");}
102 .htmlarea .toolbar .JustifyCenter, .htmlarea-context-menu .JustifyCenter {background-image:url("images/BlockElements/justifyCenter.gif");}
103 .htmlarea .toolbar .JustifyRight, .htmlarea-context-menu .JustifyRight {background-image:url("images/BlockElements/justifyRight.gif");}
104 .htmlarea .toolbar .JustifyFull, .htmlarea-context-menu .JustifyFull {background-image:url("images/BlockElements/justifyFull.gif");}
105 .htmlarea .toolbar .DefinitionList, .htmlarea-context-menu .DefinitionList {background-image:url("images/definitionList.gif");}
106 .htmlarea .toolbar .DefinitionItem, .htmlarea-context-menu .DefinitionItem {background-image:url("images/definitionItem.gif");}
107 .htmlarea .toolbar .InsertOrderedList {background-image:url("images/ed_list_num.gif");}
108 .htmlarea .toolbar .InsertUnorderedList {background-image:url("images/ed_list_bullet.gif");}
109 .htmlarea .toolbar .ForeColor {background-image:url("images/ed_color_fg.gif");}
110 .htmlarea .toolbar .HiliteColor {background-image:url("images/ed_color_bg.gif");}
111 .htmlarea .toolbar .CO-forecolor {background-image:url("images/SelectColor/CO-forecolor.gif");}
112 .htmlarea .toolbar .CO-hilitecolor {background-image:url("images/SelectColor/CO-hilitecolor.gif");}
113 .htmlarea .toolbar .InsertSmiley {background-image:url("images/InsertSmiley/ed_smiley.gif");}
114 .htmlarea .toolbar .InsertCharacter {background-image:url("images/CharacterMap/ed_charmap.gif");}
115 .htmlarea .toolbar .InsertHorizontalRule {background-image:url("images/ed_hr.gif");}
116 .htmlarea .toolbar .CreateLink, .htmlarea-context-menu .CreateLink {background-image:url("images/ed_link.gif");}
117 .htmlarea .toolbar .UnLink, .htmlarea-context-menu .UnLink {background-image:url("images/ed_unlink.gif");}
118 .htmlarea .toolbar .InsertImage, .htmlarea-context-menu .InsertImage {background-image:url("images/ed_image.gif");}
119 .htmlarea .toolbar .InsertTable {background-image:url("images/insert_table.gif");}
120 .htmlarea .toolbar .UserElements {background-image:url("images/UserElements/ed_user.gif");}
121 .htmlarea .toolbar .FindReplace {background-image:url("images/FindReplace/ed_find.gif");}
122 .htmlarea .toolbar .SpellCheck {background-image:url("images/SpellChecker/spell-check.gif"); }
123 .htmlarea .toolbar .InsertTag {background-image:url("images/QuickTag/ed_quicktag.gif"); }
124 .htmlarea .toolbar .Acronym {background-image:url("images/Acronym/ed_acronym.gif"); }
125 .htmlarea .toolbar .RemoveFormat {background-image:url("images/RemoveFormat/ed_clean.gif"); }
126 .htmlarea .toolbar .SplitBlock {background-image:url("images/ed_splitblock.gif"); }
127 .htmlarea .toolbar .HtmlMode {background-image:url("images/ed_html.gif"); }
128 .htmlarea .toolbar .Copy, .htmlarea-context-menu .Copy {background-image:url("images/ed_copy.gif");}
129 .htmlarea .toolbar .Cut, .htmlarea-context-menu .Cut {background-image:url("images/ed_cut.gif");}
130 .htmlarea .toolbar .Paste, .htmlarea-context-menu .Paste {background-image:url("images/ed_paste.gif");}
131 .htmlarea .toolbar .Undo {background-image:url("images/ed_undo.gif");}
132 .htmlarea .toolbar .Redo {background-image:url("images/ed_redo.gif");}
133 .htmlarea .toolbar .About {background-image:url("images/ed_about.gif");}
134 .htmlarea .toolbar .ShowHelp { background-image:url("images/TYPO3ViewHelp/module_help.gif");}
135 .htmlarea .toolbar .TO-toggle-borders, .htmlarea-context-menu .TO-toggle-borders {background-image:url("images/TableOperations/toggle-borders.gif");}
136 .htmlarea .toolbar .TO-table-prop, .htmlarea-context-menu .TO-table-prop {background-image:url("images/TableOperations/table-prop.gif");}
137 .htmlarea .toolbar .TO-table-restyle, .htmlarea-context-menu .TO-table-restyle {background-image:url("images/TableOperations/table-restyle.gif");}
138 .htmlarea .toolbar .TO-row-prop, .htmlarea-context-menu .TO-row-prop {background-image:url("images/TableOperations/row-prop.gif");}
139 .htmlarea .toolbar .TO-row-insert-above, .htmlarea-context-menu .TO-row-insert-above {background-image:url("images/TableOperations/row-insert-above.gif");}
140 .htmlarea .toolbar .TO-row-insert-under, .htmlarea-context-menu .TO-row-insert-under {background-image:url("images/TableOperations/row-insert-under.gif");}
141 .htmlarea .toolbar .TO-row-delete, .htmlarea-context-menu .TO-row-delete {background-image:url("images/TableOperations/row-delete.gif");}
142 .htmlarea .toolbar .TO-row-split, .htmlarea-context-menu .TO-row-split {background-image:url("images/TableOperations/row-split.gif");}
143 .htmlarea .toolbar .TO-col-prop, .htmlarea-context-menu .TO-col-prop {background-image:url("images/TableOperations/col-prop.gif");}
144 .htmlarea .toolbar .TO-col-insert-before, .htmlarea-context-menu .TO-col-insert-before {background-image:url("images/TableOperations/col-insert-before.gif");}
145 .htmlarea .toolbar .TO-col-insert-after, .htmlarea-context-menu .TO-col-insert-after {background-image:url("images/TableOperations/col-insert-after.gif");}
146 .htmlarea .toolbar .TO-col-delete, .htmlarea-context-menu .TO-col-delete {background-image:url("images/TableOperations/col-delete.gif");}
147 .htmlarea .toolbar .TO-col-split, .htmlarea-context-menu .TO-col-split {background-image:url("images/TableOperations/col-split.gif");}
148 .htmlarea .toolbar .TO-cell-prop, .htmlarea-context-menu .TO-cell-prop {background-image:url("images/TableOperations/cell-prop.gif");}
149 .htmlarea .toolbar .TO-cell-insert-before, .htmlarea-context-menu .TO-cell-insert-before {background-image:url("images/TableOperations/cell-insert-before.gif");}
150 .htmlarea .toolbar .TO-cell-insert-after, .htmlarea-context-menu .TO-cell-insert-after {background-image:url("images/TableOperations/cell-insert-after.gif");}
151 .htmlarea .toolbar .TO-cell-delete, .htmlarea-context-menu .TO-cell-delete {background-image:url("images/TableOperations/cell-delete.gif");}
152 .htmlarea .toolbar .TO-cell-split, .htmlarea-context-menu .TO-cell-split {background-image:url("images/TableOperations/cell-split.gif");}
153 .htmlarea .toolbar .TO-cell-merge, .htmlarea-context-menu .TO-cell-merge {background-image:url("images/TableOperations/cell-merge.gif");}
154 .htmlarea .toolbar button.buttonHover {
155 border:1px solid;border-color:white #C5C5D5 #C5C5D5 white;
156 background-color: #E0E0E9;
157 }
158 .htmlarea .toolbar button.buttonActive, .htmlarea .toolbar button.buttonPressed {
159 border:1px solid;border-color:#C5C5D5 white white #C5C5D5;
160 }
161 .htmlarea .toolbar button.buttonPressed {
162 background-color:ButtonHighlight;
163 text-decoration:none;
164 }
165 .htmlarea .toolbar div.indicator {
166 background-color:white;cursor:default;
167 width:20px;overflow:hidden;
168 text-align:center;
169 border:1px solid ButtonShadow;margin:4px 1px 0px 1px;padding:0px 3px;
170 }
171 .htmlarea .toolbar button.buttonDisabled {
172 filter: gray() alpha(opacity=25);
173 -moz-opacity:0.25;
174 opacity:0.25;
175 }
176 .htmlarea .toolbar div.separator {
177 background-color:transparent;background-image:url(separator.gif);background-repeat:no-repeat;
178 width:7px;height:22px;
179 border:1px solid #EFEFF4;;margin:0;padding:0;
180 }
181 .htmlarea .toolbar div.space {
182 float:left;
183 background-color:transparent;
184 height:22px;
185 border-style:none;margin:0;padding:0 1px;
186 }
187 .htmlarea .toolbar select {
188 color:WindowText;
189 font-size:10px;
190 font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
191 height:18px;
192 border:1px solid #A2AAB8;
193 margin:0;padding:1px;
194 }
195 .htmlarea .toolbar select, .htmlarea .toolbar select:hover, .htmlarea .toolbar select:active {
196 background-color:Window;
197 }
198 .htmlarea .toolbar select.buttonDisabled {
199 color:GrayText;
200 background-color:#EFEFF4;;
201 }
202 .htmlarea .editorIframe {
203 clear:both;
204 width:100%;
205 border:1px solid #A2AAB8;border-bottom:1px solid #e4e0db;margin:0;padding:0;
206 }
207 .htmlarea .noStatusBar {
208 border-bottom:1px solid #A2AAB8;
209 }
210 .htmlarea .statusBar {
211 clear:both;
212 background-color:#EFEFF4;background-image:url('alt_menu_mainitem_bg.gif');background-repeat:repeat-x;color:ButtonText;
213 font-size:10px;
214 font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
215 width:100%;height:20px;
216 border:1px solid;border-color:#C5C5D5 #A2AAB8 #A2AAB8 #A2AAB8;margin:0;padding:0;
217 }
218 .htmlarea .statusBarTree {
219 color:#FFFFFF;
220 display:block;
221 margin:3px 3px;
222 }
223 .htmlarea .statusBar .statusBarTree a {
224 color:#FFFFFF;
225 text-decoration:none;
226 font-weight:bold;
227 padding:2px 5px;
228 }
229 .htmlarea .statusBar .statusBarTree a:visited {
230 color:#FFFFFF;
231 }
232 .htmlarea .statusBar .statusBarTree a:hover {
233 text-decoration: underline;
234 }
235 .htmlarea .statusBarTextMode {
236 margin-top:2px;
237 padding:2px 5px;
238 }
239 /* Selectors for popup windows */
240 .dialog .buttonColor {
241 cursor:default;
242 border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;padding:1px;
243 }
244 .dialog .buttonColor-hilite {
245 border-color:black black black black;
246 }
247 .dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
248 height:0.6em;
249 border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;padding:0px 1em;
250 }
251 .dialog .buttonColor .nocolor {
252 padding:0;
253 }
254 .dialog .buttonColor .nocolor-hilite {
255 background-color:#fff;color:#f00;cursor:pointer;
256 }
257 .popupwin {
258 color: #212424;background-color:#EFEFF4;
259 font-size:11px;font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
260 }
261 .popupwin body {
262 color: #212424;
263 font-size:11px;font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
264 border-style:none;margin:5px;padding:0;
265 }
266 .popupwin .title {
267 clear:both;
268 color: #FFFFFF; background-color: #B8BEC9; background-image: url('alt_menu_mainitem_bg.gif'); background-position: top left; background-repeat: repeat-x;
269 font-weight:bold;font-size:120%;
270 border-top:0px;border-bottom:1px solid #A2AAB8;margin-top:0px;margin-bottom:10px;padding:3px 10px;
271 }
272 .popupwin p {
273 margin: 0.5em 0;
274 }
275 .popupwin h1 {
276 font-weight: bold; font-size: 1.1em;
277 padding: .3em 0; border-bottom: 1px solid #999;
278 }
279 .popupwin a:link, .popupwin a:visited {
280 color: #00f;
281 }
282 .popupwin a:hover {
283 color: #f00;
284 }
285 .popupwin a:active {
286 color: #f80;
287 }
288 .popupwin #tabbar { position: relative; left: 10px; }
289 .popupwin .tab {
290 color: #454; background-color: #66f; cursor: pointer;
291 margin-left: -5px; float: left; position: relative; top: -3px; left: -2px; z-index: 0;
292 border: 1px solid black; border-top: none; padding: 2px 10px 3px 10px;
293 }
294 .popupwin .tab-current {
295 color: #000; background-color: #ddf;
296 top: -4px; z-index: 10;
297 padding: 3px 10px 4px 10px;
298 }
299 .popupwin .content {
300 border-style:none;margin:0;padding:0;
301 }
302 .popupwin ul {
303 list-style-type:none;
304 border-style:none;margin:0;padding:0;
305 }
306 .popupwin li {
307 margin:4px 0;
308 }
309 .popupwin select {
310 display:inline;
311 }
312 .popupwin table {
313 border-collapse:collapse;border-style:none;margin:0;padding:0;
314 }
315 .popupwin thead {
316 font-weight: bold; background-color: #ddf;
317 }
318 .popupwin td {
319 padding: 0.2em;
320 }
321 .popupwin form {
322 background-color:#EFEFF4;;
323 border-style:none;margin:0;padding:0;
324 }
325 .popupwin form p {
326 margin-top:5px;margin-bottom:5px;
327 }
328 .popupwin fieldset {
329 display:block;
330 margin:5px 5px 0 5px;padding:0 5px 2px 5px;
331 }
332 .popupwin .floating {
333 float:left;
334 }
335 .popupwin legend {
336 font-weight:bold;padding:0 3px;
337 }
338 .popupwin .field {
339 float:left;text-align:left;
340 margin-left:5px;padding:2px 5px;
341 }
342 .popupwin label {
343 text-align:left;
344 margin-left:5px;padding:2px 5px;
345 }
346 .popupwin fieldset table {
347 font-size:1.0em;
348 border-style:none;margin:2px 0px;padding:0;
349 }
350 .popupwin .buttons {
351 clear:both;text-align:right;
352 border-top:1px solid #999;margin-top:10px;padding:5px;
353 }
354 .popupwin span.colorButton {
355 float:left;
356 padding:2px 0px;
357 }
358 .popupwin select, .popupwin input, .popupwin button, .popupwin textarea, .popupwin table, .popupwin label {
359 font-size:1.0em;
360 }
361 .popupwin button {
362 width:8em;
363 vertical-align: middle;
364 text-align: center;
365 margin: 0px 3px 0px 0px;
366 padding: 1px;
367 }
368 .popupwin dl, .popupwin dt, .popupwin dd {
369 display: block;
370 }
371 .popupwin dt, .popupwin dd {
372 margin:3px 0;
373 }
374 .popupwin button.long-button {
375 width:10em;
376 }
377 .popupwin .fl {
378 float:left;text-align:right;
379 width:15em;
380 padding:2px 5px;
381 }
382 .popupwin .fl-borderCollapse {
383 float:left;text-align:right;
384 width:13em;
385 margin-left:10px;padding:2px 5px;
386 }
387 .popupwin .fr {
388 float:left;text-align:right;
389 width:13em;
390 padding:2px 5px;
391 }
392 .popupwin .space {
393 clear:left;
394 padding:2px;
395 }
396 .popupwin .label {
397 text-align:right;
398 width:8em;
399 }
400 .popupwin .checkbox {
401 text-align:left;
402 padding:2px 5px;
403 }
404 .popupwin .postlabel {
405 text-align:left;
406 padding:2px 5px;
407 }
408 .popupwin input.value {
409 width:30em;
410 }
411 .popupwin input.shorter-value {
412 width:17em;
413 }
414 .popupwin #HA-layout {
415 width:450px;
416 }
417 .colorTable {
418 border:black 1px solid;
419 }
420 .currentColor {
421 width:20px;height:20px;
422 border:black 1px solid;margin:0pt 15pt;
423 }
424 .colorTable tr {
425 height:6px;
426 }
427 .colorTable td {
428 width:6px;
429 cursor:pointer;
430 }
431 .colorTable td.colorTitle {
432 width:auto;
433 padding-left:10px;
434 }
435 /* Selectors for the InsertImage popup */
436 .popupwin div.imagepreview {
437 text-align:center;
438 }
439 .popupwin .imagepreview iframe {
440 width:300px;height:200px;
441 border:1px solid gray;
442 }
443 /* Selectors for the InsertSmiley plugin */
444 .popupwin div.smileytable {
445 height:125px;overflow:auto;
446 }
447 .popupwin .smileytable td {
448 width:35px;height:25px;
449 }
450 /* Selectors for the FindReplace plugin */
451 .popupwin .long-label {
452 text-align:left;
453 width:30em;
454 }
455 /* Selectors for the SpellChecker plugin */
456 .popupwin #b_recheck {
457 vertical-align:middle;
458 width:12em;
459 }
460 /* Selectors for the ContextMenu plugin */
461 .htmlarea-context-menu {
462 position:absolute;top:-1000px;left:-1000px;z-index:1000;
463 background-color:#EFEFF4;;cursor:default;
464 color: #212424;
465 font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
466 font-size: 10px;
467 list-style:none;
468 border:1px solid #A2AAB8;margin:0;padding:2px;
469 }
470 .htmlarea-context-menu li {
471 background-color:#EFEFF4;;
472 border:1px solid #EFEFF4;;margin:0;padding:0;
473 }
474 .htmlarea-context-menu li .button {
475 text-align:left;vertical-align:middle;
476 background-color:transparent;background-repeat:no-repeat;background-position:2px 2px;
477 font-size:10px;
478 height:20px;
479 border-style:none;margin:0;padding:0 0 0 24px;
480 }
481 .htmlarea-context-menu li .button img {
482 width:18px;height:18px;
483 }
484 .htmlarea-context-menu li.separator {
485 border-top:1px solid #A2AAB8;
486 }
487 .htmlarea-context-menu li.hover {
488 background-image:url('alt_menu_mainitem_bg.gif');
489 color:#fff;border-color:#A2AAB8;
490 }