[TASK] Move FormEngine SelectboxFilter to jQuery
[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 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-multiselect-filter-textfield {
311 width: 60px;
312 padding-left: 25px;
313 }
314
315 .t3-form-palette-field-container {
316 display: inline-block;
317 vertical-align: top;
318 padding-right: 25px;
319 margin-bottom: 0.5em;
320 }
321
322 .t3-form-palette-field-container .t3-form-palette-field-label,
323 .t3-form-palette-field-container .t3-form-palette-field {
324 display: block;
325 position: relative;
326 }
327
328 .typo3-TCEforms .typo3-csh-link {
329 margin-left: 5px;
330 }
331
332 .t3-tceforms-fieldReadOnly {
333 background-color: #fefefe;
334 border: 1px solid #7c7c7c;
335 border-radius: 2px;
336 pointer-events: none;
337 cursor: default;
338 opacity: 0.5;
339 filter: ~"alpha(opacity=@50)";
340 box-shadow: none;
341 /** Lock icon in right corner */
342 padding: 3px 30px 3px 6px;
343 margin: 0 0.5em 0.5em 0;
344 position: relative;
345 }
346
347 /* - - - - - - - - - - - - - - - - - - - - -
348 TCEforms suggest
349 - - - - - - - - - - - - - - - - - - - - - */
350 div.typo3-TCEforms-suggest-position-right {
351 margin-left: 10px;
352 margin-top: 5px;
353 }
354
355 div.typo3-TCEforms-suggest label {
356 margin-right: 5px;
357 }
358
359 div.typo3-TCEforms-suggest-indicator {
360 left: 230px;
361 position: relative;
362 top: -18px;
363 }
364
365 div.typo3-TCEforms-suggest-choices {
366 background-color: white;
367 border: 1px solid #888;
368 position: absolute;
369 width: 250px;
370 z-index: 4000;
371 }
372
373 div.typo3-TCEforms-suggest-choices ul {
374 margin: 0;
375 padding: 0;
376 }
377
378 div.typo3-TCEforms-suggest-choices li {
379 cursor: pointer;
380 background-color: #efeff4;
381 background-repeat: no-repeat;
382 background-position: 4px center;
383 list-style-type: none;
384 display: block;
385 margin: 0;
386 padding: 4px 2px 4px 24px;
387 }
388
389 div.typo3-TCEforms-suggest-choices li.suggest-noresults {
390 height: auto;
391 }
392
393 div.typo3-TCEforms-suggest-choices span.suggest-uid {
394 margin-left: 0.3em;
395 }
396
397 div.typo3-TCEforms-suggest-choices span.suggest-path {
398 font-size: 0.9em;
399 margin-top: 0.3em;
400 }
401
402 input.typo3-TCEforms-suggest-search {
403 width: 200px;
404 padding-left: 20px;
405 vertical-align: middle;
406 }
407
408
409 /* - - - - - - - - - - - - - - - - - - - - -
410 TCEforms Flexforms
411 - - - - - - - - - - - - - - - - - - - - - */
412
413 .t3-form-field-label-flex {
414 border-top: 1px solid #c0c0c0;
415 padding: 5px;
416 }
417
418 .t3-form-field-flex {
419 padding: 0 5px 5px;
420 }
421
422
423 /* - - - - - - - - - - - - - - - - - - - - -
424 TCEforms Inline-Relational-Record-Editing
425 - - - - - - - - - - - - - - - - - - - - - */
426 .t3-form-field-container-wrap {
427 margin: 6px 0px;
428 }
429
430 .t3-form-field-container-inline {
431 border: 1px solid #aaaaaa;
432 background-color: #f9f9f9;
433 margin: 2px 0px;
434 }
435
436 .t3-form-field-header-inline > span {
437 position: absolute;
438 left: 4px;
439 top: 15px;
440 }
441
442 .t3-form-field-header-inline-wrap:before,
443 .t3-form-field-header-inline-wrap:after {
444 content: " ";
445 display: table;
446 }
447
448 .t3-form-field-header-inline-wrap:after {
449 clear: both;
450 }
451
452 .t3-form-field-header-inline-wrap {
453 min-width: 300px;
454 }
455
456 .t3-form-field-header-inline-icon,
457 .t3-form-field-header-inline-thumbnail {
458 float: left;
459 margin-right: 5px;
460 }
461
462 .t3-form-field-header-inline-icon {
463 width: 18px;
464 height: 16px;
465 padding: 3px 0px;
466 }
467
468 .t3-form-field-header-inline-thumbnail {
469 float: left;
470 margin-right: 15px;
471 }
472
473 .t3-form-field-header-inline-thumbnail img {
474 display: block;
475 }
476
477 .t3-form-field-header-inline-ctrl {
478 float: right;
479 }
480
481 .t3-form-field-header-inline-ctrl .t3-icon {
482 margin: 0px;
483 margin-left: 3px;
484 }
485
486 .t3-form-field-header-inline-body,
487 .t3-form-field-header-inline-summary {
488 overflow: hidden;
489 zoom: 1;
490 }
491
492 .t3-form-field-header-inline-thumbnail,
493 .t3-form-field-header-inline-summary {
494 cursor: pointer;
495 }
496
497 .t3-form-field-header-inline-ctrl,
498 .t3-form-field-header-inline-summary {
499 padding: 5px 0px;
500 }
501
502 .t3-form-field-header-inline-summary dl {
503 margin: 0px;
504 overflow: hidden;
505 }
506
507 .t3-form-field-header-inline-summary dt {
508 font-weight: bold;
509 float: left;
510 clear: left;
511 margin-right: 10px;
512 }
513
514 .t3-form-field-header-inline-summary dd {
515 float: left;
516 }
517
518 .t3-form-field-header-inline-ctrl img {
519 vertical-align: middle;
520 }
521
522 .t3-form-field-header-inline .t3-form-field-header-inline-ctrl > * {
523 opacity: 0;
524 }
525
526 .t3-form-field-header-inline:hover .t3-form-field-header-inline-ctrl > * {
527 opacity: 1;
528 }
529
530 .t3-form-field-header-inline .t3-form-field-header-inline-ctrl > span.sortableHandle {
531 margin-left: 16px;
532 opacity: 1;
533 display: inline-block;
534 }
535
536 .t3-form-field-container-inline-placeHolder div.t3-form-field-record-inline,
537 .t3-form-field-container-inline-collapsed div.t3-form-field-record-inline {
538 display:none !important;
539 }
540
541 .t3-form-field-header-inline {
542 background-color: #E0E0E0;
543 cursor: pointer;
544 padding: 6px 16px;
545 position:relative;
546 }
547
548 .t3-form-field-container-inline-placeHolder .t3-form-field-header-inline > span {
549 display:none;
550 }
551
552 .t3-form-field-record-inline {
553 border-top: 1px solid #aaaaaa;
554 padding: 8px 8px;
555 position: relative;
556 }
557
558 .t3-form-field-record-inline > table {
559 width:100%;
560 }
561
562 .t3-form-field-record-inline .typo3-dyntabmenu-divs,
563 .t3-form-field-record-inline .typo3-dyntabmenu-tabs {
564 margin-left:8px;
565 margin-right:8px !important;
566 margin-bottom:0px !important;
567 }
568
569 .sortableHandle {
570 cursor: move;
571 }
572
573 /* - - - - - - - - - - - - - - - - - - - - -
574 TCEforms Sections
575 - - - - - - - - - - - - - - - - - - - - - */
576 .t3-flex-section-header .t3-record-title {
577 font-weight: bold;
578 }
579
580 .t3-flex-section {
581 clear: both;
582 margin: 5px 0;
583 }
584
585 .t3-flex-section-header,
586 .t3-form-field-container-flexsection {
587 padding-left: 20px;
588 }
589
590 .t3-form-field-header-flexsection {
591 width: 100%;
592 height: 16px;
593 }
594
595 .t3-form-field-label-flexsection {
596 border-top: 1px solid #cdcdcd;
597 padding: 5px 10px;
598 }
599
600 .t3-form-field-toggle-flexsection {
601 padding: 5px 0 5px 20px;
602 }
603
604 .t3-form-field-add-flexsection {
605 border-top: 1px solid #cdcdcd;
606 padding: 10px 5px 5px 20px;
607 }
608
609 .t3-form-flex,
610 .t3-form-field-container-flexsections {
611 background: #dadada;
612 margin: 5px 0;
613 clear: both;
614 }
615
616 .t3-flex-section-content,
617 .t3-form-field-record-flexsection {
618 background: #eee;
619 padding: 5px 0;
620 }
621
622 .t3-flex-section-content > div,
623 .t3-form-field-record-flexsection > div {
624 margin: 0 10px;
625 }
626
627 .t3-flex-section-header-preview {
628 font-style: italic;
629 width: 100px;
630 display: inline-block;
631 padding-left: 10px;
632 overflow: hidden;
633 white-space: nowrap;
634 text-overflow: ellipsis;
635 }
636
637 /* preview image in sys_file records */
638 img.t3-tceforms-sysfile-imagepreview {
639 float: left;
640 margin-right: 10px;
641 margin-bottom: 10px;
642 }
643
644 * html div#typo3-docbody .typo3-TCEforms {
645 margin-top: 20px;
646 }
647
648 .typo3-TCEforms img[src*="clear.gif"] {
649 z-index: 0;
650 }
651
652
653 /* - - - - - - - - - - - - - - - - - - - - -
654 TCEforms
655 - - - - - - - - - - - - - - - - - - - - - */
656
657 table#typo3-altdoc-header input,
658 .c-inputButton {
659 background: none;
660 border: 0;
661 }
662
663 .typo3-TCEforms .checkbox,
664 .typo3-TCEforms .checkbox:hover {
665 background: #efeff4;
666 border: 0;
667 }
668
669 .t3-tceforms-input-wrapper,
670 .t3-tceforms-input-wrapper-hover,
671 .t3-tceforms-input-wrapper-datetime,
672 .t3-tceforms-input-wrapper-datetime-hover {
673 display: block;
674 float: left;
675 position: relative;
676 }
677
678 .t3-tceforms-widget-null-wrapper {
679 display: inline-block;
680 float: right;
681 position: relative;
682 width: 20px;
683 max-width: 20px;
684 }
685
686 .t3-tceforms-widget-null-wrapper input {
687 margin-left: 2px;
688 margin-top: 42%;
689 }
690
691
692 .t3-tceforms-input-wrapper .t3-tceforms-input-clearer,
693 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer {
694 position: absolute;
695 right: 10px;
696 top: 5px;
697 z-index: 1000;
698 cursor: pointer;
699 }
700
701 .t3-tceforms-input-wrapper-datetime .t3-tceforms-input-clearer,
702 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
703 position: absolute;
704 right: 27px;
705 top: 5px;
706 z-index: 1000;
707 cursor: pointer;
708 }
709 .t3-tceforms-input-wrapper-datetime .t3-icon-edit-pick-date,
710 .t3-tceforms-input-wrapper-datetime-hover .t3-icon-edit-pick-date {
711 top: -4px;
712 }
713 .t3-tceforms-input-wrapper .tceforms-textfield,
714 .t3-tceforms-input-wrapper-hover .tceforms-textfield,
715 .t3-tceforms-input-wrapper .tceforms-datetimefield,
716 .t3-tceforms-input-wrapper-hover .tceforms-datetimefield,
717 .t3-tceforms-input-wrapper-datetime .tceforms-textfield,
718 .t3-tceforms-input-wrapper-datetime-hover .tceforms-textfield,
719 .t3-tceforms-input-wrapper-datetime .tceforms-datetimefield,
720 .t3-tceforms-input-wrapper-datetime-hover .tceforms-datetimefield {
721 position: relative;
722 z-index: 2000;
723 padding-right: 30px!important;
724 }
725
726 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer,
727 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
728 z-index: 3700;
729 }
730
731 .typo3-TCEforms table#typo3-altdoc-header input:hover,
732 .c-inputButton:hover {
733 background: none;
734 border: 0;
735 }
736
737 .typo3-TCEforms .typo3-TCEforms-recHeader {
738 color: #555555;
739 font-weight: bold;
740 }
741
742 .typo3-TCEforms .typo3-TCEforms-recHeaderRow {
743 background: #fff;
744 text-align: right;
745 }
746
747 .typo3-TCEforms span.typo3-TCEforms-newToken {
748 color: #990000;
749 font-weight: bold;
750 }
751
752 .typo3-TCEforms span.typo3-TCEforms-helpText {
753 background: transparent;
754 color: #fff;
755 }
756
757 table.typo3-TCEforms-select-checkbox {
758 background-color: #ffffff;
759 border: 1px solid #aaa;
760 }
761
762 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
763 background-color: #fff;
764 font-weight: bold;
765 }
766
767 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:nth-child(2n) {
768 background-color: #f7f7f7;
769 }
770
771 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem {
772 background-color: #d8ecd0;
773 }
774
775 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem {
776 color: #dddddd;
777 }
778
779 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:hover {
780 background-color: #dedede;
781 }
782
783 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem:hover {
784 background-color: #abd99a;
785 }
786
787 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem:hover {
788 background-color: transparent;
789 }
790
791 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
792 white-space: nowrap;
793 }
794
795 .typo3-TCEforms optgroup.c-divider,
796 select option.c-divider {
797 background-color: #eee;
798 border-top: 1px solid #666;
799 color: #666;
800 font-style: italic;
801 text-transform: uppercase;
802 }
803
804 .typo3-TCEforms div.typo3-TCEforms-originalLanguageValue {
805 background-color: #dadada;
806 border: 1px solid #c0c0c0;
807 }
808
809 .typo3-TCEforms div.typo3-TCEforms-diffBox {
810 background-color: white;
811 border: 1px solid black;
812 }
813
814 .typo3-TCEforms div.typo3-TCEforms-diffBox-header {
815 background-color: red;
816 font-weight: bold;
817 }
818
819 /* Default. Always used on main-palettes in the bottom of the forms */
820
821 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
822 padding-right: 5px;
823 }
824
825
826 .typo3-TCEforms .typo3-dyntabmenu-divs table {
827 border: none;
828 border-bottom: 1px solid #c0c0c0;
829 }
830
831 input.typo3-TCEforms-suggest-search {
832 background-image: url('../../../../icons/gfx/zoom.gif');
833 background-position: 2px center;
834 background-repeat: no-repeat;
835 }
836
837 div.typo3-TCEforms-suggest-choices ul {
838 list-style-type: none;
839 }
840
841 div.typo3-TCEforms-suggest-choices li.selected {
842 background-color: #ffb !important;
843 }
844
845 div.typo3-TCEforms-suggest-choices li.pages {
846 background-color: #fcc;
847 }
848
849 div.typo3-TCEforms-suggest-choices span.suggest-uid {
850 font-size: 0.9em;
851 }
852
853 div.typo3-TCEforms-suggest-choices span.suggest-path abbr {
854 border-bottom: none;
855 }
856
857 div.typo3-TCEforms-suggest-choises a {
858 cursor: pointer;
859 }
860
861 /* - - - - - - - - - - - - - - - - - - - - -
862 TCEforms Flexforms
863 - - - - - - - - - - - - - - - - - - - - - */
864 .t3-form-field-container-flex {
865 }
866
867
868 div.t3-form-field-container:first-child .t3-form-field-label-flex {
869 border-top: 0;
870 }
871
872 /** no separate background for dyntabs in flexforms **/
873 .typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs ,
874 .typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs,
875 .typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs,
876 .typo3-TCEforms .wrapperTable3 div.typo3-dyntabmenu-tabs,
877 .typo3-TCEforms .wrapperTable4 div.typo3-dyntabmenu-tabs,
878 .typo3-TCEforms .wrapperTable5 div.typo3-dyntabmenu-tabs {
879 background: transparent;
880 }
881
882 /** tabs inside the table => flexforms */
883 .typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
884 .typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
885 .typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
886 .typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
887 .typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
888 .typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
889 border: 1px solid #c0c0c0;
890 }
891
892
893 /* - - - - - - - - - - - - - - - - - - - - -
894 TCEforms Inline-Relational-Record-Editing
895 - - - - - - - - - - - - - - - - - - - - - */
896
897 .t3-form-field-header-inline:hover {
898 background-color: #cccccc;
899 }
900
901 .t3-form-header-inline-loadingbar {
902 border-top: 1px solid #aaaaaa;
903 }
904
905 .t3-form-field-container-inline-hidden,
906 .t3-form-field-container-inline-placeHolder {
907 opacity:0.3;
908 }
909
910 .t3-form-field-header-inline table {
911 vertical-align:top;
912 }
913
914 .t3-form-field-header-inline-thumbnail-image {
915 border: none;
916 }
917
918 .t3-form-field-record-inline .typo3-message {
919 margin-bottom: 1.5em;
920 }
921
922 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable,
923 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable1,
924 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable2,
925 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable3,
926 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable4,
927 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable5 {
928 border: 0;
929 }
930
931 .t3-form-field-header-inline td.t3-form-field-header-inline-summary dl dt {
932 font-weight: bold;
933 }
934
935 /* - - - - - - - - - - - - - - - - - - - - -
936 TCEforms Sections
937 - - - - - - - - - - - - - - - - - - - - - */
938
939 .typo3-TCEforms-flexForm .bgColor4,
940 .typo3-TCEforms-flexForm .bgColor5 {
941 background: none;
942 display: inline-block;
943 }
944
945 .typo3-TCEforms-select-selectedItemWithBackgroundImage {
946 background-color:#fff;
947 background-position: 0% 50%;
948 background-repeat:no-repeat;
949 padding:1px 1px 1px 24px;
950 }
951
952 .ext-webkit .typo3-TCEforms-select-selectedItemWithBackgroundImage {
953 text-indent: 20px;
954 background-position-x: 6px;
955 }
956 .ext-webkit .typo3-TCEforms-select-selectedItemWithBackgroundImage optgroup option {
957 text-indent: 20px;
958 }
959 .ext-chrome:not(.ext-mac) .typo3-TCEforms-select-selectedItemWithBackgroundImage {
960 text-indent: 0px;
961 background-position-x: 5px;
962 }
963
964 .t3-tceforms-fieldReadOnly span.t3-icon {
965 position: absolute;
966 right: 3px;
967 top: 4px;
968 }
969
970 .t3-form-field-item {
971 position: relative;
972 border: 1px solid transparent;
973 padding: 0;
974 }
975
976 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
977 display: inline-block;
978 }
979
980 .t3-form-field-item.disabled {
981 border: 1px dotted #696362;
982 }
983
984 .t3-form-field-disable,
985 .t3-form-field-item.disabled .t3-form-field-item.disabled .t3-form-field-disable {
986 display: none;
987 }
988 .t3-form-field-item.disabled .t3-form-field-disable {
989 z-index: 8000;
990 background: #f4f4f4;
991 display: block;
992 position: absolute;
993 width: 100%;
994 height: 100%;
995
996 opacity: 0.5;
997 filter: alpha(opacity=50);
998 }
999
1000 .t3-form-palette-field-label {
1001 text-indent: 2px;
1002 }
1003
1004 /* - - - - - - - - - - - - - - - - - - - - -
1005 TCEforms Tree
1006 - - - - - - - - - - - - - - - - - - - - - */
1007 .t3-form-field-item .x-tree input.x-tree-node-cb {
1008 height: auto;
1009 margin: 0 0 0 1px;
1010 vertical-align: middle;
1011 }