[!!!][TASK] Move legacy "search" CType to compatibility6
[Packages/TYPO3.CMS.git] / typo3 / sysext / form / Configuration / TypoScript / setup.txt
1 # Replace rendering of old mailform
2 tt_content.mailform >
3 tt_content.mailform = COA
4 tt_content.mailform.10 = < lib.stdheader
5 tt_content.mailform.20 = FORM
6 tt_content.mailform.20 {
7 stdWrap.wrap = <div class="csc-mailform"> | </div>
8 stdWrap {
9 editIcons = tt_content: bodytext
10 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xlf:eIcon.form
11
12 prefixComment = 2 | Mail form inserted:
13 }
14 }
15
16 plugin.tx_form._CSS_DEFAULT_STYLE (
17 div.csc-mailform ol,
18 div.csc-mailform ol li {
19 margin: 0;
20 padding: 0;
21 }
22
23 div.csc-mailform ol li {
24 overflow: hidden;
25 }
26
27 div.csc-mailform fieldset {
28 margin: 0;
29 padding: 0;
30 position: relative;
31 }
32
33 div.csc-mailform legend {
34 margin-left: 1em;
35 color: #000000;
36 font-weight: bold;
37 }
38
39 div.csc-mailform fieldset ol {
40 padding: 1em 1em 0 1em;
41 }
42
43 div.csc-mailform fieldset li {
44 padding: 0.5em;
45 margin-bottom: 0.5em;
46 list-style: none;
47 }
48
49 div.csc-mailform fieldset.submit {
50 border-style: none;
51 }
52
53 /**
54 * Normal label
55 * Left aligned, in front of input
56 */
57 div.csc-mailform li label {
58 float: left;
59 width: 13em;
60 margin-right: 1em;
61 vertical-align: baseline;
62 }
63
64 div.csc-mailform li input + label,
65 div.csc-mailform li textarea + label,
66 div.csc-mailform li select + label {
67 float: none;
68 width: auto;
69 margin-right: 0;
70 margin-left: 1em;
71 }
72
73 div.csc-mailform li textarea + label {
74 vertical-align: top;
75 }
76
77 label em,
78 legend em {
79 display: block;
80 color: #060;
81 font-size: 85%;
82 font-style: normal;
83 text-transform: uppercase;
84 }
85
86 legend em {
87 position: absolute;
88 }
89
90 label strong,
91 legend strong {
92 display: block;
93 color: #C00;
94 font-size: 85%;
95 font-weight: normal;
96 text-transform: uppercase;
97 }
98
99 legend strong {
100 position: absolute;
101 top: 1.4em;
102 }
103
104 /**
105 * Labels alignment right
106 */
107 .labels-alignment-right label,
108 .labels-alignment-right .fieldset-subgroup legend,
109 .labels-alignment-right.fieldset-subgroup legend {
110 text-align: right;
111 }
112
113 /**
114 * Horizontal fieldset
115 */
116 fieldset.fieldset-horizontal {
117 border-width: 0;
118 }
119
120 fieldset.fieldset-horizontal ol {
121 padding: 0;
122 }
123
124 fieldset.fieldset-horizontal li {
125 float: left;
126 padding: 0;
127 margin-right: 1em;
128 }
129
130 fieldset.fieldset-horizontal.label-below label {
131 display: block;
132 margin-left: 0;
133 margin-top: 0.2em;
134 font-size: 90%;
135 color: #999999;
136 text-align: left;
137 }
138
139 fieldset.fieldset-horizontal label em {
140 display: inline;
141 }
142
143 /**
144 * Subgroup fieldset
145 */
146 fieldset.fieldset-subgroup {
147 margin-bottom: -2em;
148 border-style: none;
149 }
150
151 fieldset.fieldset-subgroup legend {
152 margin-left: 0;
153 padding: 0;
154 font-weight: normal;
155 width: 13em;
156 }
157
158 fieldset.fieldset-subgroup ol {
159 position: relative;
160 top: -1.4em;
161 margin: 0 0 0 14em;
162 padding: 0;
163 }
164
165 fieldset.fieldset-subgroup li {
166 padding: 0;
167 }
168
169 fieldset.fieldset-subgroup input + label {
170 float: none;
171 width: auto;
172 display: inline;
173 margin: 0 0 0 1em;
174 }
175
176 /**
177 * Labels as block
178 * Labels displayed above or below the input fields
179 */
180 .labels-block label {
181 display: block;
182 float: none;
183 margin: 0 0 0.5em;
184 width: auto;
185 }
186
187 .labels-block input + label,
188 .labels-block textarea + label {
189 margin: 0.5em 0 0;
190 }
191
192 .labels-block fieldset.fieldset-subgroup,
193 fieldset.labels-block.fieldset-subgroup {
194 margin-bottom: 0;
195 }
196
197 .labels-block .fieldset-subgroup legend,
198 .labels-block.fieldset-subgroup legend {
199 width: auto;
200 }
201
202 .labels-block .fieldset-subgroup legend em,
203 .labels-block.fieldset-subgroup legend em {
204 position: relative;
205 }
206
207 .labels-block .fieldset-subgroup legend strong,
208 .labels-block.fieldset-subgroup legend strong {
209 position: relative;
210 top: 0;
211 }
212
213 .labels-block .fieldset-subgroup ol,
214 .labels-block.fieldset-subgroup ol {
215 top: 0;
216 margin: 0;
217 padding: 0.5em 0 0;
218 }
219 )