8b07d06fbba5b0de104bbb5c86d8ea9796cc12cc
[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 }