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