[BUGFIX] Set max size of icons below select fields
[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 Flexforms
18 //
19 .t3-form-field-container-inline-placeHolder .t3-form-field-header-inline > span {
20         display:none;
21 }
22 .sortableHandle {
23         cursor: move;
24 }
25
26 //
27 // TCEforms Sections
28 //
29
30 .t3-flex-section-header .t3-record-title {
31         font-weight: bold;
32 }
33
34 .t3-flex-section {
35         clear: both;
36         margin: 5px 0;
37 }
38
39 .t3-flex-section-header,
40 .t3-form-field-container-flexsection {
41         padding-left: 20px;
42 }
43
44 .t3-form-field-header-flexsection {
45         width: 100%;
46         height: 16px;
47 }
48
49 .t3-form-field-label-flexsection {
50         border-top: 1px solid #cdcdcd;
51         padding: 5px 10px;
52 }
53
54 .t3-form-field-toggle-flexsection {
55         padding: 5px 0 5px 20px;
56 }
57
58 .t3-form-field-add-flexsection {
59         border-top: 1px solid #cdcdcd;
60         padding: 10px 5px 5px 20px;
61 }
62
63 .t3-form-flex,
64 .t3-form-field-container-flexsections {
65         background: #dadada;
66         margin: 5px 0;
67         clear: both;
68 }
69
70 .t3-flex-section-content,
71 .t3-form-field-record-flexsection {
72         background: #eee;
73         padding: 5px 0;
74 }
75
76 .t3-flex-section-content > div,
77 .t3-form-field-record-flexsection > div {
78         margin: 0 10px;
79 }
80
81 .t3-flex-section-header-preview {
82         font-style: italic;
83         width: 100px;
84         display: inline-block;
85         padding-left: 10px;
86         overflow: hidden;
87         white-space: nowrap;
88         text-overflow: ellipsis;
89 }
90
91 // preview image in sys_file records
92
93 img.t3-tceforms-sysfile-imagepreview {
94         float: left;
95         margin-right: 10px;
96         margin-bottom: 10px;
97 }
98
99 * html div#typo3-docbody .typo3-TCEforms {
100         margin-top: 20px;
101 }
102
103 .typo3-TCEforms img[src*="clear.gif"] {
104         z-index: 0;
105 }
106
107 //
108 // TCEforms
109 //
110
111 table#typo3-altdoc-header input,
112 .c-inputButton {
113         background: none;
114         border: 0;
115 }
116
117 .t3-tceforms-input-wrapper-datetime .t3-icon-edit-pick-date {
118         top: -4px;
119 }
120
121 .typo3-TCEforms table#typo3-altdoc-header input:hover,
122 .c-inputButton:hover {
123         background: none;
124         border: 0;
125 }
126
127 .typo3-TCEforms span.typo3-TCEforms-newToken {
128         color: #990000;
129         font-weight: bold;
130 }
131
132 .typo3-TCEforms span.typo3-TCEforms-helpText {
133         background: transparent;
134         color: #fff;
135 }
136
137 table.typo3-TCEforms-select-checkbox {
138         background-color: #ffffff;
139         border: 1px solid #aaa;
140 }
141
142 .typo3-TCEforms table.typo3-TCEforms-select-checkbox {
143
144         tr.c-header td {
145                 background-color: #fff;
146                 font-weight: bold;
147         }
148
149         tr:nth-child(2n) {
150                 background-color: #f7f7f7;
151         }
152
153         tr.c-selectedItem {
154                 background-color: #d8ecd0;
155         }
156
157         tr.c-invalidItem {
158                 color: #dddddd;
159         }
160
161         tr:hover {
162                 background-color: #dedede;
163         }
164
165         tr.c-selectedItem:hover {
166                 background-color: #abd99a;
167         }
168
169         tr.c-invalidItem:hover {
170                 background-color: transparent;
171         }
172
173         tr td.c-labelCell {
174                 white-space: nowrap;
175         }
176 }
177
178
179 // show text of default language under the translated input field
180
181 .t3-form-original-language {
182         background-color: #dadada;
183         border: 1px solid #c0c0c0;
184         padding: 2px;
185         font-size: 0.9em;
186         margin-top: 4px;
187 }
188
189 .t3-form-original-language-diff {
190         border: 1px solid #c0c0c0;
191         font-size: 0.9em;
192         margin-top: 4px;
193 }
194
195 .t3-form-original-language-diffheader {
196         .bg-danger();
197         font-weight: bold;
198         padding: 2px;
199 }
200
201 .t3-form-original-language-diffcontent {
202         padding: 2px;
203 }
204
205 // Default. Always used on main-palettes in the bottom of the forms
206
207 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
208         padding-right: 5px;
209 }
210
211 div.typo3-TCEforms-suggest-choises a {
212         cursor: pointer;
213 }
214 //
215 // TCEforms Flexforms
216 //
217 div.t3-form-field-container:first-child .t3-form-field-label-flex {
218         border-top: 0;
219 }
220
221 //
222 // TCEforms Inline-Relational-Record-Editing
223 //
224 .t3-form-field-container-inline-hidden,
225 .t3-form-field-container-inline-placeHolder {
226         opacity:0.3;
227 }
228
229 .t3-form-field-header-inline table {
230     vertical-align:top;
231 }
232
233
234 //
235 // TCEforms Sections
236 //
237 .t3-tceforms-fieldReadOnly span.t3-icon {
238     position: absolute;
239     right: 3px;
240     top: 4px;
241 }
242
243 .t3-form-field-item {
244         position: relative;
245         border: 1px solid transparent;
246         padding: 0;
247 }
248
249 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
250         display: inline-block;
251 }
252
253 .t3-form-field-item.disabled {
254         border: 1px dotted #696362;
255 }
256
257 .t3-form-field-disable,
258 .t3-form-field-item.disabled .t3-form-field-item.disabled .t3-form-field-disable {
259         display: none;
260 }
261 .t3-form-field-item.disabled .t3-form-field-disable {
262         z-index: 8000;
263         background: #f4f4f4;
264         display: block;
265         position: absolute;
266         width: 100%;
267         height: 100%;
268
269         opacity: 0.5;
270         filter: alpha(opacity=50);
271 }
272
273 .t3-form-palette-field-label {
274         text-indent: 2px;
275 }
276
277 //
278 // TCEforms Tree
279 //
280
281 .t3-form-field-item .x-tree input.x-tree-node-cb {
282         height: auto;
283         margin: 0 0 0 1px;
284         vertical-align: middle;
285 }
286
287 // state: the form field was modified
288 .t3-form-field-label.t3-form-field-state-changed {
289         color: #004fb0;
290 }
291
292 .table-icons {
293         td img {
294                 max-width: 128px;
295                 max-height: 128px;
296         }
297 }