70db229ce69f50e51f34d70f9accf7e83e120b19
[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 position: relative;
194 padding-left: 10px;
195 padding-right: 10px;
196 }
197
198 table.typo3-TCEforms .formField,
199 table.typo3-TCEforms .formField1,
200 table.typo3-TCEforms .formField2,
201 table.typo3-TCEforms .formField3,
202 table.typo3-TCEforms .formField4,
203 table.typo3-TCEforms .formField5 {
204 margin: 4px 2px 4px 1px;
205 padding: 1px;
206 vertical-align: middle;
207 position: relative;
208 }
209
210 table.typo3-TCEforms .formField:focus,
211 table.typo3-TCEforms .formField1:focus,
212 table.typo3-TCEforms .formField2:focus,
213 table.typo3-TCEforms .formField3:focus,
214 table.typo3-TCEforms .formField4:focus,
215 table.typo3-TCEforms .formField5:focus {
216 z-index: 3500;
217 }
218
219 table.typo3-TCEforms .wrapperTable,
220 table.typo3-TCEforms .wrapperTable1,
221 table.typo3-TCEforms .wrapperTable2,
222 table.typo3-TCEforms .wrapperTable3,
223 table.typo3-TCEforms .wrapperTable4,
224 table.typo3-TCEforms .wrapperTable5 {
225 padding: 5px 0 5px 0;
226 }
227
228 table.typo3-TCEforms td.icons {
229 padding: 6px 2px;
230 }
231
232 table.typo3-TCEforms td.thumbnails {
233 padding-top: 6px;
234 }
235
236 table.typo3-TCEforms div.imagethumbs {
237 padding-top: 6px;
238 white-space: normal;
239 width: 253px;
240 }
241
242 table.typo3-TCEforms div.imagethumbs br {
243 display: none;
244 }
245
246 table.typo3-TCEforms div.imagethumbs .nobr {
247 display: inline-block;
248 width: 60px;
249 height: 60px;
250 overflow: hidden;
251 margin-right: 3px;
252 margin-bottom: 1px;
253 text-align: center;
254 }
255
256 table.typo3-TCEforms div.imagethumbs .nobr a {
257 display: block;
258 width: 60px;
259 height: 60px;
260 line-height: 58px;
261 text-align: center;
262 }
263
264 table.typo3-TCEforms div.imagethumbs .nobr a img {
265 display: inline;
266 margin-right: auto;
267 vertical-align: middle;
268 margin-left: auto;
269 }
270
271 table.typo3-TCEforms div.imagethumbs .nobr span {
272 display: none;
273 }
274
275 table.typo3-TCEforms span.filetypes {
276 display: block;
277 margin-top: 6px;
278 white-space: normal;
279 width: 250px;
280 }
281
282 .typo3-TCEforms-palette .typo3-csh-link img {
283 padding-top: 3px;
284 vertical-align: top;
285 }
286
287 .typo3-TCEforms-palette select.select,
288 .t3-form-palette-field-container select.select {
289 margin: 4px 2px 4px 1px;
290 }
291
292 .t3-form-palette-field-container {
293 display: inline-block;
294 margin-left: 10px;
295 vertical-align: top;
296 }
297
298 .t3-form-palette-field-container .t3-form-palette-field-label,
299 .t3-form-palette-field-container .t3-form-palette-field {
300 display: block;
301 position: relative;
302 }
303
304 .typo3-TCEforms .typo3-csh-link {
305 margin-left: 5px;
306 }
307
308 /* - - - - - - - - - - - - - - - - - - - - -
309 TCEforms suggest
310 - - - - - - - - - - - - - - - - - - - - - */
311 div.typo3-TCEforms-suggest-position-right {
312 margin-left: 10px;
313 margin-top: 5px;
314 }
315
316 div.typo3-TCEforms-suggest label {
317 margin-right: 5px;
318 }
319
320 div.typo3-TCEforms-suggest-indicator {
321 left: 230px;
322 position: relative;
323 top: -18px;
324 }
325
326 div.typo3-TCEforms-suggest-choices {
327 position: absolute;
328 width: 250px;
329 z-index: 1;
330 }
331
332 div.typo3-TCEforms-suggest-choices ul {
333 margin: 0;
334 padding: 0;
335 }
336
337 div.typo3-TCEforms-suggest-choices li {
338 display: block;
339 margin: 0;
340 padding: 4px 2px 4px 24px;
341 }
342
343 div.typo3-TCEforms-suggest-choices li.suggest-noresults {
344 height: auto;
345 }
346
347 div.typo3-TCEforms-suggest-choices span.suggest-uid {
348 margin-left: 0.3em;
349 }
350
351 div.typo3-TCEforms-suggest-choices span.suggest-path {
352 margin-top: 0.3em;
353 }
354
355 input.typo3-TCEforms-suggest-search {
356 width: 200px;
357 padding-left: 20px;
358 vertical-align: middle;
359 }
360
361
362 /* - - - - - - - - - - - - - - - - - - - - -
363 TCEforms Flexforms
364 - - - - - - - - - - - - - - - - - - - - - */
365 /** tabs inside the table => flexforms */
366 table.typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
367 table.typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
368 table.typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
369 table.typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
370 table.typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
371 table.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
372 margin-right: 20px;
373 margin-bottom: 10px;
374 }
375
376 .t3-form-field-label-flex {
377 padding: 5px;
378 }
379
380 .t3-form-field-flex {
381 padding: 0 5px 5px;
382 }
383
384
385 /* - - - - - - - - - - - - - - - - - - - - -
386 TCEforms Inline-Relational-Record-Editing
387 - - - - - - - - - - - - - - - - - - - - - */
388
389 .typo3-TCEforms div.inlineDivMSIE {
390 display: inline-block;
391 }
392
393 .t3-form-field-container-inline {
394 margin-right: 20px;
395 margin-bottom: 3px;
396 }
397
398 .t3-form-field-header-inline {
399 padding: 0 5px;
400 }
401
402 .t3-form-field-record-inline {
403 padding: 0 5px;
404 }
405
406 .sortableHandle {
407 cursor: move;
408 }
409
410 /* - - - - - - - - - - - - - - - - - - - - -
411 TCEforms Sections
412 - - - - - - - - - - - - - - - - - - - - - */
413 .t3-form-field-container-flexsection {
414 padding-left: 20px;
415 }
416
417 .t3-form-field-header-flexsection {
418 width: 100%;
419 height: 16px;
420 }
421
422 .t3-form-field-label-flexsection {
423 padding: 5px 10px;
424 }
425
426 .t3-form-field-toggle-flexsection {
427 padding: 5px 0 5px 20px;
428 }
429
430 .t3-form-field-add-flexsection {
431 padding: 10px 5px 5px 20px;
432 }
433
434 .t3-form-field-container-flexsections {
435 margin: 5px 0;
436 }
437
438 .t3-form-field-record-flexsection {
439 padding: 5px 0;
440 }
441
442 .t3-form-field-record-flexsection > div {
443 margin:0 10px;
444 }