1 /* CSS Selectors for skin sr_rtehtmlarea_bluelook */
2 /* Selectors for the htmlArea RTE editor */
8 position:relative
;top:0px;text-align:left
;
15 .editorWrap textarea {
16 border: 1px solid
#A2AAB8;
19 border-width:0px 1px 1px 1px;
23 /* Selectors for the editor toolbar */
24 .htmlarea div.toolbar {
25 background-color:#EFEFF4;cursor:default
;
27 border:1px solid
#EFEFF4;
32 .htmlarea .toolbar ul {
33 background-color:transparent
;
36 .htmlarea .toolbar ul.tb-line {
38 border-style:none
;margin:0;padding:0px 2px;
40 .htmlarea .toolbar ul.tb-group {
41 clear:none
;float:left
;
42 margin:1px 2px 0px 0px;padding:0;
44 .htmlarea .toolbar ul li {
46 background-color:transparent
;
49 font-family: Verdana
, Helvetica
, Geneva
, Arial
, sans-serif
;
50 border-style:none
;margin:0;padding:0;
52 .htmlarea .toolbar ul.free-float li, .htmlarea .toolbar ul.tb-group li {
55 .htmlarea .toolbar label {
56 vertical-align:middle
;
57 background-color:transparent
;
58 border-style:none
;margin:0;padding:3px 3px 0px 3px;
61 .htmlarea .toolbar button {
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;
67 .htmlarea .toolbar button div.buttonImgContainer {
68 position:relative
;top:0;left:0;
69 width:18px;height:18px;overflow:hidden
;
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 .InsertSmiley {background-image:url
("images/InsertSmiley/ed_smiley.gif");}
112 .htmlarea .toolbar .InsertCharacter {background-image:url
("images/CharacterMap/ed_charmap.gif");}
113 .htmlarea .toolbar .InsertHorizontalRule {background-image:url
("images/ed_hr.gif");}
114 .htmlarea .toolbar .CreateLink, .htmlarea-context-menu .CreateLink {background-image:url
("images/ed_link.gif");}
115 .htmlarea .toolbar .UnLink, .htmlarea-context-menu .UnLink {background-image:url
("images/ed_unlink.gif");}
116 .htmlarea .toolbar .InsertImage, .htmlarea-context-menu .InsertImage {background-image:url
("images/ed_image.gif");}
117 .htmlarea .toolbar .InsertTable {background-image:url
("images/insert_table.gif");}
118 .htmlarea .toolbar .UserElements {background-image:url
("images/UserElements/ed_user.gif");}
119 .htmlarea .toolbar .FindReplace {background-image:url
("images/FindReplace/ed_find.gif");}
120 .htmlarea .toolbar .SpellCheck {background-image:url
("images/SpellChecker/spell-check.gif"); }
121 .htmlarea .toolbar .InsertTag {background-image:url
("images/QuickTag/ed_quicktag.gif"); }
122 .htmlarea .toolbar .Acronym {background-image:url
("images/Acronym/ed_acronym.gif"); }
123 .htmlarea .toolbar .RemoveFormat {background-image:url
("images/RemoveFormat/ed_clean.gif"); }
124 .htmlarea .toolbar .SplitBlock {background-image:url
("images/ed_splitblock.gif"); }
125 .htmlarea .toolbar .HtmlMode {background-image:url
("images/ed_html.gif"); }
126 .htmlarea .toolbar .Copy, .htmlarea-context-menu .Copy {background-image:url
("images/ed_copy.gif");}
127 .htmlarea .toolbar .Cut, .htmlarea-context-menu .Cut {background-image:url
("images/ed_cut.gif");}
128 .htmlarea .toolbar .Paste, .htmlarea-context-menu .Paste {background-image:url
("images/ed_paste.gif");}
129 .htmlarea .toolbar .Undo {background-image:url
("images/ed_undo.gif");}
130 .htmlarea .toolbar .Redo {background-image:url
("images/ed_redo.gif");}
131 .htmlarea .toolbar .About {background-image:url
("images/ed_about.gif");}
132 .htmlarea .toolbar .ShowHelp { background-image:url
("images/TYPO3ViewHelp/module_help.gif");}
133 .htmlarea .toolbar .TO-toggle-borders, .htmlarea-context-menu .TO-toggle-borders {background-image:url
("images/TableOperations/toggle-borders.gif");}
134 .htmlarea .toolbar .TO-table-prop, .htmlarea-context-menu .TO-table-prop {background-image:url
("images/TableOperations/table-prop.gif");}
135 .htmlarea .toolbar .TO-table-restyle, .htmlarea-context-menu .TO-table-restyle {background-image:url
("images/TableOperations/table-restyle.gif");}
136 .htmlarea .toolbar .TO-row-prop, .htmlarea-context-menu .TO-row-prop {background-image:url
("images/TableOperations/row-prop.gif");}
137 .htmlarea .toolbar .TO-row-insert-above, .htmlarea-context-menu .TO-row-insert-above {background-image:url
("images/TableOperations/row-insert-above.gif");}
138 .htmlarea .toolbar .TO-row-insert-under, .htmlarea-context-menu .TO-row-insert-under {background-image:url
("images/TableOperations/row-insert-under.gif");}
139 .htmlarea .toolbar .TO-row-delete, .htmlarea-context-menu .TO-row-delete {background-image:url
("images/TableOperations/row-delete.gif");}
140 .htmlarea .toolbar .TO-row-split, .htmlarea-context-menu .TO-row-split {background-image:url
("images/TableOperations/row-split.gif");}
141 .htmlarea .toolbar .TO-col-prop, .htmlarea-context-menu .TO-col-prop {background-image:url
("images/TableOperations/col-prop.gif");}
142 .htmlarea .toolbar .TO-col-insert-before, .htmlarea-context-menu .TO-col-insert-before {background-image:url
("images/TableOperations/col-insert-before.gif");}
143 .htmlarea .toolbar .TO-col-insert-after, .htmlarea-context-menu .TO-col-insert-after {background-image:url
("images/TableOperations/col-insert-after.gif");}
144 .htmlarea .toolbar .TO-col-delete, .htmlarea-context-menu .TO-col-delete {background-image:url
("images/TableOperations/col-delete.gif");}
145 .htmlarea .toolbar .TO-col-split, .htmlarea-context-menu .TO-col-split {background-image:url
("images/TableOperations/col-split.gif");}
146 .htmlarea .toolbar .TO-cell-prop, .htmlarea-context-menu .TO-cell-prop {background-image:url
("images/TableOperations/cell-prop.gif");}
147 .htmlarea .toolbar .TO-cell-insert-before, .htmlarea-context-menu .TO-cell-insert-before {background-image:url
("images/TableOperations/cell-insert-before.gif");}
148 .htmlarea .toolbar .TO-cell-insert-after, .htmlarea-context-menu .TO-cell-insert-after {background-image:url
("images/TableOperations/cell-insert-after.gif");}
149 .htmlarea .toolbar .TO-cell-delete, .htmlarea-context-menu .TO-cell-delete {background-image:url
("images/TableOperations/cell-delete.gif");}
150 .htmlarea .toolbar .TO-cell-split, .htmlarea-context-menu .TO-cell-split {background-image:url
("images/TableOperations/cell-split.gif");}
151 .htmlarea .toolbar .TO-cell-merge, .htmlarea-context-menu .TO-cell-merge {background-image:url
("images/TableOperations/cell-merge.gif");}
152 .htmlarea .toolbar button.buttonHover {
153 border:1px solid
;border-color:white
#C5C5D5 #C5C5D5 white
;
154 background-color: #E0E0E9;
156 .htmlarea .toolbar button.buttonActive, .htmlarea .toolbar button.buttonPressed, .htmlarea-context-menu button.buttonActive {
157 border:1px solid
;border-color:#C5C5D5 white white
#C5C5D5;
159 .htmlarea .toolbar button.buttonPressed, .htmlarea-context-menu button.buttonActive {
160 background-color:ButtonHighlight
;
161 text-decoration:none
;
163 .htmlarea .toolbar div.indicator {
164 background-color:white
;cursor:default
;
165 width:20px;overflow:hidden
;
167 border:1px solid ButtonShadow
;margin:4px 1px 0px 1px;padding:0px 3px;
169 .htmlarea .toolbar button.buttonDisabled {
170 filter: gray
() alpha
(opacity
=25);
174 .htmlarea .toolbar div.separator {
175 background-color:transparent
;background-image:url
(separator.gif);background-repeat:no-repeat
;
176 width:7px;height:22px;
177 border:1px solid
#EFEFF4;margin:0;padding:0;
179 .htmlarea .toolbar div.space {
181 background-color:transparent
;
183 border-style:none
;margin:0;padding:0 1px;
185 .htmlarea .toolbar select {
188 font-family: Verdana
, Helvetica
, Geneva
, Arial
, sans-serif
;
190 border:1px solid
#A2AAB8;
191 margin:0;padding:1px;
193 .htmlarea .toolbar select, .htmlarea .toolbar select:hover, .htmlarea .toolbar select:active {
194 background-color:Window
;
196 .htmlarea .toolbar select.buttonDisabled {
198 background-color:#EFEFF4;
200 .htmlarea .editorIframe {
203 border:1px solid
#A2AAB8;border-bottom:1px solid
#e4e0db;margin:0;padding:0;
205 .htmlarea .noStatusBar {
206 border-bottom:1px solid
#A2AAB8;
208 .htmlarea .statusBar {
210 background-color:#EFEFF4;background-image:url
('alt_menu_mainitem_bg.gif');background-repeat:repeat-x
;color:ButtonText
;
212 font-family: Verdana
, Helvetica
, Geneva
, Arial
, sans-serif
;
213 width:100%;height:20px;
214 border:1px solid
;border-color:#C5C5D5 #A2AAB8 #A2AAB8 #A2AAB8;margin:0;padding:0;
216 .htmlarea .statusBarTree {
221 .htmlarea .statusBar .statusBarTree a {
223 text-decoration:none
;
227 .htmlarea .statusBar .statusBarTree a:visited {
230 .htmlarea .statusBar .statusBarTree a:hover {
231 text-decoration: underline
;
233 .htmlarea .statusBarTextMode {
237 /* Selectors for dialogue windows */
239 color: #212424;background-color:#EFEFF4;
240 font-size:11px;font-family:Verdana
, Helvetica
, Geneva
, Arial
, sans-serif
;
241 border-style:none
;margin:5px;padding:0;
245 color: #FFFFFF; background-color: #B8BEC9; background-image: url
('alt_menu_mainitem_bg.gif'); background-position: top left
; background-repeat: repeat-x
;
246 font-weight:bold
;font-size:120%;
247 border-top:0px;border-bottom:1px solid
#A2AAB8;margin-top:0px;margin-bottom:10px;padding:3px 10px;
253 font-weight: bold
; font-size: 1.1em;
254 padding: .3em 0; border-bottom: 1px solid
#999;
256 .popupwin a:link, .popupwin a:visited {
265 .popupwin #tabbar { position: relative
; left: 10px; }
267 color: #454; background-color: #66f; cursor: pointer
;
268 margin-left: -5px; float: left
; position: relative
; top: -3px; left: -2px; z-index: 0;
269 border: 1px solid black
; border-top: none
; padding: 2px 10px 3px 10px;
271 .popupwin .tab-current {
272 color: #000; background-color: #ddf;
273 top: -4px; z-index: 10;
274 padding: 3px 10px 4px 10px;
276 .popupwin .content, .popupwin #content {
281 list-style-type:none
;
282 border-style:none
;margin:0;padding:0;
291 border-collapse:collapse
;border-style:none
;margin:0;padding:0;
295 font-weight: bold
; background-color: #ddf;
301 background-color:#EFEFF4;
302 border-style:none
;margin:0;padding:0;
305 margin-top:5px;margin-bottom:5px;
309 margin:5px 5px 0 5px;padding:0 5px 2px 5px;
311 .popupwin fieldset div {
314 .popupwin .floating {
318 font-weight:bold
;padding:0 3px;
321 float:left
;text-align:left
;
322 margin-left:5px;padding:2px 5px;
326 margin-left:5px;padding:2px 5px;
328 .popupwin fieldset table {
330 border-style:none
;margin:2px 0px;padding:0;
333 clear:both
;text-align:right
;
334 border-top:1px solid
#999;margin-top:10px;padding:5px;
336 .popupwin span.colorButton {
340 .popupwin select, .popupwin input, .popupwin button, .popupwin textarea, .popupwin table, .popupwin label {
345 vertical-align: middle
;
347 margin: 0px 3px 0px 0px;
350 .popupwin dl, .popupwin dt, .popupwin dd {
353 .popupwin dt, .popupwin dd {
356 .popupwin button.long-button {
360 float:left
;text-align:right
;
364 .popupwin .fl-borderCollapse {
365 float:left
;text-align:right
;
367 margin-left:10px;padding:2px 5px;
370 float:left
;text-align:right
;
382 .popupwin .checkbox {
386 .popupwin .postlabel {
390 .popupwin input.value {
393 .popupwin input.shorter-value {
396 /* Selectors for TYPO3 Color dialogue */
397 .popupwin .buttonColor {
399 border-style:solid
;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonHighlight ButtonHighlight
;
400 padding:1px;margin:46px 10px 0 0;
404 .popupwin div.buttonColor {
406 vertical-align:middle
;
408 .popupwin .buttonColor-hilite {
409 border-color:black black black black
;
411 .popupwin .buttonColor .chooser, .popupwin .buttonColor .nocolor {
413 border-width:1px;border-style:solid
;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonShadow ButtonShadow
;
416 .popupwin .buttonColor .nocolor {
419 .popupwin .buttonColor .nocolor-hilite {
420 background-color:#fff;color:#f00;cursor:pointer
;
422 .popupwin .colorTableWrapper {
424 .popupwin .colorTable {
427 .popupwin .currentColor {
428 width:20px;height:20px;
429 border:black
1px solid
;
432 .popupwin .colorTable tr {
435 .popupwin .colorTable td {
439 .popupwin .colorTable td.colorTitle {
443 /* Selectors for the Default Image dialogue */
444 .htmlarea-default-image #image, .htmlarea-default-image #alt {
447 .htmlarea-default-image button.preview {
448 margin-left:5px;vertical-align:top
;
451 .htmlarea-default-image div.imagepreview {
454 .htmlarea-default-image div.imagepreview iframe {
455 width:300px;height:200px;
456 border:1px solid gray
;margin:5px 0px;
458 /* Selectors for the Default Link dialogue */
459 .htmlarea-default-link #url, .htmlarea-default-link #title {
462 /* Selectors for the InsertSmiley plugin */
463 .htmlarea-insert-smiley div.smileytable {
465 height:130px;margin-bottom:10px;
467 .htmlarea-insert-smiley #smileytable {
470 .htmlarea-insert-smiley #smileytable tr {
473 .htmlarea-insert-smiley #smileytable td {
474 width:35px;height:25px;
476 .htmlarea-insert-smiley #smileytable td img {
479 /* Selectors for the FindReplace dialogue */
480 .htmlarea-find-replace .long-label {
484 /* Selectors for the CharacterMap dialogue */
485 .htmlarea-character-map #selectedCharacter {
486 margin:5px 5px 10px 5px;
489 .htmlarea-character-map #selectedCharacter div {
492 .htmlarea-character-map #showcharacter {
493 background-color:#FFF;
495 .htmlarea-character-map table {
497 background-color:#ADAD9C;
500 .htmlarea-character-map td.character {
501 font-size:14px;font-weight:bold
;
503 background-color:#FFF;
505 .htmlarea-character-map td.character-hilite {
506 background-color:Highlight
;color:HighlightText
;
508 /* Selectors for the DefaultColor dialogue */
509 .htmlarea-default-color #selectedColor div {
512 .htmlarea-default-color #ColorPreview {
513 height:21px;width:50px;
515 background-color:#000;
517 .htmlarea-default-color #ColorHex {
523 .htmlarea-default-color table {
526 .htmlarea-default-color .color {
527 width:10px;height:10px;
530 /* Selectors for the QuickTag dialogue */
531 .htmlarea-quick-tag #tag {
534 background-color:#E9E9E9;
536 .htmlarea-quick-tag #tagopen {
537 background-color: #E9E9E9;
541 .htmlarea-quick-tag strong {
544 .htmlarea-quick-tag #showselect {
545 position:absolute
;left:7px;top:81px;
546 width:150px;height:13px;
547 z-index:100;visibility:visible
;
549 /* Selectors for the SpellChecker dialogue */
550 .htmlarea-spell-check .dictionaries {
554 .htmlarea-spell-check .dictionaries #v_dictionaries {
558 .htmlarea-spell-check #b_recheck {
559 vertical-align:middle
;
562 .htmlarea-spell-check .status {
566 .htmlarea-spell-check .controls {
568 clear:right
;float:left
;
572 .htmlarea-spell-check .controls .sectitle {
576 .htmlarea-spell-check .controls .secbody {
579 .htmlarea-spell-check .controls #v_currentWord {
580 color:#F00;font-weight:bold
;
583 .htmlarea-spell-check .controls #v_replacement {
586 .htmlarea-spell-check .controls #v_suggestions, .controls #v_replacement {
589 .htmlarea-spell-check .contentframe {
590 float:right
; margin:3px;
592 .htmlarea-spell-check .contentframe #i_framecontent {
593 background-color:#FFF;color:#000;
594 height:450px;width:480px;
596 .htmlarea-spell-check .occurrences-found {
597 padding:7px 0px 0px 5px;
600 /* Selectors for the ContextMenu plugin */
601 .htmlarea-context-menu {
602 position:absolute
;top:-1000px;left:-1000px;z-index:1000;
603 background-color:#EFEFF4;cursor:default
;
605 font-family: Verdana
, Helvetica
, Geneva
, Arial
, sans-serif
;
608 border:1px solid
#A2AAB8;margin:0;padding:2px;
610 .htmlarea-context-menu li {
611 background-color:#EFEFF4;
612 border:1px solid
#EFEFF4;margin:0;padding:0;
615 .htmlarea-context-menu li button {
616 text-align:left
;vertical-align:middle
;
617 background-color:transparent
;background-repeat:no-repeat
;background-position:0px 0px;
618 height:20px;width:21px;
619 border-style:none
;margin:0 3px 0 0;padding:0;
621 .htmlarea-context-menu li .button img {
622 width:18px;height:18px;
624 .htmlarea-context-menu li.separator {
625 border-top:1px solid
#A2AAB8;
627 .htmlarea-context-menu li.hover {
628 background-image:url
('alt_menu_mainitem_bg.gif');
629 color:#fff;border-color:#A2AAB8;