7c61fda9254baa0fe84707374846025d926b26d3
[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-form-field-container-flexsection {
572 padding-left: 20px;
573 }
574
575 .t3-form-field-header-flexsection {
576 width: 100%;
577 height: 16px;
578 }
579
580 .t3-form-field-label-flexsection {
581 border-top: 1px solid #cdcdcd;
582 padding: 5px 10px;
583 }
584
585 .t3-form-field-toggle-flexsection {
586 padding: 5px 0 5px 20px;
587 }
588
589 .t3-form-field-add-flexsection {
590 border-top: 1px solid #cdcdcd;
591 padding: 10px 5px 5px 20px;
592 }
593
594 .t3-form-field-container-flexsections {
595 background: #dadada;
596 margin: 5px 0;
597 }
598
599 .t3-form-field-record-flexsection {
600 background: #eee;
601 padding: 5px 0;
602 }
603
604 .t3-form-field-record-flexsection > div {
605 margin:0 10px;
606 }
607
608 /* preview image in sys_file records */
609 img.t3-tceforms-sysfile-imagepreview {
610 float: left;
611 margin-right: 10px;
612 margin-bottom: 10px;
613 }
614
615 * html div#typo3-docbody .typo3-TCEforms {
616 margin-top: 20px;
617 }
618
619 .typo3-TCEforms img[src*="clear.gif"] {
620 z-index: 0;
621 }
622
623
624 /* - - - - - - - - - - - - - - - - - - - - -
625 TCEforms
626 - - - - - - - - - - - - - - - - - - - - - */
627
628 table#typo3-altdoc-header input,
629 .c-inputButton {
630 background: none;
631 border: 0;
632 }
633
634 .typo3-TCEforms .checkbox,
635 .typo3-TCEforms .checkbox:hover {
636 background: #efeff4;
637 border: 0;
638 }
639
640 .t3-tceforms-input-wrapper,
641 .t3-tceforms-input-wrapper-hover,
642 .t3-tceforms-input-wrapper-datetime,
643 .t3-tceforms-input-wrapper-datetime-hover {
644 display: block;
645 float: left;
646 position: relative;
647 }
648
649 .t3-tceforms-widget-null-wrapper {
650 display: inline-block;
651 float: right;
652 position: relative;
653 width: 20px;
654 max-width: 20px;
655 }
656
657 .t3-tceforms-widget-null-wrapper input {
658 margin-left: 2px;
659 margin-top: 42%;
660 }
661
662
663 .t3-tceforms-input-wrapper .t3-tceforms-input-clearer,
664 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer {
665 position: absolute;
666 right: 10px;
667 top: 5px;
668 z-index: 1000;
669 cursor: pointer;
670 }
671
672 .t3-tceforms-input-wrapper-datetime .t3-tceforms-input-clearer,
673 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
674 position: absolute;
675 right: 27px;
676 top: 5px;
677 z-index: 1000;
678 cursor: pointer;
679 }
680 .t3-tceforms-input-wrapper-datetime .t3-icon-edit-pick-date,
681 .t3-tceforms-input-wrapper-datetime-hover .t3-icon-edit-pick-date {
682 top: -4px;
683 }
684 .t3-tceforms-input-wrapper .tceforms-textfield,
685 .t3-tceforms-input-wrapper-hover .tceforms-textfield,
686 .t3-tceforms-input-wrapper .tceforms-datetimefield,
687 .t3-tceforms-input-wrapper-hover .tceforms-datetimefield,
688 .t3-tceforms-input-wrapper-datetime .tceforms-textfield,
689 .t3-tceforms-input-wrapper-datetime-hover .tceforms-textfield,
690 .t3-tceforms-input-wrapper-datetime .tceforms-datetimefield,
691 .t3-tceforms-input-wrapper-datetime-hover .tceforms-datetimefield {
692 position: relative;
693 z-index: 2000;
694 padding-right: 30px!important;
695 }
696
697 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer,
698 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
699 z-index: 3700;
700 }
701
702 .typo3-TCEforms table#typo3-altdoc-header input:hover,
703 .c-inputButton:hover {
704 background: none;
705 border: 0;
706 }
707
708 .typo3-TCEforms .typo3-TCEforms-recHeader {
709 color: #555555;
710 font-weight: bold;
711 }
712
713 .typo3-TCEforms .typo3-TCEforms-recHeaderRow {
714 background: #fff;
715 text-align: right;
716 }
717
718 .typo3-TCEforms span.typo3-TCEforms-newToken {
719 color: #990000;
720 font-weight: bold;
721 }
722
723 .typo3-TCEforms span.typo3-TCEforms-helpText {
724 background: transparent;
725 color: #fff;
726 }
727
728 table.typo3-TCEforms-select-checkbox {
729 background-color: #ffffff;
730 border: 1px solid #aaa;
731 }
732
733 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
734 background-color: #fff;
735 font-weight: bold;
736 }
737
738 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:nth-child(2n) {
739 background-color: #f7f7f7;
740 }
741
742 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem {
743 background-color: #d8ecd0;
744 }
745
746 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem {
747 color: #dddddd;
748 }
749
750 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:hover {
751 background-color: #dedede;
752 }
753
754 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem:hover {
755 background-color: #abd99a;
756 }
757
758 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem:hover {
759 background-color: transparent;
760 }
761
762 .typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
763 white-space: nowrap;
764 }
765
766 .typo3-TCEforms optgroup.c-divider,
767 select option.c-divider {
768 background-color: #eee;
769 border-top: 1px solid #666;
770 color: #666;
771 font-style: italic;
772 text-transform: uppercase;
773 }
774
775 .typo3-TCEforms div.typo3-TCEforms-originalLanguageValue {
776 background-color: #dadada;
777 border: 1px solid #c0c0c0;
778 }
779
780 .typo3-TCEforms div.typo3-TCEforms-diffBox {
781 background-color: white;
782 border: 1px solid black;
783 }
784
785 .typo3-TCEforms div.typo3-TCEforms-diffBox-header {
786 background-color: red;
787 font-weight: bold;
788 }
789
790 /* Default. Always used on main-palettes in the bottom of the forms */
791
792 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
793 padding-right: 5px;
794 }
795
796
797 .typo3-TCEforms .typo3-dyntabmenu-divs table {
798 border: none;
799 border-bottom: 1px solid #c0c0c0;
800 }
801
802 input.typo3-TCEforms-suggest-search {
803 background-image: url('../../../../icons/gfx/zoom.gif');
804 background-position: 2px center;
805 background-repeat: no-repeat;
806 }
807
808 div.typo3-TCEforms-suggest-choices ul {
809 list-style-type: none;
810 }
811
812 div.typo3-TCEforms-suggest-choices li.selected {
813 background-color: #ffb !important;
814 }
815
816 div.typo3-TCEforms-suggest-choices li.pages {
817 background-color: #fcc;
818 }
819
820 div.typo3-TCEforms-suggest-choices span.suggest-uid {
821 font-size: 0.9em;
822 }
823
824 div.typo3-TCEforms-suggest-choices span.suggest-path abbr {
825 border-bottom: none;
826 }
827
828 div.typo3-TCEforms-suggest-choises a {
829 cursor: pointer;
830 }
831
832 /* - - - - - - - - - - - - - - - - - - - - -
833 TCEforms Flexforms
834 - - - - - - - - - - - - - - - - - - - - - */
835 .t3-form-field-container-flex {
836 }
837
838
839 div.t3-form-field-container:first-child .t3-form-field-label-flex {
840 border-top: 0;
841 }
842
843 /** no separate background for dyntabs in flexforms **/
844 .typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs ,
845 .typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs,
846 .typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs,
847 .typo3-TCEforms .wrapperTable3 div.typo3-dyntabmenu-tabs,
848 .typo3-TCEforms .wrapperTable4 div.typo3-dyntabmenu-tabs,
849 .typo3-TCEforms .wrapperTable5 div.typo3-dyntabmenu-tabs {
850 background: transparent;
851 }
852
853 /** tabs inside the table => flexforms */
854 .typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
855 .typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
856 .typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
857 .typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
858 .typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
859 .typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
860 border: 1px solid #c0c0c0;
861 }
862
863
864 /* - - - - - - - - - - - - - - - - - - - - -
865 TCEforms Inline-Relational-Record-Editing
866 - - - - - - - - - - - - - - - - - - - - - */
867
868 .t3-form-field-header-inline:hover {
869 background-color: #cccccc;
870 }
871
872 .t3-form-header-inline-loadingbar {
873 border-top: 1px solid #aaaaaa;
874 }
875
876 .t3-form-field-container-inline-hidden,
877 .t3-form-field-container-inline-placeHolder {
878 opacity:0.3;
879 }
880
881 .t3-form-field-header-inline table {
882 vertical-align:top;
883 }
884
885 .t3-form-field-header-inline-thumbnail-image {
886 border: none;
887 }
888
889 .t3-form-field-record-inline .typo3-message {
890 margin-bottom: 1.5em;
891 }
892
893 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable,
894 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable1,
895 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable2,
896 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable3,
897 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable4,
898 .typo3-TCEforms .t3-form-field-container-inline .wrapperTable5 {
899 border: 0;
900 }
901
902 .t3-form-field-header-inline td.t3-form-field-header-inline-summary dl dt {
903 font-weight: bold;
904 }
905
906 /* - - - - - - - - - - - - - - - - - - - - -
907 TCEforms Sections
908 - - - - - - - - - - - - - - - - - - - - - */
909
910 .typo3-TCEforms-flexForm .bgColor4,
911 .typo3-TCEforms-flexForm .bgColor5 {
912 background: none;
913 display: inline-block;
914 }
915
916 .typo3-TCEforms-select-selectedItemWithBackgroundImage {
917 background-color:#fff;
918 background-position: 0% 50%;
919 background-repeat:no-repeat;
920 padding:1px 1px 1px 24px;
921 }
922
923 .ext-webkit .typo3-TCEforms-select-selectedItemWithBackgroundImage {
924 text-indent: 20px;
925 background-position-x: 6px;
926 }
927 .ext-webkit .typo3-TCEforms-select-selectedItemWithBackgroundImage optgroup option {
928 text-indent: 20px;
929 }
930 .ext-chrome:not(.ext-mac) .typo3-TCEforms-select-selectedItemWithBackgroundImage {
931 text-indent: 0px;
932 background-position-x: 5px;
933 }
934
935 .t3-tceforms-fieldReadOnly span.t3-icon {
936 position: absolute;
937 right: 3px;
938 top: 4px;
939 }
940
941 .t3-form-field-item {
942 position: relative;
943 border: 1px solid transparent;
944 padding: 0;
945 }
946
947 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
948 display: inline-block;
949 }
950
951 .t3-form-field-item.disabled {
952 border: 1px dotted #696362;
953 }
954
955 .t3-form-field-disable,
956 .t3-form-field-item.disabled .t3-form-field-item.disabled .t3-form-field-disable {
957 display: none;
958 }
959 .t3-form-field-item.disabled .t3-form-field-disable {
960 z-index: 8000;
961 background: #f4f4f4;
962 display: block;
963 position: absolute;
964 width: 100%;
965 height: 100%;
966
967 opacity: 0.5;
968 filter: alpha(opacity=50);
969 }
970
971 .t3-form-palette-field-label {
972 text-indent: 2px;
973 }
974
975 /* - - - - - - - - - - - - - - - - - - - - -
976 TCEforms Tree
977 - - - - - - - - - - - - - - - - - - - - - */
978 .t3-form-field-item .x-tree input.x-tree-node-cb {
979 height: auto;
980 margin: 0 0 0 1px;
981 vertical-align: middle;
982 }