b9caba90b83b5f13ddd255a9c3295ca59417f3fc
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / stylesheets / structure / element_tceforms.css
1 /* - - - - - - - - - - - - - - - - - - - - -
2 TCEforms
3
4 - - - - - - - - - - - - - - - - - - - - - */
5 img.t3-TCEforms-reqImg {
6 display: block;
7 position: absolute;
8 left: 14px;
9 top: 28%;
10 z-index: 3000;
11 height: 16px;
12 margin-right: 2px;
13 width: 16px;
14 }
15
16 img.t3-TCEforms-reqTabImg {
17 height: 16px;
18 margin-left: 4px;
19 margin-bottom: -3px;
20 width: 16px;
21 }
22
23 img.t3-TCEforms-contentchangedImg {
24 display: block;
25 position: absolute;
26 left: 4px;
27 top: 32%;
28 z-index: 4000;
29 width: 7px;
30 }
31
32 .t3-form-palette-icon-required {
33 display: block;
34 position: absolute;
35 left: 4px;
36 top: 26%;
37 z-index: 3000;
38 height: 16px;
39 margin-right: 2px;
40 width: 16px;
41 }
42 /* renamed to .t3-form-palette-icon-required, lines below kept for backwards-compatibility */
43 img.t3-TCEforms-reqPaletteImg {
44 display: block;
45 position: absolute;
46 left: 14px;
47 top: 30%;
48 z-index: 3000;
49 height: 16px;
50 margin-right: 2px;
51 width: 16px;
52 }
53
54 .t3-form-palette-icon-contentchanged {
55 display: block;
56 position: absolute;
57 left: -6px;
58 top: 30%;
59 z-index: 4000;
60 width: 7px;
61 }
62 /* renamed to .t3-form-palette-icon-contentchanged, lines below kept for backwards-compatibility */
63 img.t3-TCEforms-contentchangedPaletteImg {
64 display: block;
65 position: absolute;
66 left: 4px;
67 top: 30%;
68 z-index: 4000;
69 width: 7px;
70 }
71
72 table.typo3-TCEforms {
73 width: 100%;
74 }
75
76 table.typo3-TCEforms tr td.t3-form-col1,
77 table.typo3-TCEforms tr td.t3-form-col1 div {
78 width: 21px;
79 }
80
81 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
82 padding-top: 5px;
83 padding-bottom: 20px;
84 }
85
86 table.wrapperTable tr.class-main2 td.palette-header,
87 table.wrapperTable1 .class-main12 td.palette-header {
88 padding-left: 10px;
89 }
90
91 table.typo3-TCEforms .bgColor2,
92 table.typo3-TCEforms tr.bgColor2 td {
93 padding-bottom: 5px;
94 }
95
96 table.typo3-TCEforms optgroup.c-divider,
97 select option.c-divider {
98 margin-top: 10px;
99 padding: 0px;
100 }
101
102 table.typo3-TCEforms optgroup option {
103 margin: 0px;
104 padding: 2px;
105 }
106
107
108 table.typo3-TCEforms select.icon-select option {
109 padding-left: 22px;
110 }
111
112 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox {
113 margin-bottom: 10px;
114 }
115
116 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tbody {
117 display: block;
118 max-height: 300px;
119 overflow-y: scroll;
120 }
121
122 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td {
123 vertical-align: middle;
124 }
125
126 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td,
127 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-checkbox,
128 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
129 padding: 1px 3px;
130 }
131
132 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
133 min-width: 300px;
134 }
135
136 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell img {
137 margin-right: 5px;
138 }
139
140 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr {
141 width: 40px;
142 }
143
144 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr img {
145 float: right;
146 }
147
148 table.typo3-TCEforms table.typo3-TCEforms-select-singlebox {
149 margin-bottom: 10px;
150 margin-top: 4px;
151 }
152
153 table.typo3-TCEforms div.typo3-dyntabmenu-tabs {
154 padding-top: 10px;
155 }
156
157 .checkbox,
158 .checkbox:hover {
159 margin: 4px 0 4px 2px;
160 position: relative;
161 z-index: 3500;
162 }
163
164 table.typo3-TCEforms .class-main1 td,
165 table.typo3-TCEforms .class-main11 td,
166 table.typo3-TCEforms .class-main21 td,
167 table.typo3-TCEforms .class-main31 td,
168 table.typo3-TCEforms .class-main41 td,
169 table.typo3-TCEforms .class-main51 td {
170 padding: 2px 0px 2px 0px;
171 }
172
173 table.typo3-TCEforms .class-main2 td,
174 table.typo3-TCEforms .class-main12 td,
175 table.typo3-TCEforms .class-main22 td,
176 table.typo3-TCEforms .class-main32 td,
177 table.typo3-TCEforms .class-main42 td,
178 table.typo3-TCEforms .class-main52 td {
179 padding: 6px 0px 2px 0px;
180 }
181
182 table.typo3-TCEforms .class-main3,
183 table.typo3-TCEforms .class-main13,
184 table.typo3-TCEforms .class-main23,
185 table.typo3-TCEforms .class-main33,
186 table.typo3-TCEforms .class-main43,
187 table.typo3-TCEforms .class-main53 {
188 padding: 2px 0px 2px 0px;
189 }
190
191 table.typo3-TCEforms td.formField-header,
192 table.typo3-TCEforms td.formField-field {
193 display: block;
194 position: relative;
195 padding-left: 10px;
196 padding-right: 10px;
197 }
198
199 table.typo3-TCEforms .formField,
200 table.typo3-TCEforms .formField1,
201 table.typo3-TCEforms .formField2,
202 table.typo3-TCEforms .formField3,
203 table.typo3-TCEforms .formField4,
204 table.typo3-TCEforms .formField5 {
205 margin: 4px 2px 4px 1px;
206 padding: 1px;
207 vertical-align: middle;
208 position: relative;
209 }
210
211 table.typo3-TCEforms .formField:focus,
212 table.typo3-TCEforms .formField1:focus,
213 table.typo3-TCEforms .formField2:focus,
214 table.typo3-TCEforms .formField3:focus,
215 table.typo3-TCEforms .formField4:focus,
216 table.typo3-TCEforms .formField5:focus {
217 z-index: 3500;
218 }
219
220 table.typo3-TCEforms .wrapperTable,
221 table.typo3-TCEforms .wrapperTable1,
222 table.typo3-TCEforms .wrapperTable2,
223 table.typo3-TCEforms .wrapperTable3,
224 table.typo3-TCEforms .wrapperTable4,
225 table.typo3-TCEforms .wrapperTable5 {
226 padding: 5px 0 5px 0;
227 }
228
229 table.typo3-TCEforms td.icons {
230 padding: 6px 2px;
231 }
232
233 table.typo3-TCEforms td.thumbnails {
234 padding-top: 6px;
235 }
236
237 table.typo3-TCEforms div.imagethumbs {
238 padding-top: 6px;
239 white-space: normal;
240 width: 253px;
241 }
242
243 table.typo3-TCEforms div.imagethumbs br {
244 display: none;
245 }
246
247 table.typo3-TCEforms div.imagethumbs .nobr {
248 display: inline-block;
249 width: 60px;
250 height: 60px;
251 overflow: hidden;
252 margin-right: 3px;
253 margin-bottom: 1px;
254 text-align: center;
255 }
256
257 table.typo3-TCEforms div.imagethumbs .nobr a {
258 display: block;
259 width: 60px;
260 height: 60px;
261 line-height: 58px;
262 text-align: center;
263 }
264
265 table.typo3-TCEforms div.imagethumbs .nobr a img {
266 display: inline;
267 margin-right: auto;
268 vertical-align: middle;
269 margin-left: auto;
270 }
271
272 table.typo3-TCEforms div.imagethumbs .nobr span {
273 display: none;
274 }
275
276 table.typo3-TCEforms span.filetypes {
277 display: block;
278 margin-top: 6px;
279 white-space: normal;
280 width: 250px;
281 }
282
283 .t3-form-field-container {
284 display: inline-block;
285 }
286
287 .typo3-TCEforms-palette .typo3-csh-link img {
288 padding-top: 3px;
289 vertical-align: top;
290 }
291
292 .typo3-TCEforms-palette select.select,
293 .t3-form-palette-field-container select.select {
294 margin: 4px 2px 4px 1px;
295 }
296
297 .t3-form-palette-field-container {
298 display: inline-block;
299 margin-left: 10px;
300 vertical-align: top;
301 }
302
303 .t3-form-palette-field-container .t3-form-palette-field-label,
304 .t3-form-palette-field-container .t3-form-palette-field {
305 display: block;
306 position: relative;
307 }
308
309 .typo3-TCEforms .typo3-csh-link {
310 margin-left: 5px;
311 }
312
313 /* - - - - - - - - - - - - - - - - - - - - -
314 TCEforms suggest
315 - - - - - - - - - - - - - - - - - - - - - */
316 div.typo3-TCEforms-suggest-position-right {
317 margin-left: 10px;
318 margin-top: 5px;
319 }
320
321 div.typo3-TCEforms-suggest label {
322 margin-right: 5px;
323 }
324
325 div.typo3-TCEforms-suggest-indicator {
326 left: 230px;
327 position: relative;
328 top: -18px;
329 }
330
331 div.typo3-TCEforms-suggest-choices {
332 position: absolute;
333 width: 250px;
334 z-index: 1;
335 }
336
337 div.typo3-TCEforms-suggest-choices ul {
338 margin: 0;
339 padding: 0;
340 }
341
342 div.typo3-TCEforms-suggest-choices li {
343 display: block;
344 margin: 0;
345 padding: 4px 2px 4px 24px;
346 }
347
348 div.typo3-TCEforms-suggest-choices li.suggest-noresults {
349 height: auto;
350 }
351
352 div.typo3-TCEforms-suggest-choices span.suggest-uid {
353 margin-left: 0.3em;
354 }
355
356 div.typo3-TCEforms-suggest-choices span.suggest-path {
357 margin-top: 0.3em;
358 }
359
360 input.typo3-TCEforms-suggest-search {
361 width: 200px;
362 padding-left: 20px;
363 vertical-align: middle;
364 }
365
366
367 /* - - - - - - - - - - - - - - - - - - - - -
368 TCEforms Flexforms
369 - - - - - - - - - - - - - - - - - - - - - */
370 /** tabs inside the table => flexforms */
371 table.typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
372 table.typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
373 table.typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
374 table.typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
375 table.typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
376 table.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
377 margin-right: 20px;
378 margin-bottom: 10px;
379 }
380
381 .t3-form-field-label-flex {
382 padding: 5px;
383 }
384
385 .t3-form-field-flex {
386 padding: 0 5px 5px;
387 }
388
389
390 /* - - - - - - - - - - - - - - - - - - - - -
391 TCEforms Inline-Relational-Record-Editing
392 - - - - - - - - - - - - - - - - - - - - - */
393
394 .typo3-TCEforms div.inlineDivMSIE {
395 display: inline-block;
396 }
397
398 .t3-form-field-container-inline {
399 margin-right: 20px;
400 margin-bottom: 3px;
401 }
402
403 .t3-form-field-header-inline {
404 padding: 0 5px;
405 }
406
407 .t3-form-field-record-inline {
408 padding: 0 5px;
409 }
410
411 .sortableHandle {
412 cursor: move;
413 }
414
415 /* - - - - - - - - - - - - - - - - - - - - -
416 TCEforms Sections
417 - - - - - - - - - - - - - - - - - - - - - */
418 .t3-form-field-container-flexsection {
419 padding-left: 20px;
420 }
421
422 .t3-form-field-header-flexsection {
423 width: 100%;
424 height: 16px;
425 }
426
427 .t3-form-field-label-flexsection {
428 padding: 5px 10px;
429 }
430
431 .t3-form-field-toggle-flexsection {
432 padding: 5px 0 5px 20px;
433 }
434
435 .t3-form-field-add-flexsection {
436 padding: 10px 5px 5px 20px;
437 }
438
439 .t3-form-field-container-flexsections {
440 margin: 5px 0;
441 }
442
443 .t3-form-field-record-flexsection {
444 padding: 5px 0;
445 }
446
447 .t3-form-field-record-flexsection > div {
448 margin:0 10px;
449 }