[BUGFIX] EXT:form - Bring back missing default CSS styles
[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 prefixComment = 2 | Mail form inserted:
12 }
13 }
14
15 # Include model definition for all available form elements
16 <INCLUDE_TYPOSCRIPT: source="DIR: EXT:form/Configuration/TypoScript/Elements" extensions="ts">
17 # Include definition of filters
18 <INCLUDE_TYPOSCRIPT: source="DIR: EXT:form/Configuration/TypoScript/Filters" extensions="ts">
19 # Include definition of filters
20 <INCLUDE_TYPOSCRIPT: source="DIR: EXT:form/Configuration/TypoScript/Validators" extensions="ts">
21
22 plugin.tx_form {
23 features {
24 skipDefaultArguments = 1
25 }
26
27 view {
28 templateRootPaths {
29 10 = {$plugin.tx_form.view.templateRootPath}
30 }
31
32 partialRootPaths {
33 10 = {$plugin.tx_form.view.partialRootPath}
34 }
35
36 layoutRootPaths {
37 10 = {$plugin.tx_form.view.layoutRootPath}
38 }
39 }
40
41 _CSS_DEFAULT_STYLE (
42 div.csc-mailform ol,
43 div.csc-mailform ol li {
44 margin: 0;
45 padding: 0;
46 }
47
48 div.csc-mailform ol li {
49 overflow: hidden;
50 }
51
52 div.csc-mailform fieldset {
53 margin: 0;
54 padding: 0;
55 position: relative;
56 }
57
58 div.csc-mailform legend {
59 margin-left: 1em;
60 color: #000000;
61 font-weight: bold;
62 }
63
64 div.csc-mailform fieldset ol {
65 padding: 1em 1em 0 1em;
66 }
67
68 div.csc-mailform fieldset li {
69 padding: 0.5em;
70 margin-bottom: 0.5em;
71 list-style: none;
72 }
73
74 div.csc-mailform fieldset.submit {
75 border-style: none;
76 }
77
78 /**
79 * Normal label
80 * Left aligned, in front of input
81 */
82 div.csc-mailform li label {
83 float: left;
84 width: 13em;
85 margin-right: 1em;
86 vertical-align: baseline;
87 }
88
89 div.csc-mailform li input + label,
90 div.csc-mailform li textarea + label,
91 div.csc-mailform li select + label {
92 float: none;
93 width: auto;
94 margin-right: 0;
95 margin-left: 1em;
96 }
97
98 div.csc-mailform li textarea + label {
99 vertical-align: top;
100 }
101
102 label em,
103 legend em {
104 display: block;
105 color: #060;
106 font-size: 85%;
107 font-style: normal;
108 text-transform: uppercase;
109 }
110
111 legend em {
112 position: absolute;
113 }
114
115 label strong,
116 legend strong {
117 display: block;
118 color: #C00;
119 font-size: 85%;
120 font-weight: normal;
121 text-transform: uppercase;
122 }
123
124 legend strong {
125 position: absolute;
126 top: 1.4em;
127 }
128
129 /**
130 * Labels alignment right
131 */
132 .labels-alignment-right label,
133 .labels-alignment-right .fieldset-subgroup legend,
134 .labels-alignment-right.fieldset-subgroup legend {
135 text-align: right;
136 }
137
138 /**
139 * Horizontal fieldset
140 */
141 fieldset.fieldset-horizontal {
142 border-width: 0;
143 }
144
145 fieldset.fieldset-horizontal ol {
146 padding: 0;
147 }
148
149 fieldset.fieldset-horizontal li {
150 float: left;
151 padding: 0;
152 margin-right: 1em;
153 }
154
155 fieldset.fieldset-horizontal.label-below label {
156 display: block;
157 margin-left: 0;
158 margin-top: 0.2em;
159 font-size: 90%;
160 color: #999999;
161 text-align: left;
162 }
163
164 fieldset.fieldset-horizontal label em {
165 display: inline;
166 }
167
168 /**
169 * Subgroup fieldset
170 */
171 fieldset.fieldset-subgroup {
172 margin-bottom: -2em;
173 border-style: none;
174 }
175
176 fieldset.fieldset-subgroup legend {
177 margin-left: 0;
178 padding: 0;
179 font-weight: normal;
180 width: 13em;
181 }
182
183 fieldset.fieldset-subgroup ol {
184 position: relative;
185 top: -1.4em;
186 margin: 0 0 0 14em;
187 padding: 0;
188 }
189
190 fieldset.fieldset-subgroup li {
191 padding: 0;
192 }
193
194 fieldset.fieldset-subgroup input + label {
195 float: none;
196 width: auto;
197 display: inline;
198 margin: 0 0 0 1em;
199 }
200
201 /**
202 * Labels as block
203 * Labels displayed above or below the input fields
204 */
205 .labels-block label {
206 display: block;
207 float: none;
208 margin: 0 0 0.5em;
209 width: auto;
210 }
211
212 .labels-block input + label,
213 .labels-block textarea + label {
214 margin: 0.5em 0 0;
215 }
216
217 .labels-block fieldset.fieldset-subgroup,
218 fieldset.labels-block.fieldset-subgroup {
219 margin-bottom: 0;
220 }
221
222 .labels-block .fieldset-subgroup legend,
223 .labels-block.fieldset-subgroup legend {
224 width: auto;
225 }
226
227 .labels-block .fieldset-subgroup legend em,
228 .labels-block.fieldset-subgroup legend em {
229 position: relative;
230 }
231
232 .labels-block .fieldset-subgroup legend strong,
233 .labels-block.fieldset-subgroup legend strong {
234 position: relative;
235 top: 0;
236 }
237
238 .labels-block .fieldset-subgroup ol,
239 .labels-block.fieldset-subgroup ol {
240 top: 0;
241 margin: 0;
242 padding: 0.5em 0 0;
243 }
244 )
245 }