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