dc54214aa38af4e48468f39b49a212ac4d8f93b7
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / stylesheets / visual / element_tceforms.css
1 /* - - - - - - - - - - - - - - - - - - - - -
2 TCEforms
3
4 - - - - - - - - - - - - - - - - - - - - - */
5
6 table.typo3-TCEforms {
7 border-collapse: collapse;
8 background-color: #ececec;
9 background-image: url('../../images/backgrounds/tab.png');
10 background-image: linear-gradient(center top, #ffffff 30px, #ececec 130px);
11 background-image: -moz-linear-gradient(center top, #ffffff 0px, #ececec 130px);
12 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(30px, #ffffff), color-stop(130px, #ececec));
13 background-repeat: repeat-x;
14 }
15
16
17 table.typo3-TCEforms tr.bgColor2 td {
18 color: #212424;
19 }
20
21 table.typo3-TCEforms tr.bgColor2 {
22 background-image: none;
23 }
24
25 table#typo3-altdoc-header input,
26 .c-inputButton {
27 background: none;
28 border: 0;
29 }
30
31 .checkbox,
32 .checkbox:hover {
33 background: #efeff4;
34 border: 0;
35 }
36
37 .t3-tceforms-input-wrapper,
38 .t3-tceforms-input-wrapper-hover,
39 .t3-tceforms-input-wrapper-datetime,
40 .t3-tceforms-input-wrapper-datetime-hover {
41 display: block;
42 float: left;
43 position: relative;
44 }
45
46
47
48 .t3-tceforms-input-wrapper .t3-tceforms-input-clearer,
49 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer {
50 position: absolute;
51 right: 4px;
52 top: 28%;
53 z-index: 1000;
54 cursor: pointer;
55 }
56
57 .t3-tceforms-input-wrapper-datetime .t3-tceforms-input-clearer,
58 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
59 position: absolute;
60 right: 24px;
61 top: 28%;
62 z-index: 1000;
63 cursor: pointer;
64 }
65
66 .t3-tceforms-input-wrapper .tceforms-textfield,
67 .t3-tceforms-input-wrapper-hover .tceforms-textfield,
68 .t3-tceforms-input-wrapper .tceforms-datetimefield,
69 .t3-tceforms-input-wrapper-hover .tceforms-datetimefield,
70 .t3-tceforms-input-wrapper-datetime .tceforms-textfield,
71 .t3-tceforms-input-wrapper-datetime-hover .tceforms-textfield,
72 .t3-tceforms-input-wrapper-datetime .tceforms-datetimefield,
73 .t3-tceforms-input-wrapper-datetime-hover .tceforms-datetimefield {
74 position: relative;
75 z-index: 2000;
76 min-height: 14px;
77 padding-right: 20px!important;
78 }
79
80 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer,
81 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
82 z-index: 3700;
83 }
84
85 table.typo3-TCEforms table#typo3-altdoc-header input:hover,
86 .c-inputButton:hover {
87 background: none;
88 border: 0;
89 }
90
91 table.typo3-TCEforms span.typo3-TCEforms-recHeader {
92 color: #555555;
93 font-weight: bold;
94 }
95
96 table.typo3-TCEforms div.typo3-dyntabmenu-tabs,
97 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
98 background: #f8f8f8;
99 }
100
101 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
102 text-align: right;
103 }
104
105 table.typo3-TCEforms span.typo3-TCEforms-newToken {
106 color: #990000;
107 font-weight: bold;
108 }
109
110 table.typo3-TCEforms span.typo3-TCEforms-helpText {
111 background: transparent;
112 color: #fff;
113 }
114
115 table.typo3-TCEforms-select-checkbox {
116 background-color: #ffffff;
117 border: 1px solid #aaa;
118 }
119
120 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
121 background-color: #fff;
122 font-weight: bold;
123 }
124
125 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:nth-child(2n) {
126 background-color: #f7f7f7;
127 }
128
129 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem {
130 background-color: #d8ecd0;
131 }
132
133 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem {
134 color: #dddddd;
135 }
136
137 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:hover {
138 background-color: #dedede;
139 }
140
141 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem:hover {
142 background-color: #abd99a;
143 }
144
145 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem:hover {
146 background-color: transparent;
147 }
148
149 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
150 white-space: nowrap;
151 }
152
153 table.typo3-TCEforms optgroup.c-divider,
154 select option.c-divider {
155 background-color: #eee;
156 border-top: 1px solid #666;
157 color: #666;
158 font-style: italic;
159 text-transform: uppercase;
160 }
161
162 table.typo3-TCEforms optgroup option {
163 background-color: white;
164 border-bottom: none;
165 color: black;
166 font-style: normal;
167 text-indent: 0px;
168 text-transform: none;
169 }
170
171 table.typo3-TCEforms div.typo3-TCEforms-originalLanguageValue {
172 background-color: #dadada;
173 border: 1px solid #c0c0c0;
174 }
175
176 table.typo3-TCEforms div.typo3-TCEforms-diffBox {
177 background-color: white;
178 border: 1px solid black;
179 }
180
181 table.typo3-TCEforms div.typo3-TCEforms-diffBox-header {
182 background-color: red;
183 font-weight: bold;
184 }
185
186 table.typo3-TCEforms div.typo3-dyntabmenu-divs {
187 border-bottom: 0;
188 }
189
190 /* Default. Always used on main-palettes in the bottom of the forms */
191 table.typo3-TCEforms .class-main1,
192 table.typo3-TCEforms .class-main11,
193 table.typo3-TCEforms .class-main21,
194 table.typo3-TCEforms .class-main31,
195 table.typo3-TCEforms .class-main41,
196 table.typo3-TCEforms .class-main51 {
197 }
198
199 table.typo3-TCEforms .class-main2 td,
200 table.typo3-TCEforms .class-main12 td,
201 table.typo3-TCEforms .class-main22 td,
202 table.typo3-TCEforms .class-main32 td,
203 table.typo3-TCEforms .class-main42 td,
204 table.typo3-TCEforms .class-main52 td {
205 border-top: 1px solid #c0c0c0;
206 }
207
208 table.typo3-TCEforms .class-main1 .typo3-TCEforms-checkboxArray td,
209 table.typo3-TCEforms .class-main11 .typo3-TCEforms-checkboxArray td,
210 table.typo3-TCEforms .class-main21 .typo3-TCEforms-checkboxArray td,
211 table.typo3-TCEforms .class-main31 .typo3-TCEforms-checkboxArray td,
212 table.typo3-TCEforms .class-main41 .typo3-TCEforms-checkboxArray td,
213 table.typo3-TCEforms .class-main51 .typo3-TCEforms-checkboxArray td {
214 padding-right: 5px;
215 }
216
217 table.typo3-TCEforms tr.class-main2:first-child td,
218 table.typo3-TCEforms tr.class-main12:first-child td,
219 table.typo3-TCEforms tr.class-main22:first-child td,
220 table.typo3-TCEforms tr.class-main32:first-child td,
221 table.typo3-TCEforms tr.class-main42:first-child td,
222 table.typo3-TCEforms tr.class-main52:first-child td {
223 border-top: 0;
224 }
225
226 table.typo3-TCEforms .class-main2,
227 table.typo3-TCEforms .class-main12,
228 table.typo3-TCEforms .class-main22,
229 table.typo3-TCEforms .class-main32,
230 table.typo3-TCEforms .class-main42,
231 table.typo3-TCEforms .class-main52 {
232 }
233
234
235
236
237 table.typo3-TCEforms table.wrapperAttention .class-main2,
238 table.typo3-TCEforms table.wrapperAttention .class-main12,
239 table.typo3-TCEforms table.wrapperAttention .class-main22,
240 table.typo3-TCEforms table.wrapperAttention .class-main32,
241 table.typo3-TCEforms table.wrapperAttention .class-main42,
242 table.typo3-TCEforms table.wrapperAttention .class-main52 {
243
244 }
245
246
247 table.typo3-TCEforms .class-main4,
248 table.typo3-TCEforms .class-main14,
249 table.typo3-TCEforms .class-main24,
250 table.typo3-TCEforms .class-main34,
251 table.typo3-TCEforms .class-main44,
252 table.typo3-TCEforms .class-main54 {
253 color: #000000;
254 }
255
256 table.typo3-TCEforms .class-main5,
257 table.typo3-TCEforms .class-main15,
258 table.typo3-TCEforms .class-main25,
259 table.typo3-TCEforms .class-main35,
260 table.typo3-TCEforms .class-main45,
261 table.typo3-TCEforms .class-main55 {
262 color: #3c3c44;
263 }
264
265 table.typo3-TCEforms .wrapperTable,
266 table.typo3-TCEforms .wrapperTable1,
267 table.typo3-TCEforms .wrapperTable2,
268 table.typo3-TCEforms .wrapperTable3,
269 table.typo3-TCEforms .wrapperTable4,
270 table.typo3-TCEforms .wrapperTable5 {
271 border: 1px solid #c0c0c0;
272 }
273
274 table.typo3-TCEforms .wrapperTable1 {
275 border-top: 1px solid #c0c0c0;
276 }
277
278 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable,
279 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable1,
280 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable2,
281 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable3,
282 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable4,
283 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable5 {
284 border: none;
285 border-bottom: 1px solid #c0c0c0;
286 }
287
288 table.typo3-TCEforms table.wrapperAttention .wrapperTable,
289 table.typo3-TCEforms table.wrapperAttention .wrapperTable1,
290 table.typo3-TCEforms table.wrapperAttention .wrapperTable2,
291 table.typo3-TCEforms table.wrapperAttention .wrapperTable3,
292 table.typo3-TCEforms table.wrapperAttention .wrapperTable4,
293 table.typo3-TCEforms table.wrapperAttention .wrapperTable5 {
294 }
295
296 .t3-form-palette-fieldset {
297 border:none;
298 }
299
300 table.typo3-TCEforms div.imagethumbs .nobr {
301 background-color: #CCC;
302 }
303
304 table.typo3-TCEforms span.filetypes {
305 font-size: 0.8em;
306 }
307
308 input.typo3-TCEforms-suggest-search {
309 background-image: url('../../icons/gfx/zoom.gif');
310 background-position: 2px center;
311 background-repeat: no-repeat;
312 }
313
314 div.typo3-TCEforms-suggest-choices {
315 background-color: white;
316 border: 1px solid #888;
317 }
318
319 div.typo3-TCEforms-suggest-choices ul {
320 list-style-type: none;
321 }
322
323 div.typo3-TCEforms-suggest-choices li.selected {
324 background-color: #ffb !important;
325 }
326
327 div.typo3-TCEforms-suggest-choices li {
328 cursor: pointer;
329 background-color: #efeff4;
330 background-repeat: no-repeat;
331 background-position: 4px center;
332 list-style-type: none;
333 }
334
335 div.typo3-TCEforms-suggest-choices li.pages {
336 background-color: #fcc;
337 }
338
339 div.typo3-TCEforms-suggest-choices span.suggest-uid {
340 font-size: 0.9em;
341 }
342
343 div.typo3-TCEforms-suggest-choices span.suggest-path {
344 font-size: 0.9em;
345 }
346
347 div.typo3-TCEforms-suggest-choices span.suggest-path abbr {
348 border-bottom: none;
349 }
350
351 div.typo3-TCEforms-suggest-choises a {
352 cursor: pointer;
353 }
354
355 /* - - - - - - - - - - - - - - - - - - - - -
356 TCEforms Flexforms
357 - - - - - - - - - - - - - - - - - - - - - */
358 .t3-form-field-container-flex {
359 }
360
361 .t3-form-field-label-flex {
362 border-top: 1px solid #c0c0c0;
363 }
364
365 div.t3-form-field-container:first-child .t3-form-field-label-flex {
366 border-top: 0;
367 }
368
369 /** no separate background for dyntabs in flexforms **/
370 table.typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs ,
371 table.typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs,
372 table.typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs,
373 table.typo3-TCEforms .wrapperTable3 div.typo3-dyntabmenu-tabs,
374 table.typo3-TCEforms .wrapperTable4 div.typo3-dyntabmenu-tabs,
375 table.typo3-TCEforms .wrapperTable5 div.typo3-dyntabmenu-tabs {
376 background: transparent;
377 }
378
379 /** tabs inside the table => flexforms */
380 table.typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
381 table.typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
382 table.typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
383 table.typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
384 table.typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
385 table.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
386 border: 1px solid #c0c0c0;
387 }
388
389
390 /* - - - - - - - - - - - - - - - - - - - - -
391 TCEforms Inline-Relational-Record-Editing
392 - - - - - - - - - - - - - - - - - - - - - */
393 .t3-form-field-container-inline {
394 border: 1px solid #c0c0c0;
395 }
396
397 .t3-form-field-header-inline {
398 background: #DADADA;
399 }
400
401 .t3-form-field-record-inline {
402 border-top: 1px solid #c0c0c0;
403 }
404
405 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable,
406 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable1,
407 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable2,
408 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable3,
409 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable4,
410 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable5 {
411 border: 0;
412 }
413
414 /* - - - - - - - - - - - - - - - - - - - - -
415 TCEforms Sections
416 - - - - - - - - - - - - - - - - - - - - - */
417
418 .typo3-TCEforms-flexForm .bgColor4,
419 .typo3-TCEforms-flexForm .bgColor5 {
420 background: none;
421 display: inline-block;
422 }
423
424 .t3-form-field-label-flexsection {
425 border-top: 1px solid #cdcdcd;
426 }
427
428 .t3-form-field-container-flexsections {
429 background: #dadada;
430 }
431
432 .t3-form-field-record-flexsection {
433 background: #eee;
434 }
435
436 .t3-form-field-add-flexsection {
437 border-top: 1px solid #cdcdcd;
438 }
439
440
441 .typo3-TCEforms-select-selectedItemWithBackgroundImage {
442 background-color:#fff;
443 background-position: 0% 50%;
444 background-repeat:no-repeat;
445 padding:1px 1px 1px 24px;
446 }
447
448 .ext-webkit .typo3-TCEforms-select-selectedItemWithBackgroundImage {
449 text-indent: 20px;
450 background-position-x: 6px;
451 }
452 .ext-webkit .typo3-TCEforms-select-selectedItemWithBackgroundImage optgroup option {
453 text-indent: 20px;
454 }
455 .ext-chrome:not(.ext-mac) .typo3-TCEforms-select-selectedItemWithBackgroundImage {
456 text-indent: 0px;
457 background-position-x: 5px;
458 }