typo3/sysext/css_styled_content/static/v6.1/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 a condition for targets. Not allowed in XHTML except for xhtml frames DTD
  60 lib.parseTarget {
  61         override =
  62         override.if {
  63                 isTrue.data = TSFE:dtdAllowsFrames
  64         }
  65 }
  66
  67 # Creates persistent ParseFunc setup for non-HTML content. This is recommended to use (as a reference!)
  68 lib.parseFunc {
  69         makelinks = 1
  70         makelinks.http.keep = {$styles.content.links.keep}
  71         makelinks.http.extTarget < lib.parseTarget
  72         makelinks.http.extTarget =
  73         makelinks.http.extTarget.override = {$styles.content.links.extTarget}
  74         makelinks.mailto.keep = path
  75         tags {
  76                 link = TEXT
  77                 link {
  78                         current = 1
  79                         typolink.parameter.data = parameters : allParams
  80                         typolink.extTarget < lib.parseTarget
  81                         typolink.extTarget =
  82                         typolink.extTarget.override = {$styles.content.links.extTarget}
  83                         typolink.target < lib.parseTarget
  84                         typolink.target =
  85                         typolink.target.override = {$styles.content.links.target}
  86                         parseFunc.constants =1
  87                 }
  88         }
  89         allowTags = {$styles.content.links.allowTags}
  90         denyTags = *
  91         sword = <span class="csc-sword">|</span>
  92         constants = 1
  93
  94         nonTypoTagStdWrap.HTMLparser = 1
  95         nonTypoTagStdWrap.HTMLparser {
  96                 keepNonMatchedTags = 1
  97                 htmlSpecialChars = 2
  98         }
  99 }
 100
 101 # good old parsefunc in "styles.content.parseFunc" is created for backwards compatibility. Don't use it, just ignore.
 102 styles.content.parseFunc < lib.parseFunc
 103
 104 # Creates persistent ParseFunc setup for RTE content (which is mainly HTML) based on the "ts_css" transformation.
 105 lib.parseFunc_RTE < lib.parseFunc
 106 lib.parseFunc_RTE {
 107         //  makelinks >
 108         # Processing <table> and <blockquote> blocks separately
 109         externalBlocks = article, aside, blockquote, div, dd, dl, footer, header, nav, ol, section, table, ul
 110         externalBlocks {
 111                 # The blockquote content is passed into parseFunc again...
 112                 blockquote.stripNL=1
 113                 blockquote.callRecursive=1
 114                 blockquote.callRecursive.tagStdWrap.HTMLparser = 1
 115                 blockquote.callRecursive.tagStdWrap.HTMLparser.tags.blockquote.overrideAttribs = style="margin-bottom:0;margin-top:0;"
 116
 117                 ol.stripNL=1
 118                 ol.stdWrap.parseFunc = < lib.parseFunc
 119
 120                 ul.stripNL=1
 121                 ul.stdWrap.parseFunc = < lib.parseFunc
 122
 123                 table.stripNL=1
 124                 table.stdWrap.HTMLparser = 1
 125                 table.stdWrap.HTMLparser.tags.table.fixAttrib.class {
 126                         default = contenttable
 127                         always = 1
 128                         list = contenttable
 129                 }
 130                 table.stdWrap.HTMLparser.keepNonMatchedTags = 1
 131                 table.HTMLtableCells=1
 132                 table.HTMLtableCells {
 133                         # Recursive call to self but without wrapping non-wrapped cell content
 134                         default.stdWrap {
 135                                 parseFunc =< lib.parseFunc_RTE
 136                                 parseFunc.nonTypoTagStdWrap.encapsLines.nonWrappedTag =
 137                         }
 138                         addChr10BetweenParagraphs=1
 139                 }
 140                 div.stripNL = 1
 141                 div.callRecursive = 1
 142
 143                 article < .div
 144                 aside < .div
 145                 footer < .div
 146                 header < .div
 147                 nav < .div
 148                 section < .div
 149
 150                 # Definition list processing
 151                 dl < .div
 152                 dd < .div
 153         }
 154         nonTypoTagStdWrap.encapsLines {
 155                 encapsTagList = p,pre,h1,h2,h3,h4,h5,h6,hr,dt
 156                 remapTag.DIV = P
 157                 nonWrappedTag = P
 158                 innerStdWrap_all.ifBlank = &nbsp;
 159                 addAttributes.P.class = bodytext
 160                 addAttributes.P.class.setOnly=blank
 161         }
 162         nonTypoTagStdWrap.HTMLparser = 1
 163         nonTypoTagStdWrap.HTMLparser {
 164                 keepNonMatchedTags = 1
 165                 htmlSpecialChars = 2
 166         }
 167 }
 168
 169
 170 # Content header:
 171 lib.stdheader = COA
 172 lib.stdheader {
 173
 174         # Create class attribute for <Hx> tags
 175         3 = LOAD_REGISTER
 176         3 {
 177                 headerClass {
 178                         cObject = COA
 179                         cObject {
 180                                 # Create alignment class for <Hx> tags
 181                                 10 = TEXT
 182                                 10 {
 183                                         field = header_position
 184                                         required = 1
 185                                         noTrimWrap = |csc-header-alignment-| |
 186                                 }
 187                                 # Create "csc-firstHeader" class for <Hx> tags
 188                                 20 = TEXT
 189                                 20 {
 190                                         value = csc-firstHeader
 191                                         if {
 192                                                 value = 1
 193                                                 equals.data = cObj:parentRecordNumber
 194                                         }
 195                                 }
 196                                 stdWrap {
 197                                         trim = 1
 198                                         noTrimWrap = | class="|"|
 199                                         required = 1
 200                                 }
 201                         }
 202                 }
 203         }
 204
 205         # Date format (not HTML5)
 206         5 = TEXT
 207         5 {
 208                 field = date
 209                 if {
 210                         isTrue {
 211                                 field = date
 212                         }
 213                         isFalse = 1
 214                         isFalse {
 215                                 if {
 216                                         value = html5
 217                                         equals.data = TSFE:config|config|doctype
 218                                 }
 219                         }
 220                 }
 221                 strftime = %x
 222                 wrap = <p class="csc-header-date">|</p>
 223                 prefixComment = 2 | Header date:
 224         }
 225
 226         # HTML5 <hgroup> open
 227         7 = TEXT
 228         7 {
 229                 value = <hgroup>
 230                 fieldRequired = subheader
 231                 if {
 232                         value = html5
 233                         equals.data = TSFE:config|config|doctype
 234                 }
 235         }
 236
 237         # This CASE cObject renders the header content:
 238         # currentValue is set to the header data, possibly wrapped in link-tags.
 239         10 = CASE
 240         10.setCurrent {
 241                 field = header
 242                 htmlSpecialChars = 1
 243                 typolink.parameter.field = header_link
 244         }
 245         10.key.field = header_layout
 246         10.key.ifEmpty = {$content.defaultHeaderType}
 247         10.key.ifEmpty.override.data = register: defaultHeaderType
 248
 249         10.1 = TEXT
 250         10.1.current = 1
 251         10.1.dataWrap = <h1{register:headerClass}>|</h1>
 252
 253         10.2 < .10.1
 254         10.2.dataWrap = <h2{register:headerClass}>|</h2>
 255
 256         10.3 < .10.1
 257         10.3.dataWrap = <h3{register:headerClass}>|</h3>
 258
 259         10.4 < .10.1
 260         10.4.dataWrap = <h4{register:headerClass}>|</h4>
 261
 262         10.5 < .10.1
 263         10.5.dataWrap = <h5{register:headerClass}>|</h5>
 264
 265         # HTML5 subheader
 266         20 = CASE
 267         20 {
 268                 key {
 269                         field = header_layout
 270                 }
 271
 272                 default = TEXT
 273                 default {
 274                         wrap = <h2>|</h2>
 275                         htmlSpecialChars = 1
 276                         field = subheader
 277                 }
 278
 279                 1 < .default
 280
 281                 2 < .default
 282                 2.wrap = <h3>|</h3>
 283
 284                 3 < .default
 285                 3.wrap = <h4>|</h4>
 286
 287                 4 < .default
 288                 4.wrap = <h5>|</h5>
 289
 290                 5 < .default
 291                 5.wrap = <h6>|</h6>
 292
 293                 if {
 294                         isTrue {
 295                                 field = subheader
 296                         }
 297                         value = html5
 298                         equals.data = TSFE:config|config|doctype
 299                         # Hide subheader for old style form element (it is used for recipient mail)
 300                         isFalse = 0
 301                         isFalse.override = 1
 302                         isFalse.override {
 303                                 if.equals.field = CType
 304                                 if.value = mailform
 305                         }
 306                 }
 307         }
 308
 309         # HTML5 <hgroup> close
 310         30 < lib.stdheader.7
 311         30 {
 312                 value = </hgroup>
 313         }
 314
 315         # HTML5 Date
 316         40 = COA
 317         40 {
 318
 319                 stdWrap {
 320                         wrap = <p class="csc-header-date">|</p>
 321                         innerWrap {
 322                                 cObject = COA
 323                                 cObject {
 324                                         10 = TEXT
 325                                         10 {
 326                                                 value = <time
 327                                         }
 328                                         20 = TEXT
 329                                         20 {
 330                                                 noTrimWrap = | datetime="|"|
 331                                                 field = date
 332                                                 strftime = %Y-%m-%d
 333                                         }
 334                                         30 = TEXT
 335                                         30 {
 336                                                 value = >|</time>
 337                                         }
 338                                 }
 339                         }
 340                         required = 1
 341                 }
 342                 10 = TEXT
 343                 10 {
 344                         field = date
 345                         strftime = %B %e, %Y
 346                 }
 347                 if {
 348                         isTrue {
 349                                 field = date
 350                         }
 351                         value = html5
 352                         equals.data = TSFE:config|config|doctype
 353                 }
 354         }
 355
 356         # Pops the used registers off the stack:
 357         98 = RESTORE_REGISTER
 358
 359         # Post-processing:
 360         stdWrap.fieldRequired = header
 361         stdWrap.if {
 362                 equals.field = header_layout
 363                 value = 100
 364                 negate = 1
 365         }
 366
 367         stdWrap.editIcons = tt_content : header, [header_layout | header_position], [header_link|date]
 368         stdWrap.editIcons.beforeLastTag = 1
 369         stdWrap.editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.header
 370
 371         stdWrap {
 372                 dataWrap = <div class="csc-header csc-header-n{cObj:parentRecordNumber}">|</div>
 373                 dataWrap {
 374                         override = <header class="csc-header csc-header-n{cObj:parentRecordNumber}">|</header>
 375                         override {
 376                                 if {
 377                                         value = html5
 378                                         equals.data = TSFE:config|config|doctype
 379                                 }
 380                         }
 381                 }
 382         }
 383         stdWrap.prefixComment = 2 | Header:
 384 }
 385
 386
 387
 388
 389
 390
 391
 392
 393
 394
 395
 396
 397
 398
 399
 400 #******************************************************
 401 # Including library for processing of some elements:
 402 #******************************************************
 403 includeLibs.tx_cssstyledcontent_pi1 = EXT:css_styled_content/pi1/class.tx_cssstyledcontent_pi1.php
 404
 405
 406 #**********************************
 407 # tt_content is started
 408 #**********************************
 409 tt_content >
 410 tt_content = CASE
 411 tt_content.key.field = CType
 412 tt_content.stdWrap {
 413         innerWrap.cObject = CASE
 414         innerWrap.cObject {
 415                 key.field = section_frame
 416
 417                 default = COA
 418                 default {
 419                         10 = TEXT
 420                         10 {
 421                                 cObject = CASE
 422                                 cObject {
 423                                         key.field = CType
 424
 425                                         default = TEXT
 426                                         default {
 427                                                 value = <div id="c{field:uid}"
 428                                         }
 429
 430                                         div = TEXT
 431                                         div {
 432                                                 value = <div
 433                                         }
 434
 435                                         menu < .default
 436                                         menu {
 437                                                 override = <nav id="c{field:uid}"
 438                                                 override {
 439                                                         if {
 440                                                                 value = html5
 441                                                                 equals.data = TSFE:config|config|doctype
 442                                                         }
 443                                                 }
 444                                         }
 445                                 }
 446                                 insertData = 1
 447                         }
 448
 449                         20 = COA
 450                         20 {
 451                                 # Create default class for content
 452                                 10 = TEXT
 453                                 10 {
 454                                         value = csc-default
 455                                         required = 1
 456                                         noTrimWrap = || |
 457                                 }
 458                                 # Create class for space before content
 459                                 20 = USER
 460                                 20 {
 461                                         userFunc = tx_cssstyledcontent_pi1->renderSpace
 462                                         space = before
 463                                         constant = {$content.spaceBefore}
 464                                         classStdWrap {
 465                                                 noTrimWrap = |csc-space-before-| |
 466                                         }
 467                                 }
 468                                 # Create class for space after content
 469                                 30 = USER
 470                                 30 {
 471                                         userFunc = tx_cssstyledcontent_pi1->renderSpace
 472                                         space = after
 473                                         constant = {$content.spaceAfter}
 474                                         classStdWrap {
 475                                                 noTrimWrap = |csc-space-after-| |
 476                                         }
 477                                 }
 478                                 stdWrap {
 479                                         trim = 1
 480                                         noTrimWrap = | class="|"|
 481                                         required = 1
 482                                 }
 483                         }
 484
 485                         30 = TEXT
 486                         30 {
 487                                 cObject = CASE
 488                                 cObject {
 489                                         key.field = CType
 490
 491                                         default = TEXT
 492                                         default {
 493                                                 value = >|</div>
 494                                         }
 495
 496                                         menu < .default
 497                                         menu {
 498                                                 override = >|</nav>
 499                                                 override {
 500                                                         if {
 501                                                                 value = html5
 502                                                                 equals.data = TSFE:config|config|doctype
 503                                                         }
 504                                                 }
 505                                         }
 506                                 }
 507                         }
 508                 }
 509
 510                 1 =< tt_content.stdWrap.innerWrap.cObject.default
 511                 1.20.10.value = csc-frame csc-frame-invisible
 512
 513                 5 =< tt_content.stdWrap.innerWrap.cObject.default
 514                 5.20.10.value = csc-frame csc-frame-rulerBefore
 515
 516                 6 =< tt_content.stdWrap.innerWrap.cObject.default
 517                 6.20.10.value = csc-frame csc-frame-rulerAfter
 518
 519                 10 =< tt_content.stdWrap.innerWrap.cObject.default
 520                 10.20.10.value = csc-frame csc-frame-indent
 521
 522                 11 =< tt_content.stdWrap.innerWrap.cObject.default
 523                 11.20.10.value = csc-frame csc-frame-indent3366
 524
 525                 12 =< tt_content.stdWrap.innerWrap.cObject.default
 526                 12.20.10.value = csc-frame csc-frame-indent6633
 527
 528                 20 =< tt_content.stdWrap.innerWrap.cObject.default
 529                 20.20.10.value = csc-frame csc-frame-frame1
 530
 531                 21 =< tt_content.stdWrap.innerWrap.cObject.default
 532                 21.20.10.value = csc-frame csc-frame-frame2
 533
 534                 66 = COA
 535                 66 {
 536                         10 = TEXT
 537                         10 {
 538                                 value = <a id="c{field:uid}"></a>
 539                                 insertData = 1
 540                         }
 541                         # Create div with class for space before content
 542                         20 = COA
 543                         20 {
 544                                 10 = USER
 545                                 10 {
 546                                         userFunc = tx_cssstyledcontent_pi1->renderSpace
 547                                         space = before
 548                                         constant = {$content.spaceBefore}
 549                                         stdWrap {
 550                                                 wrap = csc-space-before-|
 551                                         }
 552                                 }
 553                                 stdWrap {
 554                                         wrap = <div class="|"></div>
 555                                         required = 1
 556                                 }
 557                         }
 558
 559                         30 = TEXT
 560                         30 {
 561                                 value = |
 562                         }
 563
 564                         # Create div with class for space after content
 565                         40 < .20
 566                         40 {
 567                                 10 {
 568                                         space = after
 569                                         constant = {$content.spaceAfter}
 570                                         stdWrap {
 571                                                 wrap = csc-space-after-|
 572                                         }
 573                                 }
 574                         }
 575                 }
 576         }
 577
 578         innerWrap2 = | <p class="csc-linkToTop"><a href="#">{LLL:EXT:css_styled_content/pi1/locallang.xml:label.toTop}</a></p>
 579         innerWrap2.insertData = 1
 580         innerWrap2.fieldRequired = linkToTop
 581
 582         prepend = TEXT
 583         prepend.dataWrap = <a id="c{field:_LOCALIZED_UID}"></a>
 584         prepend.if.isTrue.field = _LOCALIZED_UID
 585
 586         editPanel = 1
 587         editPanel {
 588                 allow = move,new,edit,hide,delete
 589                 line = 5
 590                 label = %s
 591                 onlyCurrentPid = 1
 592                 previewBorder = 4
 593                 edit.displayRecord = 1
 594         }
 595
 596         prefixComment = 1 | CONTENT ELEMENT, uid:{field:uid}/{field:CType}
 597 }
 598
 599
 600
 601 # *****************
 602 # CType: header
 603 # *****************
 604 # See Object path "lib.stdheader"
 605 tt_content.header = COA
 606 tt_content.header {
 607         10 = < lib.stdheader
 608
 609         20 = TEXT
 610         20 {
 611                 field = subheader
 612                 required = 1
 613
 614                 dataWrap = <p class="csc-subheader csc-subheader-{field:layout}">|</p>
 615                 htmlSpecialChars = 1
 616
 617                 if {
 618                         value = html5
 619                         equals.data = TSFE:config|config|doctype
 620                         negate = 1
 621                 }
 622
 623                 editIcons = tt_content:subheader,layout
 624                 editIcons.beforeLastTag = 1
 625                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.subheader
 626
 627                 prefixComment = 2 | Subheader:
 628         }
 629 }
 630
 631
 632
 633 # *****************
 634 # CType: text
 635 # *****************
 636 tt_content.text = COA
 637 tt_content.text {
 638         10 = < lib.stdheader
 639
 640         20 = TEXT
 641         20 {
 642                 field = bodytext
 643                 required = 1
 644
 645                 parseFunc = < lib.parseFunc_RTE
 646
 647                 editIcons = tt_content:bodytext, rte_enabled
 648                 editIcons.beforeLastTag = 1
 649                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.bodytext
 650
 651                 prefixComment = 2 | Text:
 652         }
 653 }
 654
 655
 656
 657 # *****************
 658 # CType: image
 659 # *****************
 660 # (also used for rendering 'textpic' type):
 661 tt_content.image = COA
 662 tt_content.image.10 = < lib.stdheader
 663 tt_content.image.20 = USER
 664 tt_content.image.20 {
 665         userFunc = tx_cssstyledcontent_pi1->render_textpic
 666
 667         # Image source
 668         imgList.field = image
 669         imgList.override.field = image_fileUids
 670         imgPath = uploads/pics/
 671
 672         # Single image rendering
 673         imgObjNum = 1
 674         1 {
 675                 file.import.current = 1
 676                 file.width.field = imagewidth
 677                 imageLinkWrap = 1
 678                 imageLinkWrap {
 679                         bodyTag = <body style="margin:0; background:#fff;">
 680                         wrap = <a href="javascript:close();"> | </a>
 681                         width = {$styles.content.imgtext.linkWrap.width}
 682                         height = {$styles.content.imgtext.linkWrap.height}
 683                         effects = {$styles.content.imgtext.linkWrap.effects}
 684
 685                         JSwindow = 1
 686                         JSwindow.newWindow = {$styles.content.imgtext.linkWrap.newWindow}
 687                         JSwindow.if.isFalse = {$styles.content.imgtext.linkWrap.lightboxEnabled}
 688
 689                         directImageLink = {$styles.content.imgtext.linkWrap.lightboxEnabled}
 690
 691                         enable.field = image_zoom
 692                         enable.ifEmpty.typolink.parameter.field = image_link
 693                         enable.ifEmpty.typolink.parameter.listNum.splitChar = 10
 694                         enable.ifEmpty.typolink.parameter.listNum.stdWrap.data = register : IMAGE_NUM_CURRENT
 695                         enable.ifEmpty.typolink.returnLast = url
 696
 697                         typolink.parameter.field = image_link
 698                         typolink.parameter.listNum.splitChar = 10
 699                         typolink.parameter.listNum.stdWrap.data = register : IMAGE_NUM_CURRENT
 700
 701                         typolink.target < lib.parseTarget
 702                         typolink.target =
 703                         typolink.target.override = {$styles.content.links.target}
 704
 705                         typolink.extTarget < lib.parseTarget
 706                         typolink.extTarget =
 707                         typolink.extTarget.override = {$styles.content.links.extTarget}
 708
 709                         linkParams.ATagParams.dataWrap =  class="{$styles.content.imgtext.linkWrap.lightboxCssClass}" rel="{$styles.content.imgtext.linkWrap.lightboxRelAttribute}"
 710                 }
 711
 712                 altText = TEXT
 713                 altText {
 714                         field = altText
 715                         stripHtml = 1
 716                         split.token.char = 10
 717                         split.token.if.isTrue = {$styles.content.imgtext.imageTextSplit}
 718                         split.returnKey.data = register : IMAGE_NUM_CURRENT
 719                 }
 720
 721                 params =
 722                 params {
 723                         override {
 724                                 dataWrap = aria-describedby="csc-longdesc-{field:uid}-{register:IMAGE_NUM_CURRENT}"
 725                                 if {
 726                                         isTrue {
 727                                                 cObject = TEXT
 728                                                 cObject {
 729                                                         field = imagecaption
 730                                                         required = 1
 731                                                         parseFunc =< lib.parseFunc
 732                                                         split {
 733                                                                 token {
 734                                                                         char = 10
 735                                                                         if.isPositive = {$styles.content.imgtext.imageTextSplit} + {$styles.content.imgtext.captionSplit}
 736                                                                 }
 737                                                                 returnKey.data = register : IMAGE_NUM_CURRENT
 738                                                         }
 739                                                 }
 740                                         }
 741                                         isFalse = 1
 742                                         isFalse {
 743                                                 if {
 744                                                         isFalse {
 745                                                                 cObject = TEXT
 746                                                                 cObject {
 747                                                                         field = longdescURL
 748                                                                         split {
 749                                                                                 token {
 750                                                                                         char = 10
 751                                                                                 }
 752                                                                                 returnKey.data = register : IMAGE_NUM_CURRENT
 753                                                                         }
 754                                                                 }
 755                                                         }
 756                                                 }
 757                                         }
 758                                         isPositive = {$styles.content.imgtext.imageTextSplit} + {$styles.content.imgtext.captionSplit}
 759                                         value = html5
 760                                         equals.data = TSFE:config|config|doctype
 761                                 }
 762                         }
 763                 }
 764
 765                 titleText < .altText
 766                 titleText.field = titleText
 767
 768                 longdescURL {
 769                         parameter {
 770                                 field = longdescURL
 771                                 split {
 772                                         token {
 773                                                 char = 10
 774                                         }
 775                                         returnKey.data = register : IMAGE_NUM_CURRENT
 776                                 }
 777                         }
 778                 }
 779
 780                 emptyTitleHandling = {$styles.content.imgtext.emptyTitleHandling}
 781                 titleInLink = {$styles.content.imgtext.titleInLink}
 782                 titleInLinkAndImg = {$styles.content.imgtext.titleInLinkAndImg}
 783         }
 784
 785         textPos.field = imageorient
 786         maxW = {$styles.content.imgtext.maxW}
 787         maxW.override.data = register:maxImageWidth
 788         maxWInText = {$styles.content.imgtext.maxWInText}
 789         maxWInText.override.data = register:maxImageWidthInText
 790
 791         equalH.field = imageheight
 792
 793         image_compression.field = image_compression
 794         image_effects.field = image_effects
 795
 796         noRows.field = image_noRows
 797
 798         cols.field = imagecols
 799         border.field = imageborder
 800
 801         caption {
 802                 1 = COA
 803                 1 {
 804                         1 = TEXT
 805                         1 {
 806                                 field = imagecaption
 807                                 required = 1
 808                                 parseFunc =< lib.parseFunc
 809                                 br = 1
 810                                 split.token.char = 10
 811                                 split.token.if.isPositive = {$styles.content.imgtext.imageTextSplit} + {$styles.content.imgtext.captionSplit}
 812                                 split.returnKey.data = register : IMAGE_NUM_CURRENT
 813                         }
 814                         stdWrap {
 815                                 required = 1
 816                                 typolink {
 817                                         parameter {
 818                                                 field = longdescURL
 819                                                 trim = 1
 820                                                 split {
 821                                                         token {
 822                                                                 char = 10
 823                                                         }
 824                                                         returnKey.data = register : IMAGE_NUM_CURRENT
 825                                                 }
 826                                                 if {
 827                                                         value = html5
 828                                                         equals.data = TSFE:config|config|doctype
 829                                                 }
 830                                         }
 831                                         ATagParams {
 832                                                 dataWrap = id="csc-longdesc-{field:uid}-{register:IMAGE_NUM_CURRENT}"
 833                                         }
 834                                         target = {$styles.content.links.target}
 835                                         extTarget = {$styles.content.links.extTarget}
 836                                 }
 837                         }
 838                 }
 839         }
 840
 841         # captionSplit is deprecated, use imageTextSplit instead
 842         captionSplit = {$styles.content.imgtext.captionSplit}
 843         captionAlign.field = imagecaption_position
 844         # caption/alttext/title/longdescURL splitting
 845         imageTextSplit = {$styles.content.imgtext.imageTextSplit}
 846
 847         borderThick = {$styles.content.imgtext.borderThick}
 848         borderClass = {$styles.content.imgtext.borderClass}
 849         colSpace = {$styles.content.imgtext.colSpace}
 850         textMargin = {$styles.content.imgtext.textMargin}
 851
 852         borderSpace = {$styles.content.imgtext.borderSpace}
 853         separateRows = {$styles.content.imgtext.separateRows}
 854         addClasses =
 855         addClassesCol =
 856         addClassesCol.ifEmpty = csc-textpic-firstcol csc-textpic-lastcol
 857         addClassesCol.override = csc-textpic-firstcol |*| |*| csc-textpic-lastcol
 858         addClassesCol.override.if {
 859                 isGreaterThan.field = imagecols
 860                 value = 1
 861         }
 862
 863         addClassesImage = csc-textpic-first |*| |*| csc-textpic-last
 864
 865         #
 866         imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap" style="width:{register:totalwidth}px;"> | </div>
 867         imageStdWrapNoWidth.wrap = <div class="csc-textpic-imagewrap"> | </div>
 868
 869         # if noRows is set, wrap around each column:
 870         imageColumnStdWrap.dataWrap = <div class="csc-textpic-imagecolumn" style="width:{register:columnwidth}px;"> | </div>
 871
 872         layout = CASE
 873         layout {
 874                 key.field = imageorient
 875                 # above-center
 876                 default = TEXT
 877                 default.value = <div class="csc-textpic csc-textpic-center csc-textpic-above###CLASSES###">###IMAGES######TEXT###</div>
 878                 # above-right
 879                 1 = TEXT
 880                 1.value = <div class="csc-textpic csc-textpic-right csc-textpic-above###CLASSES###">###IMAGES######TEXT###</div>
 881                 # above-left
 882                 2 = TEXT
 883                 2.value = <div class="csc-textpic csc-textpic-left csc-textpic-above###CLASSES###">###IMAGES######TEXT###</div>
 884                 # below-center
 885                 8 = TEXT
 886                 8.value = <div class="csc-textpic csc-textpic-center csc-textpic-below###CLASSES###">###TEXT######IMAGES###</div>
 887                 # below-right
 888                 9 = TEXT
 889                 9.value = <div class="csc-textpic csc-textpic-right csc-textpic-below###CLASSES###">###TEXT######IMAGES###</div>
 890                 # below-left
 891                 10 = TEXT
 892                 10.value = <div class="csc-textpic csc-textpic-left csc-textpic-below###CLASSES###">###TEXT######IMAGES###</div>
 893                 # intext-right
 894                 17 = TEXT
 895                 17.value = <div class="csc-textpic csc-textpic-intext-right###CLASSES###">###IMAGES######TEXT###</div>
 896                 # intext-left
 897                 18 = TEXT
 898                 18.value = <div class="csc-textpic csc-textpic-intext-left###CLASSES###">###IMAGES######TEXT###</div>
 899                 # intext-right-nowrap
 900                 25 = TEXT
 901                 25.value = <div class="csc-textpic csc-textpic-intext-right-nowrap###CLASSES###">###IMAGES######TEXT###</div>
 902                 # intext-left-nowrap
 903                 26 = TEXT
 904                 26.value = <div class="csc-textpic csc-textpic-intext-left-nowrap###CLASSES###">###IMAGES######TEXT###</div>
 905         }
 906
 907         rendering {
 908                 # Single image - No caption
 909                 singleNoCaption {
 910                         # Choose another rendering for special edge cases
 911                         fallbackRendering = COA
 912                         fallbackRendering {
 913                                 # Single image - Caption
 914                                 10 = TEXT
 915                                 10 {
 916                                         if {
 917                                                 isTrue.field = imagecaption
 918                                                 value = 1
 919                                                 equals.data = register:imageCount
 920                                         }
 921                                         value = singleCaption
 922                                 }
 923
 924                                 # Multiple images and split caption
 925                                 20 = TEXT
 926                                 20 {
 927                                         if {
 928                                                 value = 1
 929                                                 isGreaterThan.data = register:imageCount
 930                                                 isTrue.if.isFalse.data = register:renderGlobalCaption
 931                                                 isTrue.field = imagecaption
 932                                         }
 933                                         value = splitCaption
 934                                 }
 935
 936                                 # Multiple images and one global caption
 937                                 30 = TEXT
 938                                 30 {
 939                                         if {
 940                                                 value = 1
 941                                                 isGreaterThan.data = register:imageCount
 942                                                 isTrue.if.isTrue.data = register:renderGlobalCaption
 943                                                 isTrue.field = imagecaption
 944                                         }
 945                                         value = globalCaption
 946                                 }
 947
 948                                 # Multiple images and no caption at all
 949                                 40 = TEXT
 950                                 40 {
 951                                         if {
 952                                                 value = 1
 953                                                 isGreaterThan.data = register:imageCount
 954                                                 isFalse.field = imagecaption
 955                                         }
 956                                         value = noCaption
 957                                 }
 958                         }
 959                         allStdWrap {
 960                                 wrap = <div class="csc-textpic-imagewrap"> | </div>
 961                                 innerWrap.cObject = CASE
 962                                 innerWrap.cObject {
 963                                         key.field = imageorient
 964                                         # above-center
 965                                         0 = TEXT
 966                                         0.value = <div class="csc-textpic-center-outer"><div class="csc-textpic-center-inner"> | </div></div>
 967                                         # below-center
 968                                         8 < .0
 969                                 }
 970                         }
 971                         singleStdWrap {
 972                                 wrap = <div class="csc-textpic-image###CLASSES###"> | </div>
 973                                 wrap {
 974                                         override = <figure class="csc-textpic-image###CLASSES###"> | </figure>
 975                                         override {
 976                                                 if {
 977                                                         value = html5
 978                                                         equals.data = TSFE:config|config|doctype
 979                                                 }
 980                                         }
 981                                 }
 982                         }
 983                         rowStdWrap.wrap = |
 984                         noRowsStdWrap.wrap = |
 985                         lastRowStdWrap.wrap = |
 986                         columnStdWrap.wrap = |
 987                         imgTagStdWrap.wrap = |
 988                         editIconsStdWrap.wrap = <div> | </div>
 989                         caption.wrap = |
 990                 }
 991                 noCaption {
 992                         # Multiple images and no caption at all
 993                         fallbackRendering < tt_content.image.20.rendering.singleNoCaption.fallbackRendering.10
 994                         allStdWrap.wrap = <div class="csc-textpic-imagewrap"> | </div>
 995                         singleStdWrap {
 996                                 wrap = <div class="csc-textpic-image###CLASSES###"> | </div>
 997                                 wrap {
 998                                         override = <figure class="csc-textpic-image###CLASSES###"> | </figure>
 999                                 }
1000                         }
1001                         rowStdWrap.wrap = <div class="csc-textpic-imagerow"> | </div>
1002                         noRowsStdWrap.wrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-none"> | </div>
1003                         lastRowStdWrap.wrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"> | </div>
1004                         columnStdWrap.wrap = <div class="csc-textpic-imagecolumn###CLASSES###"> | </div>
1005                 }
1006                 singleCaption {
1007                         # Just one image with a caption
1008                         fallbackRendering < tt_content.image.20.rendering.singleNoCaption.fallbackRendering.10
1009                         singleStdWrap {
1010                                 wrap = <div class="csc-textpic-image###CLASSES###"><table>###CAPTION###<tbody><tr><td> | </td></tr></tbody></table></div>
1011                                 wrap {
1012                                         override = <figure class="csc-textpic-image###CLASSES###">|###CAPTION###</figure>
1013                                         override {
1014                                                 if {
1015                                                         value = html5
1016                                                         equals.data = TSFE:config|config|doctype
1017                                                 }
1018                                         }
1019                                 }
1020                         }
1021                         caption {
1022                                 required = 1
1023                                 wrap = <caption class="csc-textpic-caption###CLASSES###"> | </caption>
1024                                 wrap {
1025                                         override = <figcaption class="csc-textpic-caption###CLASSES###"> | </figcaption>
1026                                         override {
1027                                                 if {
1028                                                         value = html5
1029                                                         equals.data = TSFE:config|config|doctype
1030                                                 }
1031                                         }
1032                                 }
1033                         }
1034                 }
1035                 splitCaption {
1036                         fallbackRendering < tt_content.image.20.rendering.singleNoCaption.fallbackRendering.10
1037                         singleStdWrap {
1038                                 wrap = <div class="csc-textpic-image###CLASSES###"><table>###CAPTION###<tbody><tr><td> | </td></tr></tbody></table></div>
1039                                 wrap {
1040                                         override = <figure class="csc-textpic-image###CLASSES###">|###CAPTION###</figure>
1041                                         override {
1042                                                 if {
1043                                                         value = html5
1044                                                         equals.data = TSFE:config|config|doctype
1045                                                 }
1046                                         }
1047                                 }
1048                         }
1049                         rowStdWrap.wrap = <div class="csc-textpic-imagerow"> | </div>
1050                         noRowsStdWrap.wrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-none"> | </div>
1051                         lastRowStdWrap.wrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"> | </div>
1052                         columnStdWrap.wrap = <div class="csc-textpic-imagecolumn###CLASSES###"> | </div>
1053                         caption {
1054                                 required = 1
1055                                 wrap = <caption class="csc-textpic-caption###CLASSES###"> | </caption>
1056                                 wrap {
1057                                         override = <figcaption class="csc-textpic-caption###CLASSES###"> | </figcaption>
1058                                         override {
1059                                                 if {
1060                                                         value = html5
1061                                                         equals.data = TSFE:config|config|doctype
1062                                                 }
1063                                         }
1064                                 }
1065                         }
1066                 }
1067                 globalCaption {
1068                         # Just one image without a caption
1069                         fallbackRendering < tt_content.image.20.rendering.singleNoCaption.fallbackRendering.10
1070                         allStdWrap {
1071                                 wrap = <div class="csc-textpic-imagewrap"><table>###CAPTION###<tbody> | </tbody></table></div>
1072                                 wrap {
1073                                         override = <figure class="csc-textpic-imagewrap"> | ###CAPTION###</figure>
1074                                         override {
1075                                                 if {
1076                                                         value = html5
1077                                                         equals.data = TSFE:config|config|doctype
1078                                                 }
1079                                         }
1080                                 }
1081                         }
1082                         singleStdWrap {
1083                                 wrap = <div class="csc-textpic-image###CLASSES###"> | </div>
1084                                 wrap {
1085                                         override = <div class="csc-textpic-image###CLASSES###"> | </div>
1086                                 }
1087                         }
1088                         rowStdWrap.wrap = <div class="csc-textpic-imagerow"> | </div>
1089                         noRowsStdWrap.wrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-none"> | </div>
1090                         lastRowStdWrap.wrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"> | </div>
1091                         columnStdWrap.wrap = <div class="csc-textpic-imagecolumn###CLASSES###"> | </div>
1092                         caption {
1093                                 required = 1
1094                                 wrap = <caption class="csc-textpic-caption"> | </caption>
1095                                 wrap {
1096                                         override = <figcaption class="csc-textpic-caption###CLASSES###"> | </figcaption>
1097                                         override {
1098                                                 if {
1099                                                         value = html5
1100                                                         equals.data = TSFE:config|config|doctype
1101                                                 }
1102                                         }
1103                                 }
1104                         }
1105                 }
1106         }
1107         renderMethod = singleNoCaption
1108
1109         editIcons = tt_content : image [imageorient|imagewidth|imageheight], [imagecols|image_noRows|imageborder],[image_link|image_zoom],[image_compression|image_effects|image_frames],imagecaption[imagecaption_position]
1110         editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.images
1111
1112         caption.editIcons = tt_content : imagecaption[imagecaption_position]
1113         caption.editIcons.beforeLastTag=1
1114         caption.editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.caption
1115
1116         stdWrap.prefixComment = 2 | Image block:
1117 }
1118
1119 # *****************
1120 # CType: textpic
1121 # *****************
1122 tt_content.textpic = COA
1123 tt_content.textpic {
1124         10 = COA
1125         10.if.value = 25
1126         10.if.isLessThan.field = imageorient
1127         10.10 = < lib.stdheader
1128
1129         20  = < tt_content.image.20
1130         20 {
1131                 text.10 = COA
1132                 text.10 {
1133                         if.value = 24
1134                         if.isGreaterThan.field = imageorient
1135                         10 = < lib.stdheader
1136                         10.stdWrap.dataWrap = <div class="csc-textpicHeader csc-textpicHeader-{field:imageorient}">|</div>
1137                 }
1138                 text.20 = < tt_content.text.20
1139                 text.wrap = <div class="csc-textpic-text"> | </div>
1140         }
1141 }
1142
1143
1144
1145 # *****************
1146 # CType: bullet
1147 # *****************
1148 tt_content.bullets = COA
1149 tt_content.bullets {
1150         10 = < lib.stdheader
1151
1152         20 = TEXT
1153         20 {
1154                 field = bodytext
1155                 trim = 1
1156                 split{
1157                         token.char = 10
1158                         cObjNum = |*|1|| 2|*|
1159                         1.current = 1
1160                         1.parseFunc =< lib.parseFunc
1161                         1.wrap = <li class="odd">|</li>
1162
1163                         2.current = 1
1164                         2.parseFunc =< lib.parseFunc
1165                         2.wrap = <li class="even">|</li>
1166                 }
1167                 dataWrap = <ul class="csc-bulletlist csc-bulletlist-{field:layout}">|</ul>
1168                 editIcons = tt_content: bodytext, [layout]
1169                 editIcons.beforeLastTag = 1
1170                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.php:eIcon.bullets
1171
1172                 prefixComment = 2 | Bullet list:
1173         }
1174 }
1175
1176
1177 # *****************
1178 # CType: uploads
1179 # *****************
1180 tt_content.uploads = COA
1181 tt_content.uploads {
1182         10 = < lib.stdheader
1183
1184         20 = FILES
1185         20 {
1186                 # get from file references:
1187                 references {
1188                         table = tt_content
1189                         fieldName = media
1190                 }
1191
1192                 collections.field = file_collections
1193
1194                 # get from path (backwards compatibility, contains strings like "fileadmin/user_uploads/")
1195                 folders.field = select_key
1196
1197                 sorting.field = filelink_sorting
1198
1199                 # render the files
1200                 renderObj = COA
1201                 renderObj {
1202                         10 = IMAGE
1203                         10 {
1204                                 file.import.data = file:current:originalUid // file:current:uid
1205                                 file.width = 150
1206                                 stdWrap {
1207                                         if.value = 1
1208                                         if.isGreaterThan.field = layout
1209
1210                                         typolink {
1211                                                 parameter.data = file:current:originalUid // file:current:uid
1212                                                 parameter.wrap = file:|
1213                                                 fileTarget < lib.parseTarget
1214                                                 fileTarget =
1215                                                 fileTarget.override = {$styles.content.uploads.target}
1216                                                 fileTarget.override.override.field = target
1217                                                 removePrependedNumbers = 1
1218
1219                                                 /*
1220                                                 jumpurl = {$styles.content.uploads.jumpurl}
1221                                                 jumpurl {
1222                                                         secure = {$styles.content.uploads.jumpurl_secure}
1223                                                         secure.mimeTypes = {$styles.content.uploads.jumpurl_secure_mimeTypes}
1224                                                 }
1225                                                 */
1226                                         }
1227                                 }
1228                         }
1229
1230                         # icon
1231                         15 = IMAGE
1232                         15 {
1233                                 file.import = typo3/gfx/fileicons/
1234                                 file.import.data = file:current:extension
1235                                 file.import.case = lower
1236                                 file.import.wrap = |.gif
1237                                 stdWrap {
1238                                         if {
1239                                                 value = 0
1240                                                 isGreaterThan.field = layout
1241
1242                                                 # only show the icon if we don't have a thumbnail:
1243                                                 isFalse.cObject = IMG_RESOURCE
1244                                                 isFalse.cObject.file < tt_content.uploads.20.renderObj.10.file
1245                                                 isFalse.cObject.stdWrap.if < tt_content.uploads.20.renderObj.10.stdWrap.if
1246                                         }
1247
1248                                         typolink < tt_content.uploads.20.renderObj.10.stdWrap.typolink
1249                                 }
1250                         }
1251
1252                         # filename
1253                         20 = TEXT
1254                         20 {
1255                                 data = file:current:name
1256                                 htmlSpecialChars = 1
1257                                 required = 1
1258
1259                                 replacement {
1260                                         # equivalent to former useSpacesInLinkText = 0; remove using > to disable it
1261                                         10 {
1262                                                 search = _
1263                                                 replace.char = 32
1264                                         }
1265
1266                                         # equivalent to former stripFileExtensionFromLinkText = 0; move "_20" to "20" to enable it. Disabled by default.
1267                                         _20 {
1268                                                 search = /(.*)(\..*)/
1269                                                 replace = \1
1270                                                 useRegExp = 1
1271                                         }
1272                                 }
1273
1274                                 typolink < tt_content.uploads.20.renderObj.10.stdWrap.typolink
1275
1276                                 wrap = <span class="csc-uploads-fileName">|</span>
1277                         }
1278
1279                         # description
1280                         30 = TEXT
1281                         30 {
1282                                 data = file:current:description
1283                                 htmlSpecialChars = 1
1284                                 wrap = <span class="csc-uploads-description">|</span>
1285
1286                                 required = 1
1287                         }
1288
1289                         # file size
1290                         40 = TEXT
1291                         40 {
1292                                 if.isTrue.field = filelink_size
1293                                 data = file:current:size
1294                                 wrap = <span class="csc-uploads-fileSize">|</span>
1295                                 bytes = 1
1296                                 bytes.labels = {$styles.content.uploads.filesizeBytesLabels}
1297                         }
1298
1299                         # wrap of each listed file with odd/even class
1300                         wrap.cObject = COA
1301                         wrap.cObject {
1302                                 10 = LOAD_REGISTER
1303                                 10 {
1304                                         oddEvenClass = li-odd li-first |*| li-even || li-odd
1305                                         elementClass = csc-uploads-element csc-uploads-element-{file:current:extension}
1306                                         elementClass.insertData = 1
1307                                 }
1308
1309                                 20 = TEXT
1310                                 20 {
1311                                         value = <li class="{register:oddEvenClass} {register:elementClass}">|</li>
1312                                         insertData = 1
1313                                 }
1314                                 30 = RESTORE_REGISTER
1315                         }
1316                 }
1317
1318                 # wrap around whole content element with <ul> and editIcons
1319                 stdWrap {
1320                         editIcons = tt_content: media, layout [table_bgColor|table_border|table_cellspacing|table_cellpadding], filelink_size
1321                         editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.filelist
1322                         prefixComment = 2 | File list:
1323                         dataWrap = <ul class="csc-uploads csc-uploads-{field:layout}">|</ul>
1324                 }
1325         }
1326 }
1327
1328
1329
1330 # *****************
1331 # CType: table
1332 # *****************
1333 # Rendered by a PHP function specifically written to handle CE tables. See css_styled_content/pi1/class.tx_cssstyledcontent_pi1.php
1334 tt_content.table = COA
1335 tt_content.table {
1336         10 = < lib.stdheader
1337
1338         20 = USER
1339         20.userFunc = tx_cssstyledcontent_pi1->render_table
1340         20.field = bodytext
1341
1342         20.color {
1343                 default =
1344                 1 = {$styles.content.table.backgroundColor.1}
1345                 2 = {$styles.content.table.backgroundColor.2}
1346                 200 =
1347                 240 = {$styles.content.table.backgroundColor.240}
1348                 241 = {$styles.content.table.backgroundColor.241}
1349                 242 = {$styles.content.table.backgroundColor.242}
1350                 243 = {$styles.content.table.backgroundColor.243}
1351                 244 = {$styles.content.table.backgroundColor.244}
1352         }
1353         20.tableParams_0 {
1354                 border =
1355                 cellpadding =
1356                 cellspacing =
1357         }
1358         20.tableParams_1 {
1359                 border =
1360                 cellpadding =
1361                 cellspacing =
1362         }
1363         20.tableParams_2 {
1364                 border =
1365                 cellpadding =
1366                 cellspacing =
1367         }
1368         20.tableParams_3 {
1369                 border =
1370                 cellpadding =
1371                 cellspacing =
1372         }
1373         20.innerStdWrap.wrap = |
1374         20.innerStdWrap.parseFunc = < lib.parseFunc
1375
1376         20.stdWrap {
1377                 editIcons = tt_content: cols, bodytext, [layout], [table_bgColor|table_border|table_cellspacing|table_cellpadding]
1378                 editIcons.beforeLastTag = 1
1379                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.table
1380
1381                 prefixComment = 2 | Table:
1382         }
1383 }
1384
1385 # ******************
1386 # CType: multimedia
1387 # ******************
1388 tt_content.multimedia = COA
1389 tt_content.multimedia {
1390         10 = < lib.stdheader
1391
1392         20 = MULTIMEDIA
1393         20.file.field = multimedia
1394         20.file.wrap = uploads/media/
1395         20.file.listNum = 0
1396         20.params.field = bodytext
1397
1398         20.stdWrap {
1399                 editIcons = tt_content: multimedia, bodytext
1400                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.multimedia
1401
1402                 prefixComment = 2 | Multimedia element:
1403         }
1404 }
1405
1406 # *****************
1407 # CType: swfobject
1408 # *****************
1409 tt_content.swfobject = COA
1410 tt_content.swfobject {
1411         10 = < lib.stdheader
1412
1413         20 = SWFOBJECT
1414         20 {
1415                 file =
1416                 width =
1417                 height =
1418
1419                 flexParams.field = pi_flexform
1420
1421                 alternativeContent.field = bodytext
1422
1423                 layout = ###SWFOBJECT###
1424
1425                 video {
1426                         player = {$styles.content.media.videoPlayer}
1427
1428                         defaultWidth  = {$styles.content.media.defaultVideoWidth}
1429                         defaultHeight  = {$styles.content.media.defaultVideoHeight}
1430
1431                         default {
1432                                 params.quality = high
1433                                 params.menu = false
1434                                 params.allowScriptAccess = sameDomain
1435                                 params.allowFullScreen = true
1436                         }
1437                         mapping {
1438
1439                         }
1440                 }
1441
1442                 audio {
1443                         player = {$styles.content.media.audioPlayer}
1444
1445                         defaultWidth = {$styles.content.media.defaultAudioWidth}
1446                         defaultHeight = {$styles.content.media.defaultAudioHeight}
1447
1448                         default {
1449                                 params.quality = high
1450                                 params.allowScriptAccess = sameDomain
1451                                 params.menu = false
1452                         }
1453                         mapping {
1454                                 flashvars.file = soundFile
1455                         }
1456                 }
1457
1458         }
1459         20.stdWrap {
1460                 editIcons = tt_content: multimedia, imagewidth, imageheight, pi_flexform, bodytext
1461                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.multimedia
1462
1463                 prefixComment = 2 | SWFobject element:
1464         }
1465 }
1466
1467 # *****************
1468 # CType: qtobject
1469 # *****************
1470 tt_content.qtobject = COA
1471 tt_content.qtobject {
1472         10 = < lib.stdheader
1473
1474         20 = QTOBJECT
1475         20 {
1476                 file =
1477                 width =
1478                 height =
1479
1480                 flexParams.field = pi_flexform
1481
1482                 alternativeContent.field = bodytext
1483
1484                 layout = ###QTOBJECT###
1485
1486                 video {
1487                         player = {$styles.content.media.videoPlayer}
1488
1489                         defaultWidth  = {$styles.content.media.defaultVideoWidth}
1490                         defaultHeight  = {$styles.content.media.defaultVideoHeight}
1491
1492                         default {
1493                                 params.quality = high
1494                                 params.menu = false
1495                                 params.allowScriptAccess = sameDomain
1496                                 params.allowFullScreen = true
1497                         }
1498                         mapping {
1499
1500                         }
1501                 }
1502
1503                 audio {
1504                         player = {$styles.content.media.audioPlayer}
1505
1506                         defaultWidth = {$styles.content.media.defaultAudioWidth}
1507                         defaultHeight = {$styles.content.media.defaultAudioHeight}
1508
1509                         default {
1510                                 params.quality = high
1511                                 params.allowScriptAccess = sameDomain
1512                                 params.menu = false
1513                         }
1514                         mapping {
1515                                 flashvars.file = soundFile
1516                         }
1517                 }
1518         }
1519         20.stdWrap {
1520                 editIcons = tt_content: multimedia, imagewidth, imageheight, pi_flexform, bodytext
1521                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.multimedia
1522
1523                 prefixComment = 2 | QTobject element:
1524         }
1525 }
1526
1527 # *****************
1528 # CType: media
1529 # *****************
1530 tt_content.media = COA
1531 tt_content.media {
1532         10 = < lib.stdheader
1533
1534         20 = MEDIA
1535         20 {
1536
1537                 flexParams.field = pi_flexform
1538                 alternativeContent < tt_content.text.20
1539                 alternativeContent.field = bodytext
1540
1541                 type = video
1542                 renderType = auto
1543                 allowEmptyUrl = 0
1544                 forcePlayer = 1
1545
1546                 fileExtHandler {
1547                         default = MEDIA
1548                         avi = MEDIA
1549                         asf = MEDIA
1550                         class = MEDIA
1551                         wmv = MEDIA
1552                         mp3 = SWF
1553                         mp4 = SWF
1554                         m4v = SWF
1555                         swa = SWF
1556                         flv = SWF
1557                         swf = SWF
1558                         mov = QT
1559                         m4v = QT
1560                         m4a = QT
1561                 }
1562
1563                 mimeConf.swfobject < tt_content.swfobject.20
1564                 mimeConf.qtobject < tt_content.qtobject.20
1565                 mimeConf.flowplayer < tt_content.swfobject.20
1566                 mimeConf.flowplayer.audio.player = {$styles.content.media.flowPlayer}
1567                 mimeConf.flowplayer.video.player = {$styles.content.media.flowPlayer}
1568
1569         }
1570         20.stdWrap {
1571                 editIcons = tt_content: pi_flexform, bodytext
1572                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.multimedia
1573
1574                 prefixComment = 2 | Media element:
1575         }
1576 }
1577
1578 # ******************
1579 # CType: mailform
1580 # ******************
1581 tt_content.mailform = COA
1582 tt_content.mailform.10 = < lib.stdheader
1583 tt_content.mailform.20 = FORM
1584 tt_content.mailform.20 {
1585         accessibility = 1
1586         noWrapAttr=1
1587         formName = mailform
1588         dontMd5FieldNames = 1
1589         layout = <div class="csc-mailform-field">###LABEL### ###FIELD###</div>
1590         labelWrap.wrap = |
1591         commentWrap.wrap = |
1592         radioWrap.wrap = |<br />
1593         radioWrap.accessibilityWrap = <fieldset###RADIO_FIELD_ID###><legend>###RADIO_GROUP_LABEL###</legend>|</fieldset>
1594         REQ = 1
1595         REQ.labelWrap.wrap = |
1596         COMMENT.layout = <div class="csc-mailform-label">###LABEL###</div>
1597         RADIO.layout = <div class="csc-mailform-field">###LABEL### <span class="csc-mailform-radio">###FIELD###</span></div>
1598         LABEL.layout = <div class="csc-mailform-field">###LABEL### <span class="csc-mailform-label">###FIELD###</span></div>
1599         target < lib.parseTarget
1600         target =
1601         target.override = {$styles.content.mailform.target}
1602         goodMess = {$styles.content.mailform.goodMess}
1603         badMess = {$styles.content.mailform.badMess}
1604         redirect.field = pages
1605         redirect.listNum = 0
1606         recipient.field = subheader
1607         data.field = bodytext
1608         locationData = 1
1609         hiddenFields.stdWrap.wrap = <div style="display:none;">|</div>
1610
1611         params.radio = class="csc-mailform-radio"
1612         params.check = class="csc-mailform-check"
1613         params.submit = class="csc-mailform-submit"
1614
1615         stdWrap.wrap = <fieldset class="csc-mailform"> | </fieldset>
1616         stdWrap {
1617                 editIcons = tt_content: bodytext, pages, subheader
1618                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.form
1619
1620                 prefixComment = 2 | Mail form inserted:
1621         }
1622 }
1623
1624
1625 # ******************
1626 # CType: search
1627 # ******************
1628 tt_content.search = COA
1629 tt_content.search.10 = < lib.stdheader
1630 # Result:
1631 tt_content.search.20 = SEARCHRESULT
1632 tt_content.search.20 {
1633         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
1634         languageField.tt_content = sys_language_uid
1635         renderObj = COA
1636         renderObj {
1637
1638                 10 = TEXT
1639                 10.field = pages_title
1640                 10.htmlSpecialChars = 1
1641                 10.typolink {
1642                         parameter.field = uid
1643                         target < lib.parseTarget
1644                         target =
1645                         target.override = {$styles.content.searchresult.resultTarget}
1646                         additionalParams.data = register:SWORD_PARAMS
1647                         additionalParams.required = 1
1648                         additionalParams.wrap = &no_cache=1
1649                 }
1650                 10.htmlSpecialChars = 1
1651                 10.wrap = <h3 class="csc-searchResultHeader">|</h3>
1652
1653                 20 = COA
1654                 20 {
1655                         10 = TEXT
1656                         10.field = tt_content_bodytext
1657                         10.stripHtml = 1
1658                         10.htmlSpecialChars = 1
1659                 }
1660                 20.stdWrap.crop = 200 | ...
1661                 20.stdWrap.wrap = <p class="csc-searchResult">|</p>
1662         }
1663
1664         layout = COA
1665         layout {
1666                 wrap = <table border="0" cellspacing="0" cellpadding="2" class="csc-searchResultInfo"><tr> | </tr></table> ###RESULT###
1667
1668                 10 = TEXT
1669                 10.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.resultRange
1670                 10.wrap = <td class="csc-searchResultRange"><p>|</p></td>
1671
1672                 20 = TEXT
1673                 20.value = ###PREV###&nbsp;&nbsp;&nbsp;###NEXT###
1674                 20.wrap = <td class="csc-searchResultPrevNext"><p>|</p></td>
1675         }
1676
1677         noResultObj = COA
1678         noResultObj {
1679                 10 = TEXT
1680                 10.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.emptySearch
1681                 10.wrap = <h3 class="csc-noSearchResultMsg">|</h3>
1682         }
1683
1684         next = TEXT
1685         next.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.searchResultNext
1686
1687         prev = TEXT
1688         prev.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.searchResultPrev
1689
1690         target < lib.parseTarget
1691         target =
1692         target.override = {$styles.content.searchresult.target}
1693
1694         range = 20
1695
1696         stdWrap.prefixComment = 2 | Search result:
1697 }
1698
1699 # Form:
1700 tt_content.search.30 < tt_content.mailform.20
1701 tt_content.search.30 {
1702         goodMess = {$styles.content.searchform.goodMess}
1703         redirect >
1704         recipient >
1705         data >
1706         dataArray {
1707                 10.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.searchWord
1708                 10.type = sword=input
1709                 20.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.searchIn
1710                 20.type = scols=select
1711                 20.valueArray {
1712                         10.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.headersKeywords
1713                         10.value = pages.title-subtitle-keywords-description:tt_content.header
1714                         20.label.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.pageContent
1715                         20.value = tt_content.header-bodytext-imagecaption
1716                 }
1717                 30.type = stype=hidden
1718                 30.value = L0
1719                 40.type = submit=submit
1720                 40.value.data = LLL:EXT:css_styled_content/pi1/locallang.xml:search.searchButton
1721         }
1722         type.field = pages
1723         type.listNum = 0
1724         locationData = HTTP_POST_VARS
1725         no_cache = 1
1726
1727         stdWrap.wrap = <table border="0" cellspacing="1" cellpadding="1" class="csc-searchform">  | </table>
1728         stdWrap {
1729                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.search
1730
1731                 prefixComment = 2 | Search form inserted:
1732         }
1733 }
1734
1735
1736 # ****************
1737 # CType: menu
1738 # ****************
1739 tt_content.menu = COA
1740 tt_content.menu {
1741         10 = < lib.stdheader
1742
1743         20 = CASE
1744         20 {
1745                 key.field = menu_type
1746
1747                 # "Menu of these pages"
1748                 default = HMENU
1749                 default {
1750                         special = list
1751                         special.value.field = pages
1752                         stdWrap {
1753                                 prepend = COA
1754                                 prepend {
1755                                         stdWrap {
1756                                                 if.isTrue.field = accessibility_bypass
1757                                         }
1758                                         10 = LOAD_REGISTER
1759                                         10 {
1760                                                 accessibility_bypass_text = TEXT
1761                                                 accessibility_bypass_text {
1762                                                         field = accessibility_bypass_text
1763                                                 }
1764                                         }
1765                                         20 = CONTENT
1766                                         20 {
1767                                                 table = tt_content
1768                                                 select {
1769                                                         pidInList = this
1770                                                         orderBy = sorting
1771                                                         andWhere {
1772                                                                 dataWrap = sorting>{field:sorting}
1773                                                         }
1774                                                         languageField = sys_language_uid
1775                                                         max = 1
1776                                                 }
1777                                                 renderObj = TEXT
1778                                                 renderObj {
1779                                                         required = 1
1780                                                         data = LLL:EXT:css_styled_content/pi1/locallang.xml:menu.bypassNavigation
1781                                                         override.data = register:accessibility_bypass_text
1782                                                         trim = 1
1783                                                         htmlSpecialChars = 1
1784                                                         typolink {
1785                                                                 parameter {
1786                                                                         field = pid
1787                                                                 }
1788                                                                 section {
1789                                                                         field = uid
1790                                                                 }
1791                                                         }
1792                                                         wrap = <li class="csc-nav-bypass">|</li>
1793                                                 }
1794                                         }
1795                                         30 = RESTORE_REGISTER
1796                                 }
1797                                 outerWrap = <ul class="csc-menu csc-menu-def">|</ul>
1798                                 required = 1
1799                         }
1800                         1 = TMENU
1801                         1 {
1802                                 target < lib.parseTarget
1803                                 target =
1804                                 target.override = {$PAGE_TARGET}
1805                                 NO {
1806                                         stdWrap.htmlSpecialChars = 1
1807                                         wrapItemAndSub = <li>|</li>
1808                                         ATagTitle.field = description // title
1809                                 }
1810                         }
1811                 }
1812
1813                 # "Menu of subpages to these pages"
1814                 1 < .default
1815                 1 {
1816                         special = directory
1817                         stdWrap {
1818                                 outerWrap = <ul class="csc-menu csc-menu-1">|</ul>
1819                         }
1820                 }
1821
1822                 # "Sitemap - liststyle"
1823                 2 = HMENU
1824                 2 {
1825                         stdWrap < tt_content.menu.20.default.stdWrap
1826                         stdWrap {
1827                                 outerWrap = <div class="csc-sitemap">|</div>
1828                         }
1829                         1 = TMENU
1830                         1 {
1831                                 target < lib.parseTarget
1832                                 target =
1833                                 target.override = {$PAGE_TARGET}
1834                                 expAll = 1
1835                                 wrap = <ul>|</ul>
1836                                 NO {
1837                                         stdWrap.htmlSpecialChars = 1
1838                                         wrapItemAndSub = <li>|</li>
1839                                         ATagTitle.field = description // title
1840                                 }
1841                         }
1842                         2 < .1
1843                         3 < .1
1844                         4 < .1
1845                         5 < .1
1846                         6 < .1
1847                         7 < .1
1848                 }
1849
1850                 # "Section index (pagecontent w/Index checked - liststyle)"
1851                 3 < .default
1852                 3 {
1853                         special {
1854                                 value {
1855                                         override {
1856                                                 data = page:uid
1857                                                 if {
1858                                                         isFalse.field = pages
1859                                                 }
1860                                         }
1861                                 }
1862                         }
1863                         stdWrap {
1864                                 outerWrap = <ul class="csc-menu csc-menu-3">|</ul>
1865                         }
1866                         1 = TMENU
1867                         1 {
1868                                 sectionIndex = 1
1869                                 sectionIndex.type = header
1870                                 NO.wrapItemAndSub = <li class="csc-section">|</li>
1871                         }
1872                 }
1873
1874                 # "Menu of subpages to these pages (with abstract)"
1875                 4 < .1
1876                 4 {
1877                         stdWrap {
1878                                 prepend.renderObj.wrap = <dt class="csc-nav-bypass">|</dt><dd>&nbsp;</dd>
1879                                 outerWrap = <dl class="csc-menu csc-menu-4">|</dl>
1880                         }
1881                         1.NO {
1882                                 wrapItemAndSub >
1883                                 linkWrap = <dt>|</dt>
1884                                 after {
1885                                         cObject = TEXT
1886                                         cObject {
1887                                                 data = field : abstract // field : description // field : subtitle
1888                                                 htmlSpecialChars = 1
1889                                                 required = 1
1890                                         }
1891                                         ifBlank = &nbsp;
1892                                         wrap = <dd>|</dd>
1893                                 }
1894                                 ATagTitle.field = description // title
1895                         }
1896                 }
1897
1898                 # "Recently updated pages"
1899                 5 < .default
1900                 5 {
1901                         stdWrap {
1902                                 outerWrap = <ul class="csc-menu csc-menu-5">|</ul>
1903                         }
1904                         special = updated
1905                         special {
1906                                 maxAge = 3600*24*7
1907                                 excludeNoSearchPages = 1
1908                         }
1909                 }
1910
1911                 # "Related pages (based on keywords)"
1912                 6 < .default
1913                 6 {
1914                         stdWrap {
1915                                 outerWrap = <ul class="csc-menu csc-menu-6">|</ul>
1916                         }
1917                         special = keywords
1918                         special {
1919                                 excludeNoSearchPages = 1
1920                         }
1921                 }
1922
1923                 # "Menu of subpages to these pages + sections - liststyle"
1924                 7 < .1
1925                 7 {
1926                         stdWrap {
1927                                 outerWrap = <ul class="csc-menu csc-menu-7">|</ul>
1928                         }
1929                         1.expAll = 1
1930                         2 < .1
1931                         2 {
1932                                 sectionIndex = 1
1933                                 sectionIndex.type = header
1934                                 wrap = <ul>|</ul>
1935                                 NO.wrapItemAndSub = <li class="csc-section">|</li>
1936                         }
1937                 }
1938
1939                 # "Sitemaps of selected pages - liststyle"
1940                 8 < .2
1941                 8 {
1942                         special = directory
1943                         special.value.field = pages
1944                 }
1945
1946                 # Menu of categorized pages
1947                 9 < .default
1948                 9 {
1949                         special = categories
1950                         special.value.field = selected_categories
1951                         special.sorting = title
1952                         special.order = asc
1953                         stdWrap {
1954                                 outerWrap = <ul class="csc-menu csc-menu-9">|</ul>
1955                         }
1956                 }
1957         }
1958
1959         20.stdWrap {
1960                 wrap {
1961                         cObject = COA
1962                         cObject {
1963                                 10 = TEXT
1964                                 10 {
1965                                         field = accessibility_title
1966                                         htmlSpecialChars = 1
1967                                         dataWrap = <map id="map{field:uid}" title="|">
1968                                         dataWrap {
1969                                                 override = <map name="map{field:uid}" title="|">
1970                                                 override {
1971                                                         if {
1972                                                                 isFalse.data = TSFE:xhtmlDoctype
1973                                                         }
1974                                                 }
1975                                         }
1976                                 }
1977
1978                                 20 = TEXT
1979                                 20 {
1980                                         value = |</map>
1981                                 }
1982                         }
1983                         if {
1984                                 isTrue {
1985                                         field = accessibility_title
1986                                 }
1987                         }
1988                 }
1989                 editIcons = tt_content: menu_type, pages
1990                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.menuSitemap
1991
1992                 prefixComment = 2 | Menu/Sitemap element:
1993         }
1994 }
1995
1996
1997
1998 # ****************
1999 # CType: shortcut
2000 # ****************
2001 # Should be a complete copy from the old static template "content (default)"
2002 tt_content.shortcut = COA
2003 tt_content.shortcut {
2004         20 = CASE
2005         20.key.field = layout
2006         20.0= RECORDS
2007         20.0 {
2008                 source.field = records
2009                 tables = {$content.shortcut.tables}
2010         }
2011         20.1= RECORDS
2012         20.1 {
2013                 source.field = records
2014                 tables = {$content.shortcut.tables}
2015         }
2016
2017         20.stdWrap {
2018                 editIcons = tt_content: records
2019                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.recordList
2020
2021                 prefixComment = 2 | Inclusion of other records (by reference):
2022         }
2023 }
2024
2025
2026 # ****************
2027 # CType: list
2028 # ****************
2029 # Should be a complete copy from the old static template "content (default)" (except "lib.stdheader")
2030 tt_content.list = COA
2031 tt_content.list {
2032         10 = < lib.stdheader
2033
2034         20 = CASE
2035         20.key.field = list_type
2036
2037         20.stdWrap {
2038                 editIcons = tt_content: list_type, layout, select_key, pages [recursive]
2039                 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.plugin
2040
2041                 prefixComment = 2 | Plugin inserted:
2042         }
2043 }
2044
2045
2046 # ****************
2047 # CType: div
2048 # ****************
2049 tt_content.div = TEXT
2050 tt_content.div {
2051         value = <hr>
2052         override = <hr />
2053         override.if {
2054                 isTrue.data = TSFE:xhtmlDoctype
2055         }
2056         wrap = <div class="divider">|</div>
2057         prefixComment = 2 | Div element
2058 }
2059
2060
2061 # ****************
2062 # CType: html
2063 # ****************
2064 # This truely IS a content object, launched from inside the PHP class of course.
2065 # Should be a complete copy from the old static template "content (default)"
2066 tt_content.html = TEXT
2067 tt_content.html {
2068         field = bodytext
2069
2070         editIcons = tt_content: pages
2071         editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.html
2072
2073         prefixComment = 2 | Raw HTML content:
2074 }
2075
2076
2077 # ****************
2078 # Default error msg:
2079 # ****************
2080 tt_content.default = TEXT
2081 tt_content.default {
2082         field = CType
2083         wrap = <p style="background-color: yellow;"><b>ERROR:</b> Content Element type "|" has no rendering definition!</p>
2084
2085         prefixComment = 2 | Unknown element message:
2086 }
2087
2088 # *********************************************************************
2089 # ACCESSIBILTY MODE
2090 # *********************************************************************
2091
2092
2093
2094
2095
2096
2097
2098 plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE (
2099         /* Headers */
2100         .csc-header-alignment-center { text-align: center; }
2101         .csc-header-alignment-right { text-align: right; }
2102         .csc-header-alignment-left { text-align: left; }
2103
2104         /* Clear floats after csc-textpic and after csc-textpic-imagerow */
2105         DIV.csc-textpic, DIV.csc-textpic DIV.csc-textpic-imagerow, UL.csc-uploads LI { overflow: hidden; }
2106
2107         /* Set padding for tables */
2108         DIV.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
2109         DIV.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }
2110
2111         /* Settings for figure and figcaption (HTML5) */
2112         DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap { margin: 0; display: table; }
2113
2114         /* Captions */
2115         FIGCAPTION.csc-textpic-caption { display: table-caption; }
2116         .csc-textpic-caption { text-align: left; caption-side: bottom; }
2117         DIV.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
2118         DIV.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
2119         DIV.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }
2120
2121         /* Float the columns */
2122         DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; }
2123
2124         /* Border just around the image */
2125         {$styles.content.imgtext.borderSelector} {
2126                 border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
2127                 padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
2128         }
2129
2130         DIV.csc-textpic .csc-textpic-imagewrap IMG { border: none; display: block; }
2131
2132         /* Space below each image (also in-between rows) */
2133         DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: {$styles.content.imgtext.rowSpace}px; }
2134         DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }
2135
2136         /* colSpace around image columns, except for last column */
2137         DIV.csc-textpic-imagecolumn, TD.csc-textpic-imagecolumn .csc-textpic-image { margin-right: {$styles.content.imgtext.colSpace}px; }
2138         DIV.csc-textpic-imagecolumn.csc-textpic-lastcol, TD.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }
2139
2140         /* Add margin from image-block to text (in case of "Text w/ images") */
2141         DIV.csc-textpic-intext-left .csc-textpic-imagewrap,
2142         DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
2143                 margin-right: {$styles.content.imgtext.textMargin}px;
2144         }
2145         DIV.csc-textpic-intext-right .csc-textpic-imagewrap,
2146         DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
2147                 margin-left: {$styles.content.imgtext.textMargin}px;
2148         }
2149
2150         /* Positioning of images: */
2151
2152         /* Center (above or below) */
2153         DIV.csc-textpic-center .csc-textpic-imagewrap, DIV.csc-textpic-center FIGURE.csc-textpic-imagewrap { overflow: hidden; }
2154         DIV.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
2155         DIV.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }
2156
2157         /* Right (above or below) */
2158         DIV.csc-textpic-right .csc-textpic-imagewrap { float: right; }
2159         DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }
2160
2161         /* Left (above or below) */
2162         DIV.csc-textpic-left .csc-textpic-imagewrap { float: left; }
2163         DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }
2164
2165         /* Left (in text) */
2166         DIV.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }
2167
2168         /* Right (in text) */
2169         DIV.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }
2170
2171         /* Right (in text, no wrap around) */
2172         DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }
2173
2174         /* Left (in text, no wrap around) */
2175         DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }
2176
2177         DIV.csc-textpic DIV.csc-textpic-imagerow-last, DIV.csc-textpic DIV.csc-textpic-imagerow-none DIV.csc-textpic-last { margin-bottom: 0; }
2178
2179         /* Browser fixes: */
2180
2181         /* Fix for unordered and ordered list with image "In text, left" */
2182         .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }
2183
2184         /* File Links */
2185         UL.csc-uploads { padding: 0; }
2186         UL.csc-uploads LI { list-style: none outside none; margin: 1em 0; }
2187         UL.csc-uploads IMG { float: left; padding-right: 1em; vertical-align: top; }
2188         UL.csc-uploads SPAN { display: block; }
2189         UL.csc-uploads SPAN.csc-uploads-fileName { text-decoration: underline; }
2190
2191         /* Table background colors: */
2192
2193         TABLE.contenttable-color-1 { background-color: {$styles.content.table.backgroundColor.1}; }
2194         TABLE.contenttable-color-2 { background-color: {$styles.content.table.backgroundColor.2}; }
2195         TABLE.contenttable-color-240 { background-color: {$styles.content.table.backgroundColor.240}; }
2196         TABLE.contenttable-color-241 { background-color: {$styles.content.table.backgroundColor.241}; }
2197         TABLE.contenttable-color-242 { background-color: {$styles.content.table.backgroundColor.242}; }
2198         TABLE.contenttable-color-243 { background-color: {$styles.content.table.backgroundColor.243}; }
2199         TABLE.contenttable-color-244 { background-color: {$styles.content.table.backgroundColor.244}; }
2200 )
2201