[BUGFIX] Correct old naming "Text w/image" into "Text & Images"
[Packages/TYPO3.CMS.git] / typo3 / sysext / css_styled_content / static / v4.3 / setup.txt
1 # ***************************************************************************
2 # Notice: "styles." (and "temp.") objects are UNSET after template parsing!
3 # Use "lib." for persisting storage of objects.
4 # ***************************************************************************
5
6 # Clear out any constants in this reserved room!
7 styles.content >
8
9 # get content
10 styles.content.get = CONTENT
11 styles.content.get {
12 table = tt_content
13 select.orderBy = sorting
14 select.where = colPos=0
15 select.languageField = sys_language_uid
16 }
17
18 # get content, left
19 styles.content.getLeft < styles.content.get
20 styles.content.getLeft.select.where = colPos=1
21
22 # get content, right
23 styles.content.getRight < styles.content.get
24 styles.content.getRight.select.where = colPos=2
25
26 # get content, margin
27 styles.content.getBorder < styles.content.get
28 styles.content.getBorder.select.where = colPos=3
29
30 # get news
31 styles.content.getNews < styles.content.get
32 styles.content.getNews.select.pidInList = {$styles.content.getNews.newsPid}
33
34 # Edit page object:
35 styles.content.editPanelPage = COA
36 styles.content.editPanelPage {
37 10 = EDITPANEL
38 10 {
39 allow = toolbar,move,hide
40 label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.page
41 label.wrap = |&nbsp;<b>%s</b>
42 }
43 }
44
45
46
47
48
49
50
51
52
53
54
55 # *********************************************************************
56 # "lib." objects are preserved from unsetting after template parsing
57 # *********************************************************************
58
59 # Creates persistent ParseFunc setup for non-HTML content. This is recommended to use (as a reference!)
60 lib.parseFunc {
61 makelinks = 1
62 makelinks.http.keep = {$styles.content.links.keep}
63 makelinks.http.extTarget = {$styles.content.links.extTarget}
64 makelinks.mailto.keep = path
65 tags {
66 link = TEXT
67 link {
68 current = 1
69 typolink.parameter.data = parameters : allParams
70 typolink.extTarget = {$styles.content.links.extTarget}
71 typolink.target = {$styles.content.links.target}
72 parseFunc.constants =1
73 }
74 }
75 allowTags = {$styles.content.links.allowTags}
76 denyTags = *
77 sword = <span class="csc-sword">|</span>
78 constants = 1
79
80 nonTypoTagStdWrap.HTMLparser = 1
81 nonTypoTagStdWrap.HTMLparser {
82 keepNonMatchedTags = 1
83 htmlSpecialChars = 2
84 }
85 }
86
87 # good old parsefunc in "styles.content.parseFunc" is created for backwards compatibility. Don't use it, just ignore.
88 styles.content.parseFunc < lib.parseFunc
89
90 # Creates persistent ParseFunc setup for RTE content (which is mainly HTML) based on the "ts_css" transformation.
91 lib.parseFunc_RTE < lib.parseFunc
92 lib.parseFunc_RTE {
93 // makelinks >
94 # Processing <table> and <blockquote> blocks separately
95 externalBlocks = table, blockquote, ol,ul, div
96 externalBlocks {
97 # The blockquote content is passed into parseFunc again...
98 blockquote.stripNL=1
99 blockquote.callRecursive=1
100 blockquote.callRecursive.tagStdWrap.HTMLparser = 1
101 blockquote.callRecursive.tagStdWrap.HTMLparser.tags.blockquote.overrideAttribs = style="margin-bottom:0;margin-top:0;"
102
103 ol.stripNL=1
104 ol.stdWrap.parseFunc = < lib.parseFunc
105
106 ul.stripNL=1
107 ul.stdWrap.parseFunc = < lib.parseFunc
108
109 table.stripNL=1
110 table.stdWrap.HTMLparser = 1
111 table.stdWrap.HTMLparser.tags.table.fixAttrib.class {
112 default = contenttable
113 always = 1
114 list = contenttable
115 }
116 table.stdWrap.HTMLparser.keepNonMatchedTags = 1
117 table.HTMLtableCells=1
118 table.HTMLtableCells {
119 default.callRecursive=1
120 addChr10BetweenParagraphs=1
121 }
122 div.stripNL = 1
123 div.callRecursive = 1
124 }
125 nonTypoTagStdWrap.encapsLines {
126 encapsTagList = p,pre,h1,h2,h3,h4,h5,h6
127 remapTag.DIV = P
128 nonWrappedTag = P
129 innerStdWrap_all.ifBlank = &nbsp;
130 addAttributes.P.class = bodytext
131 addAttributes.P.class.setOnly=blank
132 }
133 nonTypoTagStdWrap.HTMLparser = 1
134 nonTypoTagStdWrap.HTMLparser {
135 keepNonMatchedTags = 1
136 htmlSpecialChars = 2
137 }
138 }
139
140
141 # Content header:
142 lib.stdheader = COA
143 lib.stdheader {
144
145 # Create align style-attribute for <Hx> tags
146 2 = LOAD_REGISTER
147 2.headerStyle.field = header_position
148 2.headerStyle.required = 1
149 2.headerStyle.noTrimWrap = | style="text-align:|;"|
150
151 # Create class="csc-firstHeader" attribute for <Hx> tags
152 3 = LOAD_REGISTER
153 3.headerClass = csc-firstHeader
154 3.headerClass.if.value=1
155 3.headerClass.if.equals.data = cObj:parentRecordNumber
156 3.headerClass.noTrimWrap = | class="|"|
157
158 # Date format:
159 5 = TEXT
160 5.field = date
161 5.if.isTrue.field = date
162 5.strftime = %x
163 5.wrap = <p class="csc-header-date">|</p>
164 5.prefixComment = 2 | Header date:
165
166 # This CASE cObject renders the header content:
167 # currentValue is set to the header data, possibly wrapped in link-tags.
168 10 = CASE
169 10.setCurrent {
170 field = header
171 htmlSpecialChars = 1
172 typolink.parameter.field = header_link
173 }
174 10.key.field = header_layout
175 10.key.ifEmpty = {$content.defaultHeaderType}
176 10.key.ifEmpty.override.data = register: defaultHeaderType
177
178 10.1 = TEXT
179 10.1.current = 1
180 10.1.dataWrap = <h1{register:headerStyle}{register:headerClass}>|</h1>
181
182 10.2 < .10.1
183 10.2.dataWrap = <h2{register:headerStyle}{register:headerClass}>|</h2>
184
185 10.3 < .10.1
186 10.3.dataWrap = <h3{register:headerStyle}{register:headerClass}>|</h3>
187
188 10.4 < .10.1
189 10.4.dataWrap = <h4{register:headerStyle}{register:headerClass}>|</h4>
190
191 10.5 < .10.1
192 10.5.dataWrap = <h5{register:headerStyle}{register:headerClass}>|</h5>
193
194 # Pops the used registers off the stack:
195 98 = RESTORE_REGISTER
196 99 = RESTORE_REGISTER
197
198 # Post-processing:
199 stdWrap.fieldRequired = header
200 stdWrap.if {
201 equals.field = header_layout
202 value = 100
203 negate = 1
204 }
205
206 stdWrap.editIcons = tt_content : header, [header_layout | header_position], [header_link|date]
207 stdWrap.editIcons.beforeLastTag = 1
208 stdWrap.editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.header
209
210 stdWrap.dataWrap = <div class="csc-header csc-header-n{cObj:parentRecordNumber}">|</div>
211 stdWrap.prefixComment = 2 | Header:
212 }
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228 #******************************************************
229 # Including library for processing of some elements:
230 #******************************************************
231 includeLibs.tx_cssstyledcontent_pi1 = EXT:css_styled_content/pi1/class.tx_cssstyledcontent_pi1.php
232
233
234 #**********************************
235 # tt_content is started
236 #**********************************
237 tt_content >
238 tt_content = CASE
239 tt_content.key.field = CType
240 tt_content.stdWrap {
241 innerWrap.cObject = CASE
242 innerWrap.cObject {
243 key.field = section_frame
244
245 default = COA
246 default {
247 10 = TEXT
248 10 {
249 value = <div id="c{field:uid}"
250 override.cObject = TEXT
251 override.cObject {
252 value = <div
253 if.value = div
254 if.equals.field = CType
255 }
256 insertData = 1
257 }
258
259 15 = TEXT
260 15 {
261 value = csc-default
262 noTrimWrap = | class="|" |
263 required = 1
264 }
265
266 20 = COA
267 20 {
268 10 = COA
269 10 {
270 10 = TEXT
271 10 {
272 value = {$content.spaceBefore}
273 wrap = |+
274 if.isTrue = {$content.spaceBefore}
275 }
276
277 20 = TEXT
278 20 {
279 field = spaceBefore
280 }
281
282 stdWrap {
283 prioriCalc = intval
284 wrap = margin-top:|px;
285 required = 1
286 ifEmpty.value =
287 }
288 }
289
290 20 = COA
291 20 {
292 10 = TEXT
293 10 {
294 value = {$content.spaceAfter}
295 wrap = |+
296 if.isTrue = {$content.spaceAfter}
297 }
298
299 20 = TEXT
300 20 {
301 field = spaceAfter
302 }
303
304 stdWrap {
305 prioriCalc = intval
306 wrap = margin-bottom:|px;
307 required = 1
308 ifEmpty.value =
309 }
310 }
311
312 stdWrap.noTrimWrap = | style="|" |
313 stdWrap.required = 1
314 }
315 30 = TEXT
316 30.value = >|</div>
317 }
318
319 1 =< tt_content.stdWrap.innerWrap.cObject.default
320 1.15.value = csc-frame csc-frame-invisible
321
322 5 =< tt_content.stdWrap.innerWrap.cObject.default
323 5.15.value = csc-frame csc-frame-rulerBefore
324
325 6 =< tt_content.stdWrap.innerWrap.cObject.default
326 6.15.value = csc-frame csc-frame-rulerAfter
327
328 10 =< tt_content.stdWrap.innerWrap.cObject.default
329 10.15.value = csc-frame csc-frame-indent
330
331 11 =< tt_content.stdWrap.innerWrap.cObject.default
332 11.15.value = csc-frame csc-frame-indent3366
333
334 12 =< tt_content.stdWrap.innerWrap.cObject.default
335 12.15.value = csc-frame csc-frame-indent6633
336
337 20 =< tt_content.stdWrap.innerWrap.cObject.default
338 20.15.value = csc-frame csc-frame-frame1
339
340 21 =< tt_content.stdWrap.innerWrap.cObject.default
341 21.15.value = csc-frame csc-frame-frame2
342
343 66 = COA
344 66 {
345 10 = TEXT
346 10 {
347 value = <a id="c{field:uid}"></a>
348 insertData = 1
349 }
350
351 20 = COA
352 20 {
353 10 = TEXT
354 10 {
355 value = {$content.spaceBefore}
356 wrap = |+
357 if.isTrue = {$content.spaceBefore}
358 }
359
360 20 = TEXT
361 20 {
362 field = spaceBefore
363 }
364
365 stdWrap {
366 prioriCalc = intval
367 wrap = margin-top:|px;
368 required = 1
369 ifEmpty.value =
370 wrap2 = <div style="|"></div>
371 }
372 }
373
374 30 = TEXT
375 30 {
376 value = |
377 }
378
379 40 < .20
380 40 {
381 10 {
382 value = {$content.spaceAfter}
383 if.isTrue = {$content.spaceAfter}
384 }
385 20.field = spaceAfter
386 stdWrap.wrap = margin-bottom:|px;
387 }
388 }
389
390 }
391
392 innerWrap2 = | <p class="csc-linkToTop"><a href="#">{LLL:EXT:css_styled_content/pi1/locallang.xml:label.toTop}</a></p>
393 innerWrap2.insertData = 1
394 innerWrap2.fieldRequired = linkToTop
395
396 prepend = TEXT
397 prepend.dataWrap = <a id="c{field:_LOCALIZED_UID}"></a>
398 prepend.if.isTrue.field = _LOCALIZED_UID
399
400 editPanel = 1
401 editPanel {
402 allow = move,new,edit,hide,delete
403 line = 5
404 label = %s
405 onlyCurrentPid = 1
406 previewBorder = 4
407 edit.displayRecord = 1
408 }
409
410 prefixComment = 1 | CONTENT ELEMENT, uid:{field:uid}/{field:CType}
411 }
412
413
414
415 # *****************
416 # CType: header
417 # *****************
418 # See Object path "lib.stdheader"
419 tt_content.header = COA
420 tt_content.header {
421 10 = < lib.stdheader
422
423 20 = TEXT
424 20 {
425 field = subheader
426 required = 1
427
428 dataWrap = <p class="csc-subheader csc-subheader-{field:layout}">|</p>
429 htmlSpecialChars = 1
430
431 editIcons = tt_content:subheader,layout
432 editIcons.beforeLastTag = 1
433 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.subheader
434
435 prefixComment = 2 | Subheader:
436 }
437 }
438
439
440
441 # *****************
442 # CType: text
443 # *****************
444 tt_content.text = COA
445 tt_content.text {
446 10 = < lib.stdheader
447
448 20 = TEXT
449 20 {
450 field = bodytext
451 required = 1
452
453 parseFunc = < lib.parseFunc_RTE
454
455 editIcons = tt_content:bodytext, rte_enabled
456 editIcons.beforeLastTag = 1
457 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.bodytext
458
459 prefixComment = 2 | Text:
460 }
461 }
462
463
464
465 # *****************
466 # CType: image
467 # *****************
468 # (also used for rendering 'textpic' type):
469 tt_content.image = COA
470 tt_content.image.10 = < lib.stdheader
471 tt_content.image.20 = USER
472 tt_content.image.20 {
473 userFunc = tx_cssstyledcontent_pi1->render_textpic
474
475 # Image source
476 imgList.field = image
477 imgPath = uploads/pics/
478
479 # Single image rendering
480 imgObjNum = 1
481 1 {
482 file.import.current = 1
483 file.width.field = imagewidth
484 imageLinkWrap = 1
485 imageLinkWrap {
486 bodyTag = <body style="margin:0; background:#fff;">
487 wrap = <a href="javascript:close();"> | </a>
488 width = {$styles.content.imgtext.linkWrap.width}
489 height = {$styles.content.imgtext.linkWrap.height}
490 effects = {$styles.content.imgtext.linkWrap.effects}
491
492 JSwindow = 1
493 JSwindow.newWindow = {$styles.content.imgtext.linkWrap.newWindow}
494
495 enable.field = image_zoom
496 enable.ifEmpty.typolink.parameter.field = image_link
497 enable.ifEmpty.typolink.parameter.listNum.stdWrap.data = register : IMAGE_NUM_CURRENT
498 enable.ifEmpty.typolink.returnLast = url
499
500 typolink.parameter.field = image_link
501 typolink.parameter.listNum.stdWrap.data = register : IMAGE_NUM_CURRENT
502 typolink.target = {$styles.content.links.target}
503 typolink.extTarget = {$styles.content.links.extTarget}
504 }
505
506 altText = TEXT
507 altText {
508 field = altText
509 stripHtml = 1
510 split.token.char = 10
511 split.token.if.isTrue = {$styles.content.imgtext.imageTextSplit}
512 split.returnKey.data = register : IMAGE_NUM_CURRENT
513 }
514
515 titleText < .altText
516 titleText.field = titleText
517
518 longdescURL < .altText
519 longdescURL.field = longdescURL
520
521 emptyTitleHandling = {$styles.content.imgtext.emptyTitleHandling}
522 titleInLink = {$styles.content.imgtext.titleInLink}
523 titleInLinkAndImg = {$styles.content.imgtext.titleInLinkAndImg}
524 }
525
526 textPos.field = imageorient
527 maxW = {$styles.content.imgtext.maxW}
528 maxW.override.data = register:maxImageWidth
529 maxWInText = {$styles.content.imgtext.maxWInText}
530 maxWInText.override.data = register:maxImageWidthInText
531
532 equalH.field = imageheight
533
534 image_compression.field = image_compression
535 image_effects.field = image_effects
536
537 noRows.field = image_noRows
538
539 cols.field = imagecols
540 border.field = imageborder
541
542 caption {
543 1 = TEXT
544 1 {
545 field = imagecaption
546 required = 1
547 parseFunc =< lib.parseFunc
548 br = 1
549 split.token.char = 10
550 split.token.if.isPositive = {$styles.content.imgtext.imageTextSplit} + {$styles.content.imgtext.captionSplit}
551 split.returnKey.data = register : IMAGE_NUM_CURRENT
552 }
553 }
554 # captionSplit is deprecated, use imageTextSplit instead
555 captionSplit = {$styles.content.imgtext.captionSplit}
556 captionAlign.field = imagecaption_position
557 # caption/alttext/title/longdescURL splitting
558 imageTextSplit = {$styles.content.imgtext.imageTextSplit}
559
560 borderCol = {$styles.content.imgtext.borderColor}
561 borderThick = {$styles.content.imgtext.borderThick}
562 borderClass = {$styles.content.imgtext.borderClass}
563 colSpace = {$styles.content.imgtext.colSpace}
564 rowSpace = {$styles.content.imgtext.rowSpace}
565 textMargin = {$styles.content.imgtext.textMargin}
566
567 borderSpace = {$styles.content.imgtext.borderSpace}
568 separateRows = {$styles.content.imgtext.separateRows}
569 addClasses =
570 addClassesImage =
571 addClassesImage.ifEmpty = csc-textpic-firstcol csc-textpic-lastcol
572 addClassesImage.override = csc-textpic-firstcol |*| |*| csc-textpic-lastcol
573 addClassesImage.override.if {
574 isGreaterThan.field = imagecols
575 value = 1
576 }
577
578 #
579 imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap" style="width:{register:totalwidth}px;"> | </div>
580 imageStdWrapNoWidth.wrap = <div class="csc-textpic-imagewrap"> | </div>
581
582 # if noRows is set, wrap around each column:
583 imageColumnStdWrap.dataWrap = <div class="csc-textpic-imagecolumn" style="width:{register:columnwidth}px;"> | </div>
584
585 layout = CASE
586 layout {
587 key.field = imageorient
588 # above-center
589 default = TEXT
590 default.value = <div class="csc-textpic csc-textpic-center csc-textpic-above###CLASSES###">###IMAGES######TEXT###</div><div class="csc-textpic-clear"><!-- --></div>
591 # above-right
592 1 = TEXT
593 1.value = <div class="csc-textpic csc-textpic-right csc-textpic-above###CLASSES###">###IMAGES######TEXT###</div><div class="csc-textpic-clear"><!-- --></div>
594 # above-left
595 2 = TEXT
596 2.value = <div class="csc-textpic csc-textpic-left csc-textpic-above###CLASSES###">###IMAGES######TEXT###</div><div class="csc-textpic-clear"><!-- --></div>
597 # below-center
598 8 = TEXT
599 8.value = <div class="csc-textpic csc-textpic-center csc-textpic-below###CLASSES###">###TEXT######IMAGES###</div><div class="csc-textpic-clear"><!-- --></div>
600 # below-right
601 9 = TEXT
602 9.value = <div class="csc-textpic csc-textpic-right csc-textpic-below###CLASSES###">###TEXT######IMAGES###</div><div class="csc-textpic-clear"><!-- --></div>
603 # below-left
604 10 = TEXT
605 10.value = <div class="csc-textpic csc-textpic-left csc-textpic-below###CLASSES###">###TEXT######IMAGES###</div><div class="csc-textpic-clear"><!-- --></div>
606 # intext-right
607 17 = TEXT
608 17.value = <div class="csc-textpic csc-textpic-intext-right###CLASSES###">###IMAGES######TEXT###</div>
609 # intext-left
610 18 = TEXT
611 18.value = <div class="csc-textpic csc-textpic-intext-left###CLASSES###">###IMAGES######TEXT###</div>
612 # intext-right-nowrap
613 25 = TEXT
614 25.value = <div class="csc-textpic csc-textpic-intext-right-nowrap###CLASSES###">###IMAGES###<div style="margin-right:{register:rowWidthPlusTextMargin}px;">###TEXT###</div></div><div class="csc-textpic-clear"><!-- --></div>
615 25.insertData = 1
616 # intext-left-nowrap
617 26 = TEXT
618 26.value = <div class="csc-textpic csc-textpic-intext-left-nowrap###CLASSES###">###IMAGES###<div style="margin-left:{register:rowWidthPlusTextMargin}px;">###TEXT###</div></div><div class="csc-textpic-clear"><!-- --></div>
619 26.insertData = 1
620 }
621
622 rendering {
623 dl {
624 # Choose another rendering for special edge cases
625 fallbackRendering = COA
626 fallbackRendering {
627 # Just one image without a caption => don't need the dl-overhead, use the "simple" rendering
628 10 = TEXT
629 10 {
630 if {
631 isFalse.field = imagecaption
632 value = 1
633 equals.data = register:imageCount
634 }
635 value = simple
636 }
637
638 # Multiple images and one global caption => "ul"
639 20 = TEXT
640 20 {
641 if {
642 value = 1
643 isGreaterThan.data = register:imageCount
644 isTrue.if.isTrue.data = register:renderGlobalCaption
645 isTrue.field = imagecaption
646 }
647 value = ul
648 }
649
650 # Multiple images and no caption at all => "ul"
651 30 = TEXT
652 30 {
653 if {
654 value = 1
655 isGreaterThan.data = register:imageCount
656 isFalse.field = imagecaption
657 }
658 value = ul
659 }
660 }
661 imageRowStdWrap.dataWrap = <div class="csc-textpic-imagerow" style="width:{register:rowwidth}px;"> | </div>
662 imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last" style="width:{register:rowwidth}px;"> | </div>
663 noRowsStdWrap.wrap =
664 oneImageStdWrap.dataWrap = <dl class="csc-textpic-image###CLASSES###" style="width:{register:imagespace}px;"> | </dl>
665 imgTagStdWrap.wrap = <dt> | </dt>
666 editIconsStdWrap.wrap = <dd> | </dd>
667 caption {
668 required = 1
669 wrap = <dd class="csc-textpic-caption"> | </dd>
670 }
671 }
672 ul {
673 # Just one image without a caption => don't need the ul-overhead, use the "simple" rendering
674 fallbackRendering < tt_content.image.20.rendering.dl.fallbackRendering.10
675 imageRowStdWrap.dataWrap = <div class="csc-textpic-imagerow" style="width:{register:rowwidth}px;"><ul> | </ul></div>
676 imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last" style="width:{register:rowwidth}px;"><ul> | </ul></div>
677 noRowsStdWrap.wrap = <ul> | </ul>
678 oneImageStdWrap.dataWrap = <li class="csc-textpic-image###CLASSES###" style="width:{register:imagespace}px;"> | </li>
679 imgTagStdWrap.wrap =
680 editIconsStdWrap.wrap = <div> | </div>
681 caption.wrap = <div class="csc-textpic-caption"> | </div>
682 }
683 div {
684 # Just one image without a caption => don't need the div-overhead, use the "simple" rendering
685 fallbackRendering < tt_content.image.20.rendering.dl.fallbackRendering.10
686 imageRowStdWrap.dataWrap = <div class="csc-textpic-imagerow" style="width:{register:rowwidth}px;"> | </div>
687 imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last" style="width:{register:rowwidth}px;"> | </div>
688 noRowsStdWrap.wrap =
689 oneImageStdWrap.dataWrap = <div class="csc-textpic-image###CLASSES###" style="width:{register:imagespace}px;"> | </div>
690 imgTagStdWrap.wrap = <div> | </div>
691 editIconsStdWrap.wrap = <div> | </div>
692 caption.wrap = <div class="csc-textpic-caption"> | </div>
693 }
694 simple {
695 imageRowStdWrap.dataWrap = |
696 imageLastRowStdWrap.dataWrap = |
697 noRowsStdWrap.wrap =
698 oneImageStdWrap.dataWrap = |
699 imgTagStdWrap.wrap = |
700 editIconsStdWrap.wrap = |
701 caption.wrap = <div class="csc-textpic-caption"> | </div>
702 imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap csc-textpic-single-image" style="width:{register:totalwidth}px;"> | </div>
703 imageStdWrapNoWidth.wrap = <div class="csc-textpic-imagewrap csc-textpic-single-image"> | </div>
704 }
705 }
706 renderMethod = dl
707
708 editIcons = tt_content : image [imageorient|imagewidth|imageheight], [imagecols|image_noRows|imageborder],[image_link|image_zoom],[image_compression|image_effects|image_frames],imagecaption[imagecaption_position]
709 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.images
710
711 caption.editIcons = tt_content : imagecaption[imagecaption_position]
712 caption.editIcons.beforeLastTag=1
713 caption.editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.caption
714
715 stdWrap.prefixComment = 2 | Image block:
716 }
717
718
719
720 # *****************
721 # CType: textpic
722 # *****************
723 tt_content.textpic = COA
724 tt_content.textpic {
725 10 = COA
726 10.if.value = 25
727 10.if.isLessThan.field = imageorient
728 10.10 = < lib.stdheader
729
730 20 = < tt_content.image.20
731 20 {
732 text.10 = COA
733 text.10 {
734 if.value = 24
735 if.isGreaterThan.field = imageorient
736 10 = < lib.stdheader
737 10.stdWrap.dataWrap = <div class="csc-textpicHeader csc-textpicHeader-{field:imageorient}">|</div>
738 }
739 text.20 = < tt_content.text.20
740 text.wrap = <div class="csc-textpic-text"> | </div>
741 }
742 }
743
744
745
746 # *****************
747 # CType: bullet
748 # *****************
749 tt_content.bullets = COA
750 tt_content.bullets {
751 10 = < lib.stdheader
752
753 20 = TEXT
754 20 {
755 field = bodytext
756 trim = 1
757 split{
758 token.char = 10
759 cObjNum = |*|1|| 2|*|
760 1.current = 1
761 1.parseFunc =< lib.parseFunc
762 1.wrap = <li class="odd">|</li>
763
764 2.current = 1
765 2.parseFunc =< lib.parseFunc
766 2.wrap = <li class="even">|</li>
767 }
768 dataWrap = <ul class="csc-bulletlist csc-bulletlist-{field:layout}">|</ul>
769 editIcons = tt_content: bodytext, [layout]
770 editIcons.beforeLastTag = 1
771 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.php:eIcon.bullets
772
773 prefixComment = 2 | Bullet list:
774 }
775 }
776
777
778
779 # *****************
780 # CType: table
781 # *****************
782 # Rendered by a PHP function specifically written to handle CE tables. See css_styled_content/pi1/class.tx_cssstyledcontent_pi1.php
783 tt_content.table = COA
784 tt_content.table {
785 10 = < lib.stdheader
786
787 20 = USER
788 20.userFunc = tx_cssstyledcontent_pi1->render_table
789 20.field = bodytext
790
791 20.color {
792 default =
793 1 = #EDEBF1
794 2 = #F5FFAA
795 }
796 20.tableParams_0 {
797 border =
798 cellpadding =
799 cellspacing =
800 }
801 20.tableParams_1 {
802 border =
803 cellpadding =
804 cellspacing =
805 }
806 20.tableParams_2 {
807 border =
808 cellpadding =
809 cellspacing =
810 }
811 20.tableParams_3 {
812 border =
813 cellpadding =
814 cellspacing =
815 }
816 20.innerStdWrap.wrap = |
817 20.innerStdWrap.parseFunc = < lib.parseFunc
818
819 20.stdWrap {
820 editIcons = tt_content: cols, bodytext, [layout], [table_bgColor|table_border|table_cellspacing|table_cellpadding]
821 editIcons.beforeLastTag = 1
822 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.table
823
824 prefixComment = 2 | Table:
825 }
826 }
827
828
829 # *****************
830 # CType: uploads
831 # *****************
832 # Rendered by a PHP function specifically written to handle CE filelists. See css_styled_content/pi1/class.tx_cssstyledcontent_pi1.php
833 tt_content.uploads = COA
834 tt_content.uploads {
835 10 = < lib.stdheader
836
837 20 = USER
838 20.userFunc = tx_cssstyledcontent_pi1->render_uploads
839 20.field = media
840 20.filePath.field = select_key
841
842 20 {
843 # Rendering for each file (e.g. rows of the table) as a cObject
844 itemRendering = COA
845 itemRendering {
846 wrap = <tr class="tr-odd tr-first">|</tr> |*| <tr class="tr-even">|</tr> || <tr class="tr-odd">|</tr> |*|
847
848 10 = TEXT
849 10.data = register:linkedIcon
850 10.wrap = <td class="csc-uploads-icon">|</td>
851 10.if.isPositive.field = layout
852
853 20 = COA
854 20.wrap = <td class="csc-uploads-fileName">|</td>
855 20.1 = TEXT
856 20.1 {
857 data = register:linkedLabel
858 wrap = <p>|</p>
859 }
860 20.2 = TEXT
861 20.2 {
862 data = register:description
863 wrap = <p class="csc-uploads-description">|</p>
864 required = 1
865 htmlSpecialChars = 1
866 }
867
868 30 = TEXT
869 30.if.isTrue.field = filelink_size
870 30.data = register:fileSize
871 30.wrap = <td class="csc-uploads-fileSize">|</td>
872 30.bytes = 1
873 30.bytes.labels = {$styles.content.uploads.filesizeBytesLabels}
874 }
875 }
876
877 20.color {
878 default =
879 1 = #EDEBF1
880 2 = #F5FFAA
881 }
882 20.tableParams_0 {
883 border =
884 cellpadding =
885 cellspacing =
886 }
887 20.tableParams_1 {
888 border =
889 cellpadding =
890 cellspacing =
891 }
892 20.tableParams_2 {
893 border =
894 cellpadding =
895 cellspacing =
896 }
897 20.tableParams_3 {
898 border =
899 cellpadding =
900 cellspacing =
901 }
902
903 20.linkProc {
904 target = _blank
905 jumpurl = {$styles.content.uploads.jumpurl}
906 jumpurl.secure = {$styles.content.uploads.jumpurl_secure}
907 jumpurl.secure.mimeTypes = {$styles.content.uploads.jumpurl_secure_mimeTypes}
908 removePrependedNumbers = 1
909
910 iconCObject = IMAGE
911 iconCObject.file.import.data = register : ICON_REL_PATH
912 iconCObject.file.width = 150
913 }
914
915 20.filesize {
916 bytes = 1
917 bytes.labels = {$styles.content.uploads.filesizeBytesLabels}
918 }
919
920 20.stdWrap {
921 editIcons = tt_content: media, layout [table_bgColor|table_border|table_cellspacing|table_cellpadding], filelink_size, imagecaption
922 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.filelist
923
924 prefixComment = 2 | File list:
925 }
926 }
927
928
929 # ******************
930 # CType: multimedia
931 # ******************
932 tt_content.multimedia = COA
933 tt_content.multimedia {
934 10 = < lib.stdheader
935
936 20 = MULTIMEDIA
937 20.file.field = multimedia
938 20.file.wrap = uploads/media/
939 20.file.listNum = 0
940 20.params.field = bodytext
941
942 20.stdWrap {
943 editIcons = tt_content: multimedia, bodytext
944 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.multimedia
945
946 prefixComment = 2 | Multimedia element:
947 }
948 }
949
950 # *****************
951 # CType: swfobject
952 # *****************
953 tt_content.swfobject = COA
954 tt_content.swfobject {
955 10 = < lib.stdheader
956
957 20 = SWFOBJECT
958 20 {
959 file =
960 width =
961 height =
962
963 flexParams.field = pi_flexform
964
965 alternativeContent.field = bodytext
966
967 layout = ###SWFOBJECT###
968
969 video {
970 player = {$styles.content.media.videoPlayer}
971
972 defaultWidth = {$styles.content.media.defaultVideoWidth}
973 defaultHeight = {$styles.content.media.defaultVideoHeight}
974
975 default {
976 params.quality = high
977 params.menu = false
978 params.allowScriptAccess = sameDomain
979 params.allowFullScreen = true
980 }
981 mapping {
982
983 }
984 }
985
986 audio {
987 player = {$styles.content.media.audioPlayer}
988
989 defaultWidth = {$styles.content.media.defaultAudioWidth}
990 defaultHeight = {$styles.content.media.defaultAudioHeight}
991
992 default {
993 params.quality = high
994 params.allowScriptAccess = sameDomain
995 params.menu = false
996 }
997 mapping {
998 flashvars.file = soundFile
999 }
1000 }
1001
1002 }
1003 20.stdWrap {
1004 editIcons = tt_content: multimedia, imagewidth, imageheight, pi_flexform, bodytext
1005 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.multimedia
1006
1007 prefixComment = 2 | SWFobject element:
1008 }
1009 }
1010
1011 # *****************
1012 # CType: qtobject
1013 # *****************
1014 tt_content.qtobject = COA
1015 tt_content.qtobject {
1016 10 = < lib.stdheader
1017
1018 20 = QTOBJECT
1019 20 {
1020 file =
1021 width =
1022 height =
1023
1024 flexParams.field = pi_flexform
1025
1026 alternativeContent.field = bodytext
1027
1028 layout = ###QTOBJECT###
1029
1030 video {
1031 player = {$styles.content.media.videoPlayer}
1032
1033 defaultWidth = {$styles.content.media.defaultVideoWidth}
1034 defaultHeight = {$styles.content.media.defaultVideoHeight}
1035
1036 default {
1037 params.quality = high
1038 params.menu = false
1039 params.allowScriptAccess = sameDomain
1040 params.allowFullScreen = true
1041 }
1042 mapping {
1043
1044 }
1045 }
1046
1047 audio {
1048 player = {$styles.content.media.audioPlayer}
1049
1050 defaultWidth = {$styles.content.media.defaultAudioWidth}
1051 defaultHeight = {$styles.content.media.defaultAudioHeight}
1052
1053 default {
1054 params.quality = high
1055 params.allowScriptAccess = sameDomain
1056 params.menu = false
1057 }
1058 mapping {
1059 flashvars.file = soundFile
1060 }
1061 }
1062 }
1063 20.stdWrap {
1064 editIcons = tt_content: multimedia, imagewidth, imageheight, pi_flexform, bodytext
1065 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.multimedia
1066
1067 prefixComment = 2 | QTobject element:
1068 }
1069 }
1070
1071 # *****************
1072 # CType: media
1073 # *****************
1074 tt_content.media = COA
1075 tt_content.media {
1076 10 = < lib.stdheader
1077
1078 20 = MEDIA
1079 20 {
1080
1081 flexParams.field = pi_flexform
1082 alternativeContent < tt_content.text.20
1083 alternativeContent.field = bodytext
1084
1085 type = video
1086 renderType = auto
1087 allowEmptyUrl = 0
1088 forcePlayer = 1
1089
1090 fileExtHandler {
1091 default = MEDIA
1092 avi = MEDIA
1093 asf = MEDIA
1094 class = MEDIA
1095 wmv = MEDIA
1096 mp3 = SWF
1097 mp4 = SWF
1098 m4v = SWF
1099 swa = SWF
1100 flv = SWF
1101 swf = SWF
1102 mov = QT
1103 }
1104
1105 mimeConf.swfobject < tt_content.swfobject.20
1106 mimeConf.qtobject < tt_content.qtobject.20
1107
1108 }
1109 20.stdWrap {
1110 editIcons = tt_content: pi_flexform, bodytext
1111 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.multimedia
1112
1113 prefixComment = 2 | Media element:
1114 }
1115 }
1116
1117 # ******************
1118 # CType: mailform
1119 # ******************
1120 tt_content.mailform = COA
1121 tt_content.mailform.10 = < lib.stdheader
1122 tt_content.mailform.20 = FORM
1123 tt_content.mailform.20 {
1124 accessibility = 1
1125 noWrapAttr=1
1126 formName = mailform
1127 dontMd5FieldNames = 1
1128 layout = <div class="csc-mailform-field">###LABEL### ###FIELD###</div>
1129 labelWrap.wrap = |
1130 commentWrap.wrap = |
1131 radioWrap.wrap = |<br />
1132 radioWrap.accessibilityWrap = <fieldset###RADIO_FIELD_ID###><legend>###RADIO_GROUP_LABEL###</legend>|</fieldset>
1133 REQ = 1
1134 REQ.labelWrap.wrap = |
1135 COMMENT.layout = <div class="csc-mailform-label">###LABEL###</div>
1136 RADIO.layout = <div class="csc-mailform-field">###LABEL### <span class="csc-mailform-radio">###FIELD###</span></div>
1137 LABEL.layout = <div class="csc-mailform-field">###LABEL### <span class="csc-mailform-label">###FIELD###</span></div>
1138 target = {$styles.content.mailform.target}
1139 goodMess = {$styles.content.mailform.goodMess}
1140 badMess = {$styles.content.mailform.badMess}
1141 redirect.field = pages
1142 redirect.listNum = 0
1143 recipient.field = subheader
1144 data.field = bodytext
1145 locationData = 1
1146
1147 params.radio = class="csc-mailform-radio"
1148 params.check = class="csc-mailform-check"
1149 params.submit = class="csc-mailform-submit"
1150
1151 stdWrap.wrap = <fieldset class="csc-mailform"> | </fieldset>
1152 stdWrap {
1153 editIcons = tt_content: bodytext, pages, subheader
1154 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.form
1155
1156 prefixComment = 2 | Mail form inserted:
1157 }
1158 }
1159
1160
1161 # ******************
1162 # CType: search
1163 # ******************
1164 tt_content.search = COA
1165 tt_content.search.10 = < lib.stdheader
1166 # Result:
1167 tt_content.search.20 = SEARCHRESULT
1168 tt_content.search.20 {
1169 allowedCols = pages.title-subtitle-keywords-description : tt_content.header-bodytext-imagecaption : tt_address.name-title-address-email-company-city-country : tt_links.title-note-note2-url : tt_board.subject-message-author-email : tt_calender.title-note : tt_products.title-note-itemnumber
1170 languageField.tt_content = sys_language_uid
1171 renderObj = COA
1172 renderObj {
1173
1174 10 = TEXT
1175 10.field = pages_title
1176 10.htmlSpecialChars = 1
1177 10.typolink {
1178 parameter.field = uid
1179 target = {$styles.content.searchresult.resultTarget}
1180 additionalParams.data = register:SWORD_PARAMS
1181 additionalParams.required = 1
1182 additionalParams.wrap = &no_cache=1
1183 }
1184 10.htmlSpecialChars = 1
1185 10.wrap = <h3 class="csc-searchResultHeader">|</h3>
1186
1187 20 = COA
1188 20 {
1189 10 = TEXT
1190 10.field = tt_content_bodytext
1191 10.stripHtml = 1
1192 10.htmlSpecialChars = 1
1193 }
1194 20.stdWrap.crop = 200 | ...
1195 20.stdWrap.wrap = <p class="csc-searchResult">|</p>
1196 }
1197
1198 layout = COA
1199 layout {
1200 wrap = <table border="0" cellspacing="0" cellpadding="2" class="csc-searchResultInfo"><tr> | </tr></table> ###RESULT###
1201
1202 10 = TEXT
1203 10.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.resultRange
1204 10.wrap = <td class="csc-searchResultRange"><p>|</p></td>
1205
1206 20 = TEXT
1207 20.value = ###PREV###&nbsp;&nbsp;&nbsp;###NEXT###
1208 20.wrap = <td class="csc-searchResultPrevNext"><p>|</p></td>
1209 }
1210
1211 noResultObj = COA
1212 noResultObj {
1213 10 = TEXT
1214 10.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.emptySearch
1215 10.wrap = <h3 class="csc-noSearchResultMsg">|</h3>
1216 }
1217
1218 next = TEXT
1219 next.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.searchResultNext
1220
1221 prev = TEXT
1222 prev.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.searchResultPrev
1223
1224 target = {$styles.content.searchresult.target}
1225 range = 20
1226
1227 stdWrap.prefixComment = 2 | Search result:
1228 }
1229
1230 # Form:
1231 tt_content.search.30 < tt_content.mailform.20
1232 tt_content.search.30 {
1233 goodMess = {$styles.content.searchform.goodMess}
1234 redirect >
1235 recipient >
1236 data >
1237 dataArray {
1238 10.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.searchWord
1239 10.type = sword=input
1240 20.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.searchIn
1241 20.type = scols=select
1242 20.valueArray {
1243 10.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.headersKeywords
1244 10.value = pages.title-subtitle-keywords-description:tt_content.header
1245 20.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.pageContent
1246 20.value = tt_content.header-bodytext-imagecaption
1247 }
1248 30.type = stype=hidden
1249 30.value = L0
1250 40.type = submit=submit
1251 40.value.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.searchButton
1252 }
1253 type.field = pages
1254 type.listNum = 0
1255 locationData = HTTP_POST_VARS
1256 no_cache = 1
1257
1258 stdWrap.wrap = <table border="0" cellspacing="1" cellpadding="1" class="csc-searchform"> | </table>
1259 stdWrap {
1260 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.search
1261
1262 prefixComment = 2 | Search form inserted:
1263 }
1264 }
1265
1266
1267 # ******************
1268 # CType: login
1269 # ******************
1270 tt_content.login < tt_content.mailform
1271 tt_content.login.10 = < lib.stdheader
1272 tt_content.login.20 {
1273 goodMess = {$styles.content.loginform.goodMess}
1274 redirect >
1275 recipient >
1276 data >
1277 dataArray {
1278 10.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:login.username
1279 10.type = *user=input
1280 20.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:login.password
1281 20.type = *pass=password
1282 30.type = logintype=hidden
1283 30.value = login
1284 40.type = submit=submit
1285 40.value.data = LLL:EXT:css_styled_content/pi1/locallang.xml:login.login
1286 }
1287 type.field = pages
1288 type.listNum = 0
1289 target = {$styles.content.loginform.target}
1290 locationData = 0
1291 hiddenFields.pid = TEXT
1292 hiddenFields.pid {
1293 value = {$styles.content.loginform.pid}
1294 override.field = pages
1295 override.listNum = 1
1296 }
1297
1298 stdWrap.wrap = <div class="csc-loginform"> | </div>
1299 stdWrap {
1300 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.login
1301
1302 prefixComment = 2 | Login/Logout form:
1303 }
1304 }
1305 [loginUser = *]
1306 tt_content.login.20 {
1307 dataArray >
1308 dataArray {
1309 10.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:login.username
1310 10.label.wrap = |&nbsp;<!--###USERNAME###-->
1311 30.type = logintype=hidden
1312 30.value = logout
1313 40.type = submit=submit
1314 40.value.data = LLL:EXT:css_styled_content/pi1/locallang.xml:login.logout
1315 }
1316 }
1317 [global]
1318
1319
1320 # ******************
1321 # CType: splash
1322 # ******************
1323 # Deprecated element.
1324 # Still here for backwards compliance with plugins using the "text box" type.
1325 tt_content.splash = CASE
1326 tt_content.splash.key.field = splash_layout
1327 tt_content.splash.stdWrap {
1328 prefixComment = 2 | Textbox inserted (Deprecated)
1329 }
1330 tt_content.splash.default = COA
1331 tt_content.splash.default {
1332 20 = CTABLE
1333 20 {
1334 c.1 = < tt_content.text
1335 lm.1 = IMAGE
1336 lm.1.file {
1337 import = uploads/pics/
1338 import.field = image
1339 import.listNum = 0
1340 maxW.field = imagewidth
1341 maxW.ifEmpty = 200
1342 }
1343 cMargins = 30,0,0,0
1344 }
1345 }
1346 tt_content.splash.1 < tt_content.splash.default
1347 tt_content.splash.1.20.lm.1.file >
1348 tt_content.splash.1.20.lm.1.file = GIFBUILDER
1349 tt_content.splash.1.20.lm.1.file {
1350 XY = [10.w]+10,[10.h]+10
1351 backColor = {$content.splash.bgCol}
1352 backColor.override.data = register:pageColor
1353 format = jpg
1354 5 = BOX
1355 5.dimensions = 3,3,[10.w],[10.h]
1356 5.color = #333333
1357 7 = EFFECT
1358 7.value = blur=99|blur=99|blur=99|blur=99|blur=99|blur=99|blur=99
1359 10 = IMAGE
1360 10.file {
1361 import = uploads/pics/
1362 import.field = image
1363 import.listNum = 0
1364 maxW.field = imagewidth
1365 maxW.ifEmpty = 200
1366 }
1367 }
1368 // The image frames are not available unless TypoScript code from styles.content.imgFrames.x is provided manually:
1369 tt_content.splash.2 < tt_content.splash.default
1370 #tt_content.splash.2.20.lm.1.file.m < styles.content.imgFrames.1
1371 tt_content.splash.3 < tt_content.splash.default
1372 #tt_content.splash.3.20.lm.1.file.m < styles.content.imgFrames.2
1373
1374 // From plugin.postit1, if included:
1375 tt_content.splash.20 = < plugin.postit1
1376
1377
1378
1379 # ****************
1380 # CType: menu
1381 # ****************
1382 tt_content.menu = COA
1383 tt_content.menu {
1384 10 = < lib.stdheader
1385
1386 20 = CASE
1387 20 {
1388 key.field = menu_type
1389
1390 # "Menu of these pages"
1391 default = HMENU
1392 default {
1393 special = list
1394 special.value.field = pages
1395 wrap = <ul class="csc-menu csc-menu-def">|</ul>
1396 1 = TMENU
1397 1 {
1398 target = {$PAGE_TARGET}
1399 NO = 1
1400 NO {
1401 stdWrap.htmlSpecialChars = 1
1402 wrapItemAndSub = <li>|</li>
1403 ATagTitle.field = description // title
1404 }
1405 ACT < .NO
1406 ACT.wrapItemAndSub = <li class="csc-menu-active">|</li>
1407 CUR < .ACT
1408 CUR.wrapItemAndSub = <li class="csc-menu-current">|</li>
1409 }
1410 }
1411
1412 # "Menu of subpages to these pages"
1413 1 < .default
1414 1 {
1415 special = directory
1416 wrap = <ul class="csc-menu csc-menu-1">|</ul>
1417 }
1418
1419 # "Sitemap - liststyle"
1420 2 = HMENU
1421 2 {
1422 wrap = <div class="csc-sitemap">|</div>
1423 1 = TMENU
1424 1 {
1425 target = {$PAGE_TARGET}
1426 expAll = 1
1427 wrap = <ul>|</ul>
1428 NO = 1
1429 NO {
1430 stdWrap.htmlSpecialChars = 1
1431 wrapItemAndSub = <li>|</li>
1432 ATagTitle.field = description // title
1433 }
1434 ACT < .NO
1435 ACT.wrapItemAndSub = <li class="csc-menu-active">|</li>
1436 CUR < .ACT
1437 CUR.wrapItemAndSub = <li class="csc-menu-current">|</li>
1438 }
1439 2 < .1
1440 3 < .1
1441 4 < .1
1442 5 < .1
1443 6 < .1
1444 7 < .1
1445 }
1446
1447 # "Section index (pagecontent w/Index checked - liststyle)"
1448 3 < styles.content.get
1449 3 {
1450 wrap = <ul class="csc-menu csc-menu-3">|</ul>
1451 select.andWhere = sectionIndex<>0
1452 select.pidInList.override.field = pages
1453 renderObj = TEXT
1454 renderObj {
1455 fieldRequired = header
1456 trim = 1
1457 field = header
1458 htmlSpecialChars = 1
1459 wrap = <li class="csc-section">|</li>
1460 typolink.parameter.field = pid
1461 typolink.section.field = uid
1462 }
1463 }
1464
1465 # "Menu of subpages to these pages (with abstract)"
1466 4 < .1
1467 4 {
1468 wrap = <dl class="csc-menu csc-menu-4">|</dl>
1469 1 {
1470 NO = 1
1471 NO {
1472 wrapItemAndSub >
1473 linkWrap = <dt>|</dt>
1474 after {
1475 data = field : abstract // field : description // field : subtitle
1476 required = 1
1477 htmlSpecialChars = 1
1478 wrap = <dd>|</dd>
1479 }
1480 ATagTitle.field = description // title
1481 }
1482 ACT < .NO
1483 ACT {
1484 linkWrap = <dt class="csc-menu-active">|</dt>
1485 after.wrap = <dd class="csc-menu-active">|</dd>
1486 }
1487 CUR < .ACT
1488 CUR {
1489 linkWrap = <dt class="csc-menu-current">|</dt>
1490 after.wrap = <dd class="csc-menu-current">|</dd>
1491 }
1492 }
1493 }
1494
1495 # "Recently updated pages"
1496 5 < .default
1497 5 {
1498 wrap = <ul class="csc-menu csc-menu-5">|</ul>
1499 special = updated
1500 special {
1501 maxAge = 3600*24*7
1502 excludeNoSearchPages = 1
1503 }
1504 }
1505
1506 # "Related pages (based on keywords)"
1507 6 < .default
1508 6 {
1509 wrap = <ul class="csc-menu csc-menu-6">|</ul>
1510 special = keywords
1511 special {
1512 excludeNoSearchPages = 1
1513 }
1514 }
1515
1516 # "Menu of subpages to these pages + sections - liststyle"
1517 7 < .1
1518 7 {
1519 wrap = <ul class="csc-menu csc-menu-7">|</ul>
1520 1.expAll = 1
1521 2 < .1
1522 2 {
1523 sectionIndex = 1
1524 sectionIndex.type = header
1525 wrap = <ul>|</ul>
1526 NO.wrapItemAndSub = <li class="csc-section">|</li>
1527 }
1528 }
1529 }
1530
1531 20.stdWrap {
1532 editIcons = tt_content: menu_type, pages
1533 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.menuSitemap
1534
1535 prefixComment = 2 | Menu/Sitemap element:
1536 }
1537 }
1538
1539
1540
1541 # ****************
1542 # CType: shortcut
1543 # ****************
1544 # Should be a complete copy from the old static template "content (default)"
1545 tt_content.shortcut = COA
1546 tt_content.shortcut {
1547 20 = CASE
1548 20.key.field = layout
1549 20.0= RECORDS
1550 20.0 {
1551 source.field = records
1552 tables = {$content.shortcut.tables}
1553 }
1554 20.1= RECORDS
1555 20.1 {
1556 source.field = records
1557 tables = {$content.shortcut.tables}
1558 }
1559
1560 20.stdWrap {
1561 editIcons = tt_content: records
1562 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.recordList
1563
1564 prefixComment = 2 | Inclusion of other records (by reference):
1565 }
1566 }
1567
1568
1569 # ****************
1570 # CType: list
1571 # ****************
1572 # Should be a complete copy from the old static template "content (default)" (except "lib.stdheader")
1573 tt_content.list = COA
1574 tt_content.list {
1575 10 = < lib.stdheader
1576
1577 20 = CASE
1578 20.key.field = list_type
1579
1580 20.stdWrap {
1581 editIcons = tt_content: list_type, layout, select_key, pages [recursive]
1582 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.plugin
1583
1584 prefixComment = 2 | Plugin inserted:
1585 }
1586 }
1587
1588
1589 # ****************
1590 # CType: script
1591 # ****************
1592 # OBSOLETE! Please make extensions instead. The "script" content element was meant for these custom purposes in the past. Today extensions will do the job better.
1593 tt_content.script = TEXT
1594 tt_content.script {
1595 value =
1596
1597 prefixComment = 2 | Script element (Deprecated)
1598 }
1599
1600
1601 # ****************
1602 # CType: div
1603 # ****************
1604 tt_content.div = TEXT
1605 tt_content.div {
1606 value = <hr />
1607 wrap = <div class="divider">|</div>
1608 prefixComment = 2 | Div element
1609 }
1610
1611
1612 # ****************
1613 # CType: html
1614 # ****************
1615 # This truely IS a content object, launched from inside the PHP class of course.
1616 # Should be a complete copy from the old static template "content (default)"
1617 tt_content.html = TEXT
1618 tt_content.html {
1619 field = bodytext
1620
1621 editIcons = tt_content:bodytext
1622 editIcons.beforeLastTag = 1
1623 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.html
1624
1625 prefixComment = 2 | Raw HTML content:
1626 }
1627
1628
1629 # ****************
1630 # Default error msg:
1631 # ****************
1632 tt_content.default = TEXT
1633 tt_content.default {
1634 field = CType
1635 wrap = <p style="background-color: yellow;"><b>ERROR:</b> Content Element type "|" has no rendering definition!</p>
1636
1637 prefixComment = 2 | Unknown element message:
1638 }
1639
1640 # *********************************************************************
1641 # ACCESSIBILTY MODE
1642 # *********************************************************************
1643
1644
1645
1646
1647
1648
1649
1650 plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE (
1651 /* Captions */
1652 DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
1653 DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
1654 DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }
1655
1656 /* Needed for noRows setting */
1657 DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }
1658
1659 /* Border just around the image */
1660 {$styles.content.imgtext.borderSelector} {
1661 border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
1662 padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
1663 }
1664
1665 DIV.csc-textpic-imagewrap { padding: 0; }
1666
1667 DIV.csc-textpic IMG { border: none; }
1668
1669 /* DIV: This will place the images side by side */
1670 DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }
1671
1672 /* UL: This will place the images side by side */
1673 DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
1674 DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }
1675
1676 /* DL: This will place the images side by side */
1677 DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
1678 DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
1679 DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
1680 DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
1681 DL.csc-textpic-image { margin: 0; }
1682 DL.csc-textpic-image DT { margin: 0; display: inline; }
1683 DL.csc-textpic-image DD { margin: 0; }
1684
1685 /* Clearer */
1686 DIV.csc-textpic-clear { clear: both; }
1687
1688 /* Margins around images: */
1689
1690 /* Pictures on left, add margin on right */
1691 DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
1692 DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
1693 DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
1694 display: inline; /* IE fix for double-margin bug */
1695 margin-right: {$styles.content.imgtext.colSpace}px;
1696 }
1697
1698 /* Pictures on right, add margin on left */
1699 DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
1700 DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
1701 DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
1702 display: inline; /* IE fix for double-margin bug */
1703 margin-left: {$styles.content.imgtext.colSpace}px;
1704 }
1705
1706 /* Pictures centered, add margin on left */
1707 DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
1708 display: inline; /* IE fix for double-margin bug */
1709 margin-left: {$styles.content.imgtext.colSpace}px;
1710 }
1711 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
1712 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }
1713
1714 /* Space below each image (also in-between rows) */
1715 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: {$styles.content.imgtext.rowSpace}px; }
1716 DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: {$styles.content.imgtext.rowSpace}px; display: block; }
1717 DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
1718 DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: {$styles.content.imgtext.rowSpace}px; }
1719
1720 /* No margins around the whole image-block */
1721 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
1722 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }
1723
1724 /* Add margin from image-block to text (in case of "Text & Images") */
1725 DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
1726 DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
1727 margin-right: {$styles.content.imgtext.textMargin}px !important;
1728 }
1729 DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
1730 DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
1731 margin-left: {$styles.content.imgtext.textMargin}px !important;
1732 }
1733
1734 /* Positioning of images: */
1735
1736 /* Above */
1737 DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }
1738
1739 /* Center (above or below) */
1740 DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
1741 DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
1742 DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
1743 DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }
1744
1745 /* Right (above or below) */
1746 DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
1747 DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }
1748
1749 /* Left (above or below) */
1750 DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
1751 DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }
1752
1753 /* Left (in text) */
1754 DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }
1755
1756 /* Right (in text) */
1757 DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }
1758
1759 /* Right (in text, no wrap around) */
1760 DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
1761 /* Hide from IE5-mac. Only IE-win sees this. \*/
1762 * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
1763 /* End hide from IE5/mac */
1764
1765 /* Left (in text, no wrap around) */
1766 DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
1767 /* Hide from IE5-mac. Only IE-win sees this. \*/
1768 * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
1769 /* End hide from IE5/mac */
1770
1771 DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }
1772
1773 /* Browser fixes: */
1774
1775 /* Fix for unordered and ordered list with image "In text, left" */
1776 .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }
1777 )
1778