[TASK] Move t3skin LESS files to Build folder
[Packages/TYPO3.CMS.git] / Build / Resources / Public / Less / TYPO3 / _element_tceforms.less
1 //
2 // TCEforms
3 //
4
5 // Special handling of Tabs within FormEngine
6 img.t3-TCEforms-reqImg {
7         display: block;
8         position: absolute;
9         left: 14px;
10         top: 28%;
11         z-index: 3000;
12         height: 16px;
13         margin-right: 2px;
14         width: 16px;
15 }
16
17 img.t3-TCEforms-reqTabImg {
18         height: 16px;
19         margin-left: 4px;
20         margin-bottom: -3px;
21         width: 16px;
22 }
23
24 .typo3-TCEforms {
25         width: 100%;
26 }
27
28 .t3-form-field-container {
29         display: block;
30 }
31 .typo3-TCEforms .typo3-csh-link {
32         margin-left: 5px;
33 }
34 .t3-tceforms-fieldReadOnly {
35         background-color: #fefefe;
36         border: 1px solid #7c7c7c;
37         border-radius: 2px;
38         pointer-events: none;
39         cursor: default;
40         opacity: 0.5;
41         filter: ~"alpha(opacity=@50)";
42         box-shadow: none;
43         /** Lock icon in right corner */
44         padding: 3px 30px 3px 6px;
45         margin: 0 0.5em 0.5em 0;
46         position: relative;
47 }
48
49 //
50 // TCEforms suggest
51 //
52
53 div.typo3-TCEforms-suggest label {
54         margin-right: 5px;
55 }
56
57 div.typo3-TCEforms-suggest-indicator {
58         left: 230px;
59         position: relative;
60         top: -18px;
61 }
62
63 div.typo3-TCEforms-suggest-choices {
64         background-color: white;
65         border: 1px solid #888;
66         position: absolute;
67         width: 250px;
68         z-index: 4000;
69
70         ul {
71                 list-style-type: none;
72                 margin: 0;
73                 padding: 0;
74         }
75
76         li {
77                 cursor: pointer;
78                 background-color: #efeff4;
79                 background-repeat: no-repeat;
80                 background-position: 4px center;
81                 list-style-type: none;
82                 display: block;
83                 margin: 0;
84                 padding: 4px 2px 4px 24px;
85
86                 &.selected {
87                         background-color: #ffb !important;
88                 }
89
90                 &.pages {
91                         background-color: #fcc;
92                 }
93
94                 &.suggest-noresults {
95                         height: auto;
96                 }
97         }
98
99         span {
100                 &.suggest-uid {
101                         margin-left: 0.3em;
102                         font-size: 0.9em;
103                 }
104
105                 &.suggest-path {
106                         font-size: 0.9em;
107                         margin-top: 0.3em;
108                         abbr {
109                                 border-bottom: none;
110                         }
111                 }
112         }
113 }
114
115
116 //
117 // TCEforms Flexforms
118 //
119 .t3-form-field-container-inline-placeHolder .t3-form-field-header-inline > span {
120         display:none;
121 }
122 .sortableHandle {
123         cursor: move;
124 }
125
126 //
127 // TCEforms Sections
128 //
129
130 .t3-flex-section-header .t3-record-title {
131         font-weight: bold;
132 }
133
134 .t3-flex-section {
135         clear: both;
136         margin: 5px 0;
137 }
138
139 .t3-flex-section-header,
140 .t3-form-field-container-flexsection {
141         padding-left: 20px;
142 }
143
144 .t3-form-field-header-flexsection {
145         width: 100%;
146         height: 16px;
147 }
148
149 .t3-form-field-label-flexsection {
150         border-top: 1px solid #cdcdcd;
151         padding: 5px 10px;
152 }
153
154 .t3-form-field-toggle-flexsection {
155         padding: 5px 0 5px 20px;
156 }
157
158 .t3-form-field-add-flexsection {
159         border-top: 1px solid #cdcdcd;
160         padding: 10px 5px 5px 20px;
161 }
162
163 .t3-form-flex,
164 .t3-form-field-container-flexsections {
165         background: #dadada;
166         margin: 5px 0;
167         clear: both;
168 }
169
170 .t3-flex-section-content,
171 .t3-form-field-record-flexsection {
172         background: #eee;
173         padding: 5px 0;
174 }
175
176 .t3-flex-section-content > div,
177 .t3-form-field-record-flexsection > div {
178         margin: 0 10px;
179 }
180
181 .t3-flex-section-header-preview {
182         font-style: italic;
183         width: 100px;
184         display: inline-block;
185         padding-left: 10px;
186         overflow: hidden;
187         white-space: nowrap;
188         text-overflow: ellipsis;
189 }
190
191 // preview image in sys_file records
192
193 img.t3-tceforms-sysfile-imagepreview {
194         float: left;
195         margin-right: 10px;
196         margin-bottom: 10px;
197 }
198
199 * html div#typo3-docbody .typo3-TCEforms {
200         margin-top: 20px;
201 }
202
203 .typo3-TCEforms img[src*="clear.gif"] {
204         z-index: 0;
205 }
206
207 //
208 // TCEforms
209 //
210
211 table#typo3-altdoc-header input,
212 .c-inputButton {
213         background: none;
214         border: 0;
215 }
216
217 .t3-tceforms-input-wrapper-datetime .t3-icon-edit-pick-date {
218         top: -4px;
219 }
220
221 .typo3-TCEforms table#typo3-altdoc-header input:hover,
222 .c-inputButton:hover {
223         background: none;
224         border: 0;
225 }
226
227 .typo3-TCEforms span.typo3-TCEforms-newToken {
228         color: #990000;
229         font-weight: bold;
230 }
231
232 .typo3-TCEforms span.typo3-TCEforms-helpText {
233         background: transparent;
234         color: #fff;
235 }
236
237 table.typo3-TCEforms-select-checkbox {
238         background-color: #ffffff;
239         border: 1px solid #aaa;
240 }
241
242 .typo3-TCEforms table.typo3-TCEforms-select-checkbox {
243
244         tr.c-header td {
245                 background-color: #fff;
246                 font-weight: bold;
247         }
248
249         tr:nth-child(2n) {
250                 background-color: #f7f7f7;
251         }
252
253         tr.c-selectedItem {
254                 background-color: #d8ecd0;
255         }
256
257         tr.c-invalidItem {
258                 color: #dddddd;
259         }
260
261         tr:hover {
262                 background-color: #dedede;
263         }
264
265         tr.c-selectedItem:hover {
266                 background-color: #abd99a;
267         }
268
269         tr.c-invalidItem:hover {
270                 background-color: transparent;
271         }
272
273         tr td.c-labelCell {
274                 white-space: nowrap;
275         }
276 }
277
278
279 // show text of default language under the translated input field
280
281 .t3-form-original-language {
282         background-color: #dadada;
283         border: 1px solid #c0c0c0;
284         padding: 2px;
285         font-size: 0.9em;
286         margin-top: 4px;
287 }
288
289 .t3-form-original-language-diff {
290         border: 1px solid #c0c0c0;
291         font-size: 0.9em;
292         margin-top: 4px;
293 }
294
295 .t3-form-original-language-diffheader {
296         .bg-danger();
297         font-weight: bold;
298         padding: 2px;
299 }
300
301 .t3-form-original-language-diffcontent {
302         padding: 2px;
303 }
304
305 // Default. Always used on main-palettes in the bottom of the forms
306
307 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
308         padding-right: 5px;
309 }
310
311 div.typo3-TCEforms-suggest-choises a {
312         cursor: pointer;
313 }
314 //
315 // TCEforms Flexforms
316 //
317 div.t3-form-field-container:first-child .t3-form-field-label-flex {
318         border-top: 0;
319 }
320
321 //
322 // TCEforms Inline-Relational-Record-Editing
323 //
324 .t3-form-field-container-inline-hidden,
325 .t3-form-field-container-inline-placeHolder {
326         opacity:0.3;
327 }
328
329 .t3-form-field-header-inline table {
330     vertical-align:top;
331 }
332
333
334 //
335 // TCEforms Sections
336 //
337 .t3-tceforms-fieldReadOnly span.t3-icon {
338     position: absolute;
339     right: 3px;
340     top: 4px;
341 }
342
343 .t3-form-field-item {
344         position: relative;
345         border: 1px solid transparent;
346         padding: 0;
347 }
348
349 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
350         display: inline-block;
351 }
352
353 .t3-form-field-item.disabled {
354         border: 1px dotted #696362;
355 }
356
357 .t3-form-field-disable,
358 .t3-form-field-item.disabled .t3-form-field-item.disabled .t3-form-field-disable {
359         display: none;
360 }
361 .t3-form-field-item.disabled .t3-form-field-disable {
362         z-index: 8000;
363         background: #f4f4f4;
364         display: block;
365         position: absolute;
366         width: 100%;
367         height: 100%;
368
369         opacity: 0.5;
370         filter: alpha(opacity=50);
371 }
372
373 .t3-form-palette-field-label {
374         text-indent: 2px;
375 }
376
377 //
378 // TCEforms Tree
379 //
380
381 .t3-form-field-item .x-tree input.x-tree-node-cb {
382         height: auto;
383         margin: 0 0 0 1px;
384         vertical-align: middle;
385 }
386
387 // state: the form field was modified
388 .t3-form-field-label.t3-form-field-state-changed {
389         color: #004fb0;
390 }