6fbd7cda75fc092a1a14439eab68d9efff9b1903
[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-form-field-item {
224         position: relative;
225         border: 1px solid transparent;
226         padding: 0;
227 }
228
229 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
230         display: inline-block;
231 }
232
233 .t3-form-field-item.disabled {
234         border: 1px dotted #696362;
235 }
236
237 .t3-form-field-disable,
238 .t3-form-field-item.disabled .t3-form-field-item.disabled .t3-form-field-disable {
239         display: none;
240 }
241 .t3-form-field-item.disabled .t3-form-field-disable {
242         z-index: 8000;
243         background: #f4f4f4;
244         display: block;
245         position: absolute;
246         width: 100%;
247         height: 100%;
248
249         opacity: 0.5;
250         filter: alpha(opacity=50);
251 }
252
253 .t3-form-palette-field-label {
254         text-indent: 2px;
255 }
256
257 //
258 // TCEforms Tree
259 //
260
261 .t3-form-field-item .x-tree input.x-tree-node-cb {
262         height: auto;
263         margin: 0 0 0 1px;
264         vertical-align: middle;
265 }
266
267 // state: the form field was modified
268 .t3-form-field-label.t3-form-field-state-changed {
269         color: #004fb0;
270 }
271
272 .table-icons {
273         td img {
274                 max-width: 128px;
275                 max-height: 128px;
276         }
277 }