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