typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_tceforms.less

   1 /**
   2  * This file is part of the TYPO3 CMS project.
   3  *
   4  * It is free software; you can redistribute it and/or modify it under
   5  * the terms of the GNU General Public License, either version 2
   6  * of the License, or any later version.
   7  *
   8  * For the full copyright and license information, please read the
   9  * LICENSE.txt file that was distributed with this source code.
  10  *
  11  * The TYPO3 project - inspiring people to share!
  12  */
  13
  14 /* - - - - - - - - - - - - - - - - - - - - -
  15 TCEforms
  16 - - - - - - - - - - - - - - - - - - - - - */
  17
  18 // Special handling of Tabs within FormEngine
  19 .typo3-TCEforms {
  20
  21         div.typo3-dyntabmenu-divs {
  22                 // Override .tab inner padding: for section border
  23                 padding: 0;
  24         }
  25
  26         .table {
  27                 margin-bottom: 0;
  28
  29                 > tbody {
  30                         > tr {
  31                                 > td {
  32                                         background: none;
  33
  34
  35
  36                                         &.palette-header {
  37                                                 border-top: 1px solid @gray-light;
  38
  39                                                 h3 {
  40                                                         // Padding and margin are created by table <td>
  41                                                         margin-top: @padding-large-vertical;
  42                                                         margin-bottom: 0;
  43                                                 }
  44                                         }
  45
  46                                         .t3-form-palette-fieldset {
  47                                                 margin-bottom: @padding-large-vertical;
  48
  49                                                 .t3-form-palette-field-container {
  50                                                         margin-bottom: @padding-base-vertical;
  51                                                 }
  52                                         }
  53
  54
  55                                         table.t3-form-field-group-file {
  56                                                 td {
  57                                                         // Padding coming from outer wrap
  58                                                         padding-left: 0;
  59                                                 }
  60                                         }
  61
  62                                 }
  63                         }
  64                 }
  65         }
  66 }
  67
  68 img.t3-TCEforms-reqImg {
  69         display: block;
  70         position: absolute;
  71         left: 14px;
  72         top: 28%;
  73         z-index: 3000;
  74         height: 16px;
  75         margin-right: 2px;
  76         width: 16px;
  77 }
  78
  79 img.t3-TCEforms-reqTabImg {
  80         height: 16px;
  81         margin-left: 4px;
  82         margin-bottom: -3px;
  83         width: 16px;
  84 }
  85
  86 img.t3-TCEforms-contentchangedImg {
  87         display: block;
  88         position: absolute;
  89         left: 4px;
  90         top: 32%;
  91         z-index: 4000;
  92         width: 7px;
  93 }
  94
  95 .t3-form-palette-icon-required {
  96         display: block;
  97         position: absolute;
  98         left: 4px;
  99         top: 26%;
 100         z-index: 3000;
 101         height: 16px;
 102         margin-right: 2px;
 103         width: 16px;
 104 }
 105 /* renamed to .t3-form-palette-icon-required, lines below kept for backwards-compatibility */
 106 img.t3-TCEforms-reqPaletteImg {
 107         display: block;
 108         position: absolute;
 109         left: 14px;
 110         top: 30%;
 111         z-index: 3000;
 112         height: 16px;
 113         margin-right: 2px;
 114         width: 16px;
 115 }
 116
 117 .t3-form-palette-icon-contentchanged {
 118         display: block;
 119         position: absolute;
 120         left: -6px;
 121         top: 30%;
 122         z-index: 4000;
 123         width: 7px;
 124 }
 125 /* renamed to .t3-form-palette-icon-contentchanged, lines below kept for backwards-compatibility */
 126 img.t3-TCEforms-contentchangedPaletteImg {
 127         display: block;
 128         position: absolute;
 129         left: 4px;
 130         top: 30%;
 131         z-index: 4000;
 132         width: 7px;
 133 }
 134
 135 .typo3-TCEforms {
 136         width: 100%;
 137 }
 138
 139
 140 .typo3-TCEforms-recHeaderRow {
 141         padding-top: 5px;
 142         padding-bottom: 20px;
 143 }
 144
 145 td.palette-header {
 146         padding-left: 10px;
 147 }
 148
 149 .typo3-TCEforms .bgColor2,
 150 .typo3-TCEforms tr.bgColor2 td {
 151         padding-bottom: 5px;
 152 }
 153
 154 .typo3-TCEforms optgroup.c-divider,
 155 select option.c-divider {
 156         margin-top: 10px;
 157         padding: 0px;
 158 }
 159
 160 .typo3-TCEforms optgroup option {
 161         background-color: white;
 162         border-bottom: none;
 163         color: black;
 164         font-style: normal;
 165         text-indent: 0px;
 166         text-transform: none;
 167         margin: 0px;
 168         padding: 2px;
 169 }
 170
 171
 172 .typo3-TCEforms select.icon-select option {
 173         padding-left: 22px;
 174 }
 175
 176 .typo3-TCEforms table.typo3-TCEforms-select-checkbox {
 177         margin-bottom: 10px;
 178 }
 179
 180 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tbody {
 181         display: block;
 182         max-height: 300px;
 183         overflow-y: scroll;
 184 }
 185
 186 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td {
 187         vertical-align: middle;
 188 }
 189
 190 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td,
 191 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-checkbox,
 192 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
 193         padding: 1px 3px;
 194 }
 195
 196 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
 197         min-width: 300px;
 198 }
 199
 200 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell img {
 201         margin-right: 5px;
 202 }
 203
 204 .typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr {
 205         width: 40px;
 206 }
 207
 208 .typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr img {
 209         float: right;
 210 }
 211
 212 .typo3-TCEforms table.typo3-TCEforms-select-singlebox {
 213         margin-bottom: 10px;
 214         margin-top: 4px;
 215 }
 216
 217 .typo3-TCEforms .checkbox,
 218 .typo3-TCEforms .checkbox:hover {
 219         position: relative;
 220         z-index: 3500;
 221 }
 222
 223 .typo3-TCEforms td.formField-header,
 224 .typo3-TCEforms td.palette-header,
 225 .typo3-TCEforms td.formField-field {
 226         display: block;
 227         position: relative;
 228         vertical-align: top;
 229 }
 230
 231 div.typo3-TCEforms div.c-tablayer table > tbody > tr > td > table.wrapperTable > tbody > tr > td {
 232         padding-left: 10px;
 233         padding-right: 10px;
 234 }
 235
 236 .t3-form-field-group-file tr:last-child td {
 237         vertical-align: top;
 238 }
 239
 240 .typo3-TCEforms td.icons {
 241         padding: 2px;
 242 }
 243
 244 .typo3-TCEforms td.thumbnails {
 245         padding-top: 2px;
 246 }
 247
 248 .typo3-TCEforms div.imagethumbs {
 249         padding-top: 2px;
 250         white-space: normal;
 251         width: 253px;
 252 }
 253
 254 .typo3-TCEforms div.imagethumbs br {
 255         display: none;
 256 }
 257
 258 .typo3-TCEforms div.imagethumbs .nobr {
 259         background-color: #CCC;
 260         display: inline-block;
 261         width: 60px;
 262         height: 60px;
 263         overflow: hidden;
 264         margin-right: 3px;
 265         margin-bottom: 1px;
 266         text-align: center;
 267 }
 268
 269 .typo3-TCEforms div.imagethumbs .nobr a {
 270         display: block;
 271         width: 60px;
 272         height: 60px;
 273         line-height: 58px;
 274         text-align: center;
 275 }
 276
 277 .typo3-TCEforms div.imagethumbs .nobr a img {
 278         display: inline;
 279         margin-right: auto;
 280         vertical-align: middle;
 281         margin-left: auto;
 282 }
 283
 284 .typo3-TCEforms div.imagethumbs .nobr span {
 285         display: none;
 286 }
 287
 288 .typo3-TCEforms span.filetypes {
 289         font-size: 0.8em;
 290         display: block;
 291         margin-top: 6px;
 292         white-space: normal;
 293         width: 250px;
 294 }
 295
 296 .t3-form-field-container {
 297         display: block;
 298 }
 299
 300 .typo3-TCEforms-palette .typo3-csh-link img {
 301         padding-top: 3px;
 302         vertical-align: top;
 303 }
 304
 305 .typo3-TCEforms-palette select.select,
 306 .t3-form-palette-field-container select.select {
 307         margin: 4px 2px 4px 1px;
 308 }
 309
 310 .t3-form-palette-field-container {
 311         display: inline-block;
 312         vertical-align: top;
 313         padding-right: 25px;
 314         margin-bottom: 0.5em;
 315 }
 316
 317 .t3-form-palette-field-container .t3-form-palette-field-label,
 318 .t3-form-palette-field-container .t3-form-palette-field {
 319         display: block;
 320         position: relative;
 321 }
 322
 323 .typo3-TCEforms .typo3-csh-link {
 324         margin-left: 5px;
 325 }
 326
 327 .t3-tceforms-fieldReadOnly {
 328         background-color: #fefefe;
 329         border: 1px solid #7c7c7c;
 330         border-radius: 2px;
 331         pointer-events: none;
 332         cursor: default;
 333         opacity: 0.5;
 334         filter: ~"alpha(opacity=@50)";
 335         box-shadow: none;
 336         /** Lock icon in right corner */
 337         padding: 3px 30px 3px 6px;
 338         margin: 0 0.5em 0.5em 0;
 339         position: relative;
 340 }
 341
 342 /* - - - - - - - - - - - - - - - - - - - - -
 343 TCEforms suggest
 344 - - - - - - - - - - - - - - - - - - - - - */
 345 div.typo3-TCEforms-suggest-position-right {
 346         margin-left: 10px;
 347         margin-top: 5px;
 348 }
 349
 350 div.typo3-TCEforms-suggest label {
 351         margin-right: 5px;
 352 }
 353
 354 div.typo3-TCEforms-suggest-indicator {
 355         left: 230px;
 356         position: relative;
 357         top: -18px;
 358 }
 359
 360 div.typo3-TCEforms-suggest-choices {
 361         background-color: white;
 362         border: 1px solid #888;
 363         position: absolute;
 364         width: 250px;
 365         z-index: 4000;
 366 }
 367
 368 div.typo3-TCEforms-suggest-choices ul {
 369         margin: 0;
 370         padding: 0;
 371 }
 372
 373 div.typo3-TCEforms-suggest-choices li {
 374         cursor: pointer;
 375         background-color: #efeff4;
 376         background-repeat: no-repeat;
 377         background-position: 4px center;
 378         list-style-type: none;
 379         display: block;
 380         margin: 0;
 381         padding: 4px 2px 4px 24px;
 382 }
 383
 384 div.typo3-TCEforms-suggest-choices li.suggest-noresults {
 385         height: auto;
 386 }
 387
 388 div.typo3-TCEforms-suggest-choices span.suggest-uid {
 389         margin-left: 0.3em;
 390 }
 391
 392 div.typo3-TCEforms-suggest-choices span.suggest-path {
 393         font-size: 0.9em;
 394         margin-top: 0.3em;
 395 }
 396
 397 input.typo3-TCEforms-suggest-search {
 398         width: 200px;
 399         padding-left: 20px;
 400         vertical-align: middle;
 401 }
 402
 403
 404 /* - - - - - - - - - - - - - - - - - - - - -
 405 TCEforms Flexforms
 406 - - - - - - - - - - - - - - - - - - - - - */
 407
 408 .t3-form-field-label-flex {
 409         border-top: 1px solid #c0c0c0;
 410         padding: 5px;
 411 }
 412
 413 .t3-form-field-flex {
 414         padding: 0 5px 5px;
 415 }
 416
 417
 418 /* - - - - - - - - - - - - - - - - - - - - -
 419 TCEforms Inline-Relational-Record-Editing
 420 - - - - - - - - - - - - - - - - - - - - - */
 421 .t3-form-field-container-wrap {
 422         margin: 6px 0px;
 423 }
 424
 425 .t3-form-field-container-inline {
 426         border: 1px solid #aaaaaa;
 427         background-color: #f9f9f9;
 428         margin: 2px 0px;
 429 }
 430
 431 .t3-form-field-header-inline > span {
 432         position: absolute;
 433         left: 4px;
 434         top: 15px;
 435 }
 436
 437 .t3-form-field-header-inline-wrap:before,
 438 .t3-form-field-header-inline-wrap:after {
 439         content: " ";
 440         display: table;
 441 }
 442
 443 .t3-form-field-header-inline-wrap:after {
 444     clear: both;
 445 }
 446
 447 .t3-form-field-header-inline-wrap {
 448         min-width: 300px;
 449 }
 450
 451 .t3-form-field-header-inline-icon,
 452 .t3-form-field-header-inline-thumbnail {
 453         float: left;
 454         margin-right: 5px;
 455 }
 456
 457 .t3-form-field-header-inline-icon {
 458         width: 18px;
 459         height: 16px;
 460         padding: 3px 0px;
 461 }
 462
 463 .t3-form-field-header-inline-thumbnail {
 464         float: left;
 465         margin-right: 15px;
 466 }
 467
 468 .t3-form-field-header-inline-thumbnail img {
 469         display: block;
 470 }
 471
 472 .t3-form-field-header-inline-ctrl {
 473         float: right;
 474 }
 475
 476 .t3-form-field-header-inline-ctrl .t3-icon {
 477         margin: 0px;
 478         margin-left: 3px;
 479 }
 480
 481 .t3-form-field-header-inline-body,
 482 .t3-form-field-header-inline-summary {
 483         overflow: hidden;
 484         zoom: 1;
 485 }
 486
 487 .t3-form-field-header-inline-thumbnail,
 488 .t3-form-field-header-inline-summary {
 489         cursor: pointer;
 490 }
 491
 492 .t3-form-field-header-inline-ctrl,
 493 .t3-form-field-header-inline-summary {
 494         padding: 5px 0px;
 495 }
 496
 497 .t3-form-field-header-inline-summary dl {
 498         margin: 0px;
 499         overflow: hidden;
 500 }
 501
 502 .t3-form-field-header-inline-summary dt {
 503         font-weight: bold;
 504         float: left;
 505         clear: left;
 506         margin-right: 10px;
 507 }
 508
 509 .t3-form-field-header-inline-summary dd {
 510         float: left;
 511 }
 512
 513 .t3-form-field-header-inline-ctrl img {
 514         vertical-align: middle;
 515 }
 516
 517 .t3-form-field-header-inline .t3-form-field-header-inline-ctrl > * {
 518         opacity: 0;
 519 }
 520
 521 .t3-form-field-header-inline:hover .t3-form-field-header-inline-ctrl > * {
 522         opacity: 1;
 523 }
 524
 525 .t3-form-field-header-inline .t3-form-field-header-inline-ctrl > span.sortableHandle {
 526         margin-left: 16px;
 527         opacity: 1;
 528         display: inline-block;
 529 }
 530
 531 .t3-form-field-container-inline-placeHolder div.t3-form-field-record-inline,
 532 .t3-form-field-container-inline-collapsed div.t3-form-field-record-inline {
 533         display:none !important;
 534 }
 535
 536 .t3-form-field-header-inline {
 537         background-color: #E0E0E0;
 538         cursor: pointer;
 539         padding: 6px 16px;
 540         position:relative;
 541 }
 542
 543 .t3-form-field-container-inline-placeHolder .t3-form-field-header-inline > span {
 544         display:none;
 545 }
 546
 547 .t3-form-field-record-inline {
 548         border-top: 1px solid #aaaaaa;
 549         padding: 8px 8px;
 550         position: relative;
 551 }
 552
 553 .t3-form-field-record-inline > table {
 554     width:100%;
 555 }
 556
 557 .t3-form-field-record-inline .typo3-dyntabmenu-divs,
 558 .t3-form-field-record-inline .typo3-dyntabmenu-tabs {
 559         margin-left:8px;
 560         margin-right:8px !important;
 561         margin-bottom:0px !important;
 562 }
 563
 564 .sortableHandle {
 565         cursor: move;
 566 }
 567
 568 /* - - - - - - - - - - - - - - - - - - - - -
 569 TCEforms Sections
 570 - - - - - - - - - - - - - - - - - - - - - */
 571 .t3-flex-section-header .t3-record-title {
 572         font-weight: bold;
 573 }
 574
 575 .t3-flex-section {
 576         clear: both;
 577         margin: 5px 0;
 578 }
 579
 580 .t3-flex-section-header,
 581 .t3-form-field-container-flexsection {
 582         padding-left: 20px;
 583 }
 584
 585 .t3-form-field-header-flexsection {
 586         width: 100%;
 587         height: 16px;
 588 }
 589
 590 .t3-form-field-label-flexsection {
 591         border-top: 1px solid #cdcdcd;
 592         padding: 5px 10px;
 593 }
 594
 595 .t3-form-field-toggle-flexsection {
 596         padding: 5px 0 5px 20px;
 597 }
 598
 599 .t3-form-field-add-flexsection {
 600         border-top: 1px solid #cdcdcd;
 601         padding: 10px 5px 5px 20px;
 602 }
 603
 604 .t3-form-flex,
 605 .t3-form-field-container-flexsections {
 606         background: #dadada;
 607         margin: 5px 0;
 608         clear: both;
 609 }
 610
 611 .t3-flex-section-content,
 612 .t3-form-field-record-flexsection {
 613         background: #eee;
 614         padding: 5px 0;
 615 }
 616
 617 .t3-flex-section-content > div,
 618 .t3-form-field-record-flexsection > div {
 619         margin: 0 10px;
 620 }
 621
 622 .t3-flex-section-header-preview {
 623         font-style: italic;
 624         width: 100px;
 625         display: inline-block;
 626         padding-left: 10px;
 627         overflow: hidden;
 628         white-space: nowrap;
 629         text-overflow: ellipsis;
 630 }
 631
 632 /* preview image in sys_file records */
 633 img.t3-tceforms-sysfile-imagepreview {
 634         float: left;
 635         margin-right: 10px;
 636         margin-bottom: 10px;
 637 }
 638
 639 * html div#typo3-docbody .typo3-TCEforms {
 640         margin-top: 20px;
 641 }
 642
 643 .typo3-TCEforms img[src*="clear.gif"] {
 644         z-index: 0;
 645 }
 646
 647
 648 /* - - - - - - - - - - - - - - - - - - - - -
 649 TCEforms
 650 - - - - - - - - - - - - - - - - - - - - - */
 651
 652 table#typo3-altdoc-header input,
 653 .c-inputButton {
 654         background: none;
 655         border: 0;
 656 }
 657
 658 .typo3-TCEforms .checkbox,
 659 .typo3-TCEforms .checkbox:hover {
 660         background: #efeff4;
 661         border: 0;
 662 }
 663
 664 .t3-tceforms-input-wrapper,
 665 .t3-tceforms-input-wrapper-hover,
 666 .t3-tceforms-input-wrapper-datetime,
 667 .t3-tceforms-input-wrapper-datetime-hover {
 668         display: block;
 669         float: left;
 670         position: relative;
 671 }
 672
 673 .t3-tceforms-widget-null-wrapper {
 674         display: inline-block;
 675         float: right;
 676         position: relative;
 677         width: 20px;
 678         max-width: 20px;
 679 }
 680
 681 .t3-tceforms-widget-null-wrapper input {
 682         margin-left: 2px;
 683         margin-top: 42%;
 684 }
 685
 686
 687 .t3-tceforms-input-wrapper .t3-tceforms-input-clearer,
 688 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer {
 689         position: absolute;
 690         right: 10px;
 691         top: 5px;
 692         z-index: 1000;
 693         cursor: pointer;
 694 }
 695
 696 .t3-tceforms-input-wrapper-datetime .t3-tceforms-input-clearer,
 697 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
 698         position: absolute;
 699         right: 27px;
 700         top: 5px;
 701         z-index: 1000;
 702         cursor: pointer;
 703 }
 704 .t3-tceforms-input-wrapper-datetime .t3-icon-edit-pick-date,
 705 .t3-tceforms-input-wrapper-datetime-hover .t3-icon-edit-pick-date {
 706         top: -4px;
 707 }
 708 .t3-tceforms-input-wrapper .tceforms-textfield,
 709 .t3-tceforms-input-wrapper-hover .tceforms-textfield,
 710 .t3-tceforms-input-wrapper .tceforms-datetimefield,
 711 .t3-tceforms-input-wrapper-hover .tceforms-datetimefield,
 712 .t3-tceforms-input-wrapper-datetime .tceforms-textfield,
 713 .t3-tceforms-input-wrapper-datetime-hover .tceforms-textfield,
 714 .t3-tceforms-input-wrapper-datetime .tceforms-datetimefield,
 715 .t3-tceforms-input-wrapper-datetime-hover .tceforms-datetimefield {
 716         position: relative;
 717         z-index: 2000;
 718         padding-right: 30px!important;
 719 }
 720
 721 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer,
 722 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
 723         z-index: 3700;
 724 }
 725
 726 .typo3-TCEforms table#typo3-altdoc-header input:hover,
 727 .c-inputButton:hover {
 728         background: none;
 729         border: 0;
 730 }
 731
 732 .typo3-TCEforms .typo3-TCEforms-recHeader {
 733         color: #555555;
 734         font-weight: bold;
 735 }
 736
 737 .typo3-TCEforms .typo3-TCEforms-recHeaderRow {
 738         background: #fff;
 739         text-align: right;
 740 }
 741
 742 .typo3-TCEforms span.typo3-TCEforms-newToken {
 743         color: #990000;
 744         font-weight: bold;
 745 }
 746
 747 .typo3-TCEforms span.typo3-TCEforms-helpText {
 748         background: transparent;
 749         color: #fff;
 750 }
 751
 752 table.typo3-TCEforms-select-checkbox {
 753         background-color: #ffffff;
 754         border: 1px solid #aaa;
 755 }
 756
 757 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
 758         background-color: #fff;
 759         font-weight: bold;
 760 }
 761
 762 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:nth-child(2n) {
 763         background-color: #f7f7f7;
 764 }
 765
 766 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem {
 767         background-color: #d8ecd0;
 768 }
 769
 770 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem {
 771         color: #dddddd;
 772 }
 773
 774 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:hover {
 775         background-color: #dedede;
 776 }
 777
 778 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem:hover {
 779         background-color: #abd99a;
 780 }
 781
 782 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem:hover {
 783         background-color: transparent;
 784 }
 785
 786 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
 787         white-space: nowrap;
 788 }
 789
 790 .typo3-TCEforms optgroup.c-divider,
 791 select option.c-divider {
 792         background-color: #eee;
 793         border-top: 1px solid #666;
 794         color: #666;
 795         font-style: italic;
 796         text-transform: uppercase;
 797 }
 798
 799 .typo3-TCEforms div.typo3-TCEforms-originalLanguageValue {
 800         background-color: #dadada;
 801         border: 1px solid #c0c0c0;
 802 }
 803
 804 .typo3-TCEforms div.typo3-TCEforms-diffBox {
 805         background-color: white;
 806         border: 1px solid black;
 807 }
 808
 809 .typo3-TCEforms div.typo3-TCEforms-diffBox-header {
 810         background-color: red;
 811         font-weight: bold;
 812 }
 813
 814 /* Default. Always used on main-palettes in the bottom of the forms */
 815
 816 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
 817         padding-right: 5px;
 818 }
 819
 820
 821 .typo3-TCEforms .typo3-dyntabmenu-divs table {
 822         border: none;
 823         border-bottom: 1px solid #c0c0c0;
 824 }
 825
 826 input.typo3-TCEforms-suggest-search {
 827         background-image: url('../../../../icons/gfx/zoom.gif');
 828         background-position: 2px center;
 829         background-repeat: no-repeat;
 830 }
 831
 832 div.typo3-TCEforms-suggest-choices ul {
 833         list-style-type: none;
 834 }
 835
 836 div.typo3-TCEforms-suggest-choices li.selected {
 837         background-color: #ffb !important;
 838 }
 839
 840 div.typo3-TCEforms-suggest-choices li.pages {
 841         background-color: #fcc;
 842 }
 843
 844 div.typo3-TCEforms-suggest-choices span.suggest-uid {
 845         font-size: 0.9em;
 846 }
 847
 848 div.typo3-TCEforms-suggest-choices span.suggest-path abbr {
 849         border-bottom: none;
 850 }
 851
 852 div.typo3-TCEforms-suggest-choises a {
 853         cursor: pointer;
 854 }
 855
 856 /* - - - - - - - - - - - - - - - - - - - - -
 857 TCEforms Flexforms
 858 - - - - - - - - - - - - - - - - - - - - - */
 859 .t3-form-field-container-flex {
 860 }
 861
 862
 863 div.t3-form-field-container:first-child .t3-form-field-label-flex {
 864         border-top: 0;
 865 }
 866
 867 /** no separate background for dyntabs in flexforms **/
 868 .typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs ,
 869 .typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs,
 870 .typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs,
 871 .typo3-TCEforms .wrapperTable3 div.typo3-dyntabmenu-tabs,
 872 .typo3-TCEforms .wrapperTable4 div.typo3-dyntabmenu-tabs,
 873 .typo3-TCEforms .wrapperTable5 div.typo3-dyntabmenu-tabs {
 874         background: transparent;
 875 }
 876
 877 /** tabs inside the table => flexforms */
 878 .typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
 879 .typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
 880 .typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
 881 .typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
 882 .typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
 883 .typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
 884         border: 1px solid #c0c0c0;
 885 }
 886
 887
 888 /* - - - - - - - - - - - - - - - - - - - - -
 889 TCEforms Inline-Relational-Record-Editing
 890 - - - - - - - - - - - - - - - - - - - - - */
 891
 892 .t3-form-field-header-inline:hover {
 893         background-color: #cccccc;
 894 }
 895
 896 .t3-form-header-inline-loadingbar {
 897         border-top: 1px solid #aaaaaa;
 898 }
 899
 900 .t3-form-field-container-inline-hidden,
 901 .t3-form-field-container-inline-placeHolder {
 902         opacity:0.3;
 903 }
 904
 905 .t3-form-field-header-inline table {
 906     vertical-align:top;
 907 }
 908
 909 .t3-form-field-header-inline-thumbnail-image {
 910     border: none;
 911 }
 912
 913 .t3-form-field-record-inline .typo3-message {
 914         margin-bottom: 1.5em;
 915 }
 916
 917 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable,
 918 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable1,
 919 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable2,
 920 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable3,
 921 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable4,
 922 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable5 {
 923         border: 0;
 924 }
 925
 926 .t3-form-field-header-inline td.t3-form-field-header-inline-summary dl dt {
 927         font-weight: bold;
 928 }
 929
 930 /* - - - - - - - - - - - - - - - - - - - - -
 931 TCEforms Sections
 932 - - - - - - - - - - - - - - - - - - - - - */
 933
 934 .typo3-TCEforms-flexForm .bgColor4,
 935 .typo3-TCEforms-flexForm .bgColor5 {
 936         background: none;
 937         display: inline-block;
 938 }
 939
 940 .typo3-TCEforms-select-selectedItemWithBackgroundImage {
 941         background-color:#fff;
 942         background-position: 0% 50%;
 943         background-repeat:no-repeat;
 944         padding:1px 1px 1px 24px;
 945 }
 946
 947 .ext-webkit .typo3-TCEforms-select-selectedItemWithBackgroundImage {
 948         text-indent: 20px;
 949         background-position-x: 6px;
 950 }
 951 .ext-webkit .typo3-TCEforms-select-selectedItemWithBackgroundImage optgroup option {
 952         text-indent: 20px;
 953 }
 954 .ext-chrome:not(.ext-mac) .typo3-TCEforms-select-selectedItemWithBackgroundImage {
 955         text-indent: 0px;
 956         background-position-x: 5px;
 957 }
 958
 959 .t3-tceforms-fieldReadOnly span.t3-icon {
 960     position: absolute;
 961     right: 3px;
 962     top: 4px;
 963 }
 964
 965 .t3-form-field-item {
 966         position: relative;
 967         border: 1px solid transparent;
 968         padding: 0;
 969 }
 970
 971 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
 972         display: inline-block;
 973 }
 974
 975 .t3-form-field-item.disabled {
 976         border: 1px dotted #696362;
 977 }
 978
 979 .t3-form-field-disable,
 980 .t3-form-field-item.disabled .t3-form-field-item.disabled .t3-form-field-disable {
 981         display: none;
 982 }
 983 .t3-form-field-item.disabled .t3-form-field-disable {
 984         z-index: 8000;
 985         background: #f4f4f4;
 986         display: block;
 987         position: absolute;
 988         width: 100%;
 989         height: 100%;
 990
 991         opacity: 0.5;
 992         filter: alpha(opacity=50);
 993 }
 994
 995 .t3-form-palette-field-label {
 996         text-indent: 2px;
 997 }
 998
 999 /* - - - - - - - - - - - - - - - - - - - - -
1000 TCEforms Tree
1001 - - - - - - - - - - - - - - - - - - - - - */
1002 .t3-form-field-item .x-tree input.x-tree-node-cb {
1003         height: auto;
1004         margin: 0 0 0 1px;
1005         vertical-align: middle;
1006 }