b9edd077b6dd4d221f56e67b8eb09d9f1107badd
[Packages/TYPO3.CMS.git] / typo3 / sysext / form / Configuration / TypoScript / setup.txt
1 # Cancel the check that prevents display of subheader for old mailform
2 tt_content.mailform.10.20.if.isFalse.override = 0
3
4 # Replace rendering of old mailform
5 tt_content.mailform.20 >
6 tt_content.mailform.20 = FORM
7 tt_content.mailform.20 {
8 stdWrap.wrap = <div class="csc-mailform"> | </div>
9 stdWrap {
10 editIcons = tt_content: bodytext
11 editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xlf:eIcon.form
12
13 prefixComment = 2 | Mail form inserted:
14 }
15 }
16
17 #tt_content.login.20 >
18 #tt_content.login.20 = FORM
19 #tt_content.login.20 {
20 # prefix = login
21 # method = post
22 # 10 = FIELDSET
23 # 10 {
24 # legend = TEXT
25 # legend {
26 # data = LLL:EXT:css_styled_content/pi1/locallang.xml:login.username
27 # }
28 # 10 = TEXTLINE
29 # 10 {
30 # name = user
31 # id = mailformuser
32 # size = 20
33 # label = TEXT
34 # label {
35 # data = LLL:EXT:css_styled_content/pi1/locallang.xml:login.username
36 # }
37 # }
38 # 20 = PASSWORD
39 # 20 {
40 # name = pass
41 # id = mailformpass
42 # size = 20
43 # label = TEXT
44 # label {
45 # data = LLL:EXT:css_styled_content/pi1/locallang.xml:login.password
46 # }
47 # }
48 # }
49 # 30 = HIDDEN
50 # 30 {
51 # name = logintype
52 # id = mailformlogintype
53 # }
54 # 20 = SUBMIT
55 # 20 {
56 # name = submit
57 # id = mailformsubmit
58 # value = login
59 # }
60 #}
61
62
63 plugin.tx_form._CSS_DEFAULT_STYLE (
64 div.csc-mailform ol,
65 div.csc-mailform ol li {
66 margin: 0;
67 padding: 0;
68 }
69
70 div.csc-mailform ol li {
71 overflow: hidden;
72 }
73
74 div.csc-mailform fieldset {
75 margin: 0;
76 padding: 0;
77 position: relative;
78 }
79
80 div.csc-mailform legend {
81 margin-left: 1em;
82 color: #000000;
83 font-weight: bold;
84 }
85
86 div.csc-mailform fieldset ol {
87 padding: 1em 1em 0 1em;
88 }
89
90 div.csc-mailform fieldset li {
91 padding: 0.5em;
92 margin-bottom: 0.5em;
93 list-style: none;
94 }
95
96 div.csc-mailform fieldset.submit {
97 border-style: none;
98 }
99
100 /**
101 * Normal label
102 * Left aligned, in front of input
103 */
104 div.csc-mailform li label {
105 float: left;
106 width: 13em;
107 margin-right: 1em;
108 vertical-align: baseline;
109 }
110
111 div.csc-mailform li input + label,
112 div.csc-mailform li textarea + label,
113 div.csc-mailform li select + label {
114 float: none;
115 width: auto;
116 margin-right: 0;
117 margin-left: 1em;
118 }
119
120 div.csc-mailform li textarea + label {
121 vertical-align: top;
122 }
123
124 label em,
125 legend em {
126 display: block;
127 color: #060;
128 font-size: 85%;
129 font-style: normal;
130 text-transform: uppercase;
131 }
132
133 legend em {
134 position: absolute;
135 }
136
137 label strong,
138 legend strong {
139 display: block;
140 color: #C00;
141 font-size: 85%;
142 font-weight: normal;
143 text-transform: uppercase;
144 }
145
146 legend strong {
147 position: absolute;
148 top: 1.4em;
149 }
150
151 /**
152 * Labels alignment right
153 */
154 .labels-alignment-right label,
155 .labels-alignment-right .fieldset-subgroup legend,
156 .labels-alignment-right.fieldset-subgroup legend {
157 text-align: right;
158 }
159
160 /**
161 * Horizontal fieldset
162 */
163 fieldset.fieldset-horizontal {
164 border-width: 0;
165 }
166
167 fieldset.fieldset-horizontal ol {
168 padding: 0;
169 }
170
171 fieldset.fieldset-horizontal li {
172 float: left;
173 padding: 0;
174 margin-right: 1em;
175 }
176
177 fieldset.fieldset-horizontal.label-below label {
178 display: block;
179 margin-left: 0;
180 margin-top: 0.2em;
181 font-size: 90%;
182 color: #999999;
183 text-align: left;
184 }
185
186 fieldset.fieldset-horizontal label em {
187 display: inline;
188 }
189
190 /**
191 * Subgroup fieldset
192 */
193 fieldset.fieldset-subgroup {
194 margin-bottom: -2em;
195 border-style: none;
196 }
197
198 fieldset.fieldset-subgroup legend {
199 margin-left: 0;
200 padding: 0;
201 font-weight: normal;
202 width: 13em;
203 }
204
205 fieldset.fieldset-subgroup ol {
206 position: relative;
207 top: -1.4em;
208 margin: 0 0 0 14em;
209 padding: 0;
210 }
211
212 fieldset.fieldset-subgroup li {
213 padding: 0;
214 }
215
216 fieldset.fieldset-subgroup input + label {
217 float: none;
218 width: auto;
219 display: inline;
220 margin: 0 0 0 1em;
221 }
222
223 /**
224 * Labels as block
225 * Labels displayed above or below the input fields
226 */
227 .labels-block label {
228 display: block;
229 float: none;
230 margin: 0 0 0.5em;
231 width: auto;
232 }
233
234 .labels-block input + label,
235 .labels-block textarea + label {
236 margin: 0.5em 0 0;
237 }
238
239 .labels-block fieldset.fieldset-subgroup,
240 fieldset.labels-block.fieldset-subgroup {
241 margin-bottom: 0;
242 }
243
244 .labels-block .fieldset-subgroup legend,
245 .labels-block.fieldset-subgroup legend {
246 width: auto;
247 }
248
249 .labels-block .fieldset-subgroup legend em,
250 .labels-block.fieldset-subgroup legend em {
251 position: relative;
252 }
253
254 .labels-block .fieldset-subgroup legend strong,
255 .labels-block.fieldset-subgroup legend strong {
256 position: relative;
257 top: 0;
258 }
259
260 .labels-block .fieldset-subgroup ol,
261 .labels-block.fieldset-subgroup ol {
262 top: 0;
263 margin: 0;
264 padding: 0.5em 0 0;
265 }
266 )