[BUGFIX] Improve preview of InputLinkelement
[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 .form-field-inputlink-explanation {
159         background: #eee;
160 }
161
162
163 // show text of default language under the translated input field
164
165 .t3-form-original-language {
166         background-color: #dadada;
167         border: 1px solid #c0c0c0;
168         padding: 2px;
169         font-size: 0.9em;
170         margin-top: 4px;
171 }
172
173 .t3-form-original-language-diff {
174         border: 1px solid #c0c0c0;
175         font-size: 0.9em;
176         margin-top: 4px;
177 }
178
179 .t3-form-original-language-diffheader {
180         .bg-danger();
181         font-weight: bold;
182         padding: 2px;
183 }
184
185 .t3-form-original-language-diffcontent {
186         padding: 2px;
187 }
188
189 .t3-form-original-language .icon {
190         margin-right: 5px;
191 }
192
193 // Default. Always used on main-palettes in the bottom of the forms
194
195 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
196         padding-right: 5px;
197 }
198
199 div.typo3-TCEforms-suggest-choises a {
200         cursor: pointer;
201 }
202 //
203 // TCEforms Flexforms
204 //
205 div.t3-form-field-container:first-child .t3-form-field-label-flex {
206         border-top: 0;
207 }
208
209 //
210 // TCEforms Inline-Relational-Record-Editing
211 //
212 .t3-form-field-container-inline-hidden,
213 .t3-form-field-container-inline-placeHolder {
214         opacity:0.3;
215 }
216
217 .t3-form-field-header-inline table {
218     vertical-align:top;
219 }
220
221
222 //
223 // TCEforms Sections
224 //
225 .t3-tceforms-fieldReadOnly span.t3-icon {
226     position: absolute;
227     right: 3px;
228     top: 4px;
229 }
230
231 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
232         display: inline-block;
233 }
234
235 .t3-form-field-disable {
236         display: none;
237 }
238 .formengine-field-item.disabled {
239         position: relative;
240         .t3-form-field-disable {
241                 z-index: 8000;
242                 background: #fafafa;
243                 display: block;
244                 position: absolute;
245                 width: 100%;
246                 height: 100%;
247
248                 opacity: 0.5;
249                 filter: alpha(opacity=50);
250         }
251 }
252 // z-index must be higher as .t3-form-field-disable z-index
253 // this is required for the eval=null field checkbox
254 .t3-form-field-eval-null-checkbox {
255         z-index: 9000;
256 }
257 .t3-form-palette-field-label {
258         text-indent: 2px;
259 }
260
261 //
262 // TCEforms Tree
263 //
264
265 .t3-form-field-item .x-tree input.x-tree-node-cb {
266         height: auto;
267         margin: 0 0 0 1px;
268         vertical-align: middle;
269 }
270
271 // state: the form field was modified
272 .t3-form-field-label.t3-form-field-state-changed {
273         color: #004fb0;
274 }
275
276 .table-icons {
277         td img {
278                 max-width: 128px;
279                 max-height: 128px;
280         }
281 }