[TASK] Add missing space between language flag and title language diff
[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 .t3-form-original-language .icon {
186         margin-right: 5px;
187 }
188
189 // Default. Always used on main-palettes in the bottom of the forms
190
191 .typo3-TCEforms .typo3-TCEforms-checkboxArray td {
192         padding-right: 5px;
193 }
194
195 div.typo3-TCEforms-suggest-choises a {
196         cursor: pointer;
197 }
198 //
199 // TCEforms Flexforms
200 //
201 div.t3-form-field-container:first-child .t3-form-field-label-flex {
202         border-top: 0;
203 }
204
205 //
206 // TCEforms Inline-Relational-Record-Editing
207 //
208 .t3-form-field-container-inline-hidden,
209 .t3-form-field-container-inline-placeHolder {
210         opacity:0.3;
211 }
212
213 .t3-form-field-header-inline table {
214     vertical-align:top;
215 }
216
217
218 //
219 // TCEforms Sections
220 //
221 .t3-tceforms-fieldReadOnly span.t3-icon {
222     position: absolute;
223     right: 3px;
224     top: 4px;
225 }
226
227 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
228         display: inline-block;
229 }
230
231 .t3-form-field-disable {
232         display: none;
233 }
234 .t3js-formengine-field-item.disabled {
235         position: relative;
236         .t3-form-field-disable {
237                 z-index: 8000;
238                 background: #fafafa;
239                 display: block;
240                 position: absolute;
241                 width: 100%;
242                 height: 100%;
243
244                 opacity: 0.5;
245                 filter: alpha(opacity=50);
246         }
247 }
248 // z-index must be higher as .t3-form-field-disable z-index
249 // this is required for the eval=null field checkbox
250 .t3-form-field-eval-null-checkbox {
251         z-index: 9000;
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 }