1f3f4db7266bd0e5149b7591b5fff18645108707
[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-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 }