[TASK] Adapt FormEngine translated records to Bootstrap
[Packages/TYPO3.CMS.git] / 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 }