6a65395a464c6067c837a2f5f2a83de611bdb305
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / stylesheets / structure / element_tceforms.css
1 /* - - - - - - - - - - - - - - - - - - - - -
2 TCEforms
3
4 $Id$
5 - - - - - - - - - - - - - - - - - - - - - */
6 img.t3-TCEforms-reqImg {
7 display: inline-block;
8 height: 16px;
9 margin-left: 3px;
10 margin-right: 3px;
11 margin-top: 4px;
12 width: 16px;
13 }
14
15 img.t3-TCEforms-reqTabImg {
16 height: 16px;
17 margin-left: 4px;
18 margin-bottom: -3px;
19 width: 16px;
20 }
21
22 img.t3-TCEforms-contentchangedImg {
23 display: inline-block;
24 margin-bottom: 2px;
25 width: 7px;
26 }
27
28 .t3-form-palette-icon-required {
29 display: inline-block;
30 height: 16px;
31 margin-right: 2px;
32 width: 16px;
33 }
34 /* renamed to .t3-form-palette-icon-required, lines below kept for backwards-compatibility */
35 img.t3-TCEforms-reqPaletteImg {
36 display: inline-block;
37 height: 16px;
38 margin-right: 2px;
39 width: 16px;
40 }
41
42 .t3-form-palette-icon-contentchanged {
43 width: 7px;
44 }
45 /* renamed to .t3-form-palette-icon-contentchanged, lines below kept for backwards-compatibility */
46 img.t3-TCEforms-contentchangedPaletteImg {
47 width: 7px;
48 }
49
50 table.typo3-TCEforms {
51 width: 93%;
52 }
53
54 table.typo3-TCEforms .bgColor2,
55 table.typo3-TCEforms tr.bgColor2 td {
56 padding-bottom: 5px;
57 }
58
59 table.typo3-TCEforms optgroup.c-divider,
60 select option.c-divider {
61 margin-top: 10px;
62 padding: 0px;
63 }
64
65 table.typo3-TCEforms optgroup option {
66 margin: 0px;
67 padding: 2px;
68 }
69
70
71 table.typo3-TCEforms select.icon-select option {
72 padding-left: 22px;
73 }
74
75 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox {
76 margin-bottom: 10px;
77 width: 98%;
78 }
79
80 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td {
81 padding: 1px 3px 1px 3px;
82 }
83
84 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
85 padding-right: 30px;
86 }
87
88 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell P.c-descr {
89 margin-left: 30px;
90 }
91
92 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
93 padding-left: 4px;
94 padding-top: 10px;
95 }
96
97 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header-checkbox-controls td {
98 padding-right: 16px;
99 }
100
101 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header-checkbox-controls td a {
102 padding-left: 16px;
103 }
104
105 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox td.c-descr img {
106 float: right;
107 }
108
109 table.typo3-TCEforms table.typo3-TCEforms-select-singlebox {
110 margin-bottom: 10px;
111 margin-top: 4px;
112 }
113
114 table.typo3-TCEforms div.typo3-dyntabmenu-tabs {
115 padding-top: 10px;
116 }
117
118 .checkbox,
119 .checkbox:hover {
120 margin: 4px 0 4px 2px;
121 }
122
123 table.typo3-TCEforms .class-main1 td,
124 table.typo3-TCEforms .class-main11 td,
125 table.typo3-TCEforms .class-main21 td,
126 table.typo3-TCEforms .class-main31 td,
127 table.typo3-TCEforms .class-main41 td,
128 table.typo3-TCEforms .class-main51 td {
129 padding: 2px 0px 2px 0px;
130 }
131
132 table.typo3-TCEforms .class-main2 td,
133 table.typo3-TCEforms .class-main12 td,
134 table.typo3-TCEforms .class-main22 td,
135 table.typo3-TCEforms .class-main32 td,
136 table.typo3-TCEforms .class-main42 td,
137 table.typo3-TCEforms .class-main52 td {
138 padding: 6px 0px 2px 0px;
139 }
140
141 table.typo3-TCEforms .class-main3,
142 table.typo3-TCEforms .class-main13,
143 table.typo3-TCEforms .class-main23,
144 table.typo3-TCEforms .class-main33,
145 table.typo3-TCEforms .class-main43,
146 table.typo3-TCEforms .class-main53 {
147 padding: 2px 0px 2px 0px;
148 }
149
150 table.typo3-TCEforms .formField,
151 table.typo3-TCEforms .formField1,
152 table.typo3-TCEforms .formField2,
153 table.typo3-TCEforms .formField3,
154 table.typo3-TCEforms .formField4,
155 table.typo3-TCEforms .formField5 {
156 margin: 4px 2px;
157 padding: 1px;
158 vertical-align: middle;
159 }
160
161 table.typo3-TCEforms .wrapperTable,
162 table.typo3-TCEforms .wrapperTable1,
163 table.typo3-TCEforms .wrapperTable2,
164 table.typo3-TCEforms .wrapperTable3,
165 table.typo3-TCEforms .wrapperTable4,
166 table.typo3-TCEforms .wrapperTable5 {
167 padding: 5px 0 5px 0;
168 }
169
170 table.typo3-TCEforms td.icons {
171 padding: 6px 2px;
172 }
173
174 table.typo3-TCEforms td.thumbnails {
175 padding-top: 6px;
176 }
177
178 .typo3-TCEforms-palette .typo3-csh-link img {
179 padding-top: 3px;
180 vertical-align: top;
181 }
182
183 .typo3-TCEforms-palette selct.select {
184 margin-top: 2px;
185 }
186
187 .t3-form-palette-field-container {
188 display:inline-block;
189 margin-left:20px;
190 vertical-align:top;
191 }
192
193 .t3-form-palette-field-container .t3-form-palette-field-label, .t3-form-palette-field-container .t3-form-palette-field {
194 display:block;
195 }
196
197 .typo3-TCEforms .typo3-csh-link {
198 margin-left: 5px;
199 }
200
201 /* - - - - - - - - - - - - - - - - - - - - -
202 TCEforms suggest
203 - - - - - - - - - - - - - - - - - - - - - */
204 div.typo3-TCEforms-suggest-position-right {
205 margin-left: 10px;
206 margin-top: 5px;
207 }
208
209 div.typo3-TCEforms-suggest label {
210 margin-right: 5px;
211 }
212
213 div.typo3-TCEforms-suggest-indicator {
214 left: 230px;
215 position: relative;
216 top: -18px;
217 }
218
219 div.typo3-TCEforms-suggest-choices {
220 position: absolute;
221 width: 250px;
222 }
223
224 div.typo3-TCEforms-suggest-choices ul {
225 margin: 0;
226 padding: 0;
227 }
228
229 div.typo3-TCEforms-suggest-choices li {
230 display: block;
231 margin: 0;
232 padding: 4px 2px 4px 24px;
233 }
234
235 div.typo3-TCEforms-suggest-choices li.suggest-noresults {
236 height: auto;
237 }
238
239 div.typo3-TCEforms-suggest-choices span.suggest-uid {
240 margin-left: 0.3em;
241 }
242
243 div.typo3-TCEforms-suggest-choices span.suggest-path {
244 margin-top: 0.3em;
245 }
246
247 input.typo3-TCEforms-suggest-search {
248 width: 200px;
249 padding-left: 20px;
250 vertical-align: middle;
251 }
252
253
254 /* - - - - - - - - - - - - - - - - - - - - -
255 TCEforms Flexforms
256 - - - - - - - - - - - - - - - - - - - - - */
257 /** tabs inside the table => flexforms */
258 table.typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
259 table.typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
260 table.typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
261 table.typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
262 table.typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
263 table.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
264 margin-right: 20px;
265 margin-bottom: 10px;
266 }
267
268 .t3-form-field-label-flex {
269 padding: 5px;
270 }
271
272 .t3-form-field-flex {
273 padding: 0 5px 5px;
274 }
275
276
277 /* - - - - - - - - - - - - - - - - - - - - -
278 TCEforms Inline-Relational-Record-Editing
279 - - - - - - - - - - - - - - - - - - - - - */
280
281 .typo3-TCEforms div.inlineDivMSIE {
282 display: inline-block;
283 }
284
285 .t3-form-field-container-inline {
286 margin-right: 20px;
287 margin-bottom: 3px;
288 }
289
290 .t3-form-field-header-inline {
291 padding: 0 5px;
292 }
293
294 .t3-form-field-record-inline {
295 padding: 0 5px;
296 }