[TASK] Remove not used CSS for suggest wizard
[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 }