51ec10bc27f157136c7c42976f116c313ba9f457
[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 .t3-tceforms-widget-null-wrapper {
47 display: inline-block;
48 float: right;
49 position: relative;
50 width: 20px;
51 max-width: 20px;
52 }
53
54 .t3-tceforms-widget-null-wrapper input {
55 margin-left: 2px;
56 margin-top: 42%;
57 }
58
59
60 .t3-tceforms-input-wrapper .t3-tceforms-input-clearer,
61 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer {
62 position: absolute;
63 right: 4px;
64 top: 28%;
65 z-index: 1000;
66 cursor: pointer;
67 }
68
69 .t3-tceforms-input-wrapper-datetime .t3-tceforms-input-clearer,
70 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
71 position: absolute;
72 right: 24px;
73 top: 28%;
74 z-index: 1000;
75 cursor: pointer;
76 }
77
78 .t3-tceforms-input-wrapper .tceforms-textfield,
79 .t3-tceforms-input-wrapper-hover .tceforms-textfield,
80 .t3-tceforms-input-wrapper .tceforms-datetimefield,
81 .t3-tceforms-input-wrapper-hover .tceforms-datetimefield,
82 .t3-tceforms-input-wrapper-datetime .tceforms-textfield,
83 .t3-tceforms-input-wrapper-datetime-hover .tceforms-textfield,
84 .t3-tceforms-input-wrapper-datetime .tceforms-datetimefield,
85 .t3-tceforms-input-wrapper-datetime-hover .tceforms-datetimefield {
86 position: relative;
87 z-index: 2000;
88 min-height: 14px;
89 padding-right: 20px!important;
90 }
91
92 .t3-tceforms-input-wrapper-hover .t3-tceforms-input-clearer,
93 .t3-tceforms-input-wrapper-datetime-hover .t3-tceforms-input-clearer {
94 z-index: 3700;
95 }
96
97 table.typo3-TCEforms table#typo3-altdoc-header input:hover,
98 .c-inputButton:hover {
99 background: none;
100 border: 0;
101 }
102
103 table.typo3-TCEforms span.typo3-TCEforms-recHeader {
104 color: #555555;
105 font-weight: bold;
106 }
107
108 table.typo3-TCEforms div.typo3-dyntabmenu-tabs,
109 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
110 background: #f8f8f8;
111 }
112
113 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
114 text-align: right;
115 }
116
117 table.typo3-TCEforms span.typo3-TCEforms-newToken {
118 color: #990000;
119 font-weight: bold;
120 }
121
122 table.typo3-TCEforms span.typo3-TCEforms-helpText {
123 background: transparent;
124 color: #fff;
125 }
126
127 table.typo3-TCEforms-select-checkbox {
128 background-color: #ffffff;
129 border: 1px solid #aaa;
130 }
131
132 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
133 background-color: #fff;
134 font-weight: bold;
135 }
136
137 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:nth-child(2n) {
138 background-color: #f7f7f7;
139 }
140
141 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem {
142 background-color: #d8ecd0;
143 }
144
145 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem {
146 color: #dddddd;
147 }
148
149 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr:hover {
150 background-color: #dedede;
151 }
152
153 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem:hover {
154 background-color: #abd99a;
155 }
156
157 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem:hover {
158 background-color: transparent;
159 }
160
161 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell {
162 white-space: nowrap;
163 }
164
165 table.typo3-TCEforms optgroup.c-divider,
166 select option.c-divider {
167 background-color: #eee;
168 border-top: 1px solid #666;
169 color: #666;
170 font-style: italic;
171 text-transform: uppercase;
172 }
173
174 table.typo3-TCEforms optgroup option {
175 background-color: white;
176 border-bottom: none;
177 color: black;
178 font-style: normal;
179 text-indent: 0px;
180 text-transform: none;
181 }
182
183 table.typo3-TCEforms div.typo3-TCEforms-originalLanguageValue {
184 background-color: #dadada;
185 border: 1px solid #c0c0c0;
186 }
187
188 table.typo3-TCEforms div.typo3-TCEforms-diffBox {
189 background-color: white;
190 border: 1px solid black;
191 }
192
193 table.typo3-TCEforms div.typo3-TCEforms-diffBox-header {
194 background-color: red;
195 font-weight: bold;
196 }
197
198 table.typo3-TCEforms div.typo3-dyntabmenu-divs {
199 border-bottom: 0;
200 }
201
202 /* Default. Always used on main-palettes in the bottom of the forms */
203 table.typo3-TCEforms .class-main1,
204 table.typo3-TCEforms .class-main11,
205 table.typo3-TCEforms .class-main21,
206 table.typo3-TCEforms .class-main31,
207 table.typo3-TCEforms .class-main41,
208 table.typo3-TCEforms .class-main51 {
209 }
210
211 table.typo3-TCEforms .class-main2 td,
212 table.typo3-TCEforms .class-main12 td,
213 table.typo3-TCEforms .class-main22 td,
214 table.typo3-TCEforms .class-main32 td,
215 table.typo3-TCEforms .class-main42 td,
216 table.typo3-TCEforms .class-main52 td {
217 border-top: 1px solid #c0c0c0;
218 }
219
220 table.typo3-TCEforms .class-main1 .typo3-TCEforms-checkboxArray td,
221 table.typo3-TCEforms .class-main11 .typo3-TCEforms-checkboxArray td,
222 table.typo3-TCEforms .class-main21 .typo3-TCEforms-checkboxArray td,
223 table.typo3-TCEforms .class-main31 .typo3-TCEforms-checkboxArray td,
224 table.typo3-TCEforms .class-main41 .typo3-TCEforms-checkboxArray td,
225 table.typo3-TCEforms .class-main51 .typo3-TCEforms-checkboxArray td {
226 padding-right: 5px;
227 }
228
229 table.typo3-TCEforms tr.class-main2:first-child td,
230 table.typo3-TCEforms tr.class-main12:first-child td,
231 table.typo3-TCEforms tr.class-main22:first-child td,
232 table.typo3-TCEforms tr.class-main32:first-child td,
233 table.typo3-TCEforms tr.class-main42:first-child td,
234 table.typo3-TCEforms tr.class-main52:first-child td {
235 border-top: 0;
236 }
237
238 table.typo3-TCEforms .class-main2,
239 table.typo3-TCEforms .class-main12,
240 table.typo3-TCEforms .class-main22,
241 table.typo3-TCEforms .class-main32,
242 table.typo3-TCEforms .class-main42,
243 table.typo3-TCEforms .class-main52 {
244 }
245
246
247
248
249 table.typo3-TCEforms table.wrapperAttention .class-main2,
250 table.typo3-TCEforms table.wrapperAttention .class-main12,
251 table.typo3-TCEforms table.wrapperAttention .class-main22,
252 table.typo3-TCEforms table.wrapperAttention .class-main32,
253 table.typo3-TCEforms table.wrapperAttention .class-main42,
254 table.typo3-TCEforms table.wrapperAttention .class-main52 {
255
256 }
257
258
259 table.typo3-TCEforms .class-main4,
260 table.typo3-TCEforms .class-main14,
261 table.typo3-TCEforms .class-main24,
262 table.typo3-TCEforms .class-main34,
263 table.typo3-TCEforms .class-main44,
264 table.typo3-TCEforms .class-main54 {
265 color: #000000;
266 }
267
268 table.typo3-TCEforms .class-main5,
269 table.typo3-TCEforms .class-main15,
270 table.typo3-TCEforms .class-main25,
271 table.typo3-TCEforms .class-main35,
272 table.typo3-TCEforms .class-main45,
273 table.typo3-TCEforms .class-main55 {
274 color: #3c3c44;
275 }
276
277 table.typo3-TCEforms .wrapperTable,
278 table.typo3-TCEforms .wrapperTable1,
279 table.typo3-TCEforms .wrapperTable2,
280 table.typo3-TCEforms .wrapperTable3,
281 table.typo3-TCEforms .wrapperTable4,
282 table.typo3-TCEforms .wrapperTable5 {
283 border: 1px solid #c0c0c0;
284 }
285
286 table.typo3-TCEforms .wrapperTable1 {
287 border-top: 1px solid #c0c0c0;
288 }
289
290 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable,
291 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable1,
292 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable2,
293 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable3,
294 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable4,
295 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable5 {
296 border: none;
297 border-bottom: 1px solid #c0c0c0;
298 }
299
300 table.typo3-TCEforms table.wrapperAttention .wrapperTable,
301 table.typo3-TCEforms table.wrapperAttention .wrapperTable1,
302 table.typo3-TCEforms table.wrapperAttention .wrapperTable2,
303 table.typo3-TCEforms table.wrapperAttention .wrapperTable3,
304 table.typo3-TCEforms table.wrapperAttention .wrapperTable4,
305 table.typo3-TCEforms table.wrapperAttention .wrapperTable5 {
306 }
307
308 .t3-form-palette-fieldset {
309 border:none;
310 }
311
312 table.typo3-TCEforms div.imagethumbs .nobr {
313 background-color: #CCC;
314 }
315
316 table.typo3-TCEforms span.filetypes {
317 font-size: 0.8em;
318 }
319
320 input.typo3-TCEforms-suggest-search {
321 background-image: url('../../icons/gfx/zoom.gif');
322 background-position: 2px center;
323 background-repeat: no-repeat;
324 }
325
326 div.typo3-TCEforms-suggest-choices {
327 background-color: white;
328 border: 1px solid #888;
329 }
330
331 div.typo3-TCEforms-suggest-choices ul {
332 list-style-type: none;
333 }
334
335 div.typo3-TCEforms-suggest-choices li.selected {
336 background-color: #ffb !important;
337 }
338
339 div.typo3-TCEforms-suggest-choices li {
340 cursor: pointer;
341 background-color: #efeff4;
342 background-repeat: no-repeat;
343 background-position: 4px center;
344 list-style-type: none;
345 }
346
347 div.typo3-TCEforms-suggest-choices li.pages {
348 background-color: #fcc;
349 }
350
351 div.typo3-TCEforms-suggest-choices span.suggest-uid {
352 font-size: 0.9em;
353 }
354
355 div.typo3-TCEforms-suggest-choices span.suggest-path {
356 font-size: 0.9em;
357 }
358
359 div.typo3-TCEforms-suggest-choices span.suggest-path abbr {
360 border-bottom: none;
361 }
362
363 div.typo3-TCEforms-suggest-choises a {
364 cursor: pointer;
365 }
366
367 /* - - - - - - - - - - - - - - - - - - - - -
368 TCEforms Flexforms
369 - - - - - - - - - - - - - - - - - - - - - */
370 .t3-form-field-container-flex {
371 }
372
373 .t3-form-field-label-flex {
374 border-top: 1px solid #c0c0c0;
375 }
376
377 div.t3-form-field-container:first-child .t3-form-field-label-flex {
378 border-top: 0;
379 }
380
381 /** no separate background for dyntabs in flexforms **/
382 table.typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs ,
383 table.typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs,
384 table.typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs,
385 table.typo3-TCEforms .wrapperTable3 div.typo3-dyntabmenu-tabs,
386 table.typo3-TCEforms .wrapperTable4 div.typo3-dyntabmenu-tabs,
387 table.typo3-TCEforms .wrapperTable5 div.typo3-dyntabmenu-tabs {
388 background: transparent;
389 }
390
391 /** tabs inside the table => flexforms */
392 table.typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
393 table.typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
394 table.typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
395 table.typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
396 table.typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
397 table.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
398 border: 1px solid #c0c0c0;
399 }
400
401
402 /* - - - - - - - - - - - - - - - - - - - - -
403 TCEforms Inline-Relational-Record-Editing
404 - - - - - - - - - - - - - - - - - - - - - */
405 .t3-form-field-container-inline {
406 border: 1px solid #dbdbdb;
407 background-color:#f9f9f9;
408 }
409
410 .t3-form-field-header-inline {
411 background-image: linear-gradient(top, rgb(218,218,218) 0%, rgb(192,192,192) 100%);
412 background-image: -o-linear-gradient(top, rgb(218,218,218) 0%, rgb(192,192,192) 100%);
413 background-image: -moz-linear-gradient(top, rgb(218,218,218) 0%, rgb(192,192,192) 100%);
414 background-image: -webkit-linear-gradient(top, rgb(218,218,218) 0%, rgb(192,192,192) 100%);
415 background-image: -ms-linear-gradient(top, rgb(218,218,218) 0%, rgb(192,192,192) 100%);
416
417 background-image: -webkit-gradient(
418 linear,
419 left top,
420 left bottom,
421 color-stop(0, rgb(218,218,218)),
422 color-stop(1, rgb(192,192,192))
423 );
424 }
425
426 .t3-form-field-container-inline-hidden,
427 .t3-form-field-container-inline-placeHolder {
428 opacity:0.3;
429 }
430
431 .t3-form-field-header-inline table {
432 vertical-align:top;
433 }
434
435 .t3-form-field-header-inline td.t3-form-field-header-inline-thumbnail img {
436 border-bottom:1px solid white;
437 }
438
439 .t3-form-field-record-inline {
440
441 }
442
443 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable,
444 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable1,
445 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable2,
446 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable3,
447 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable4,
448 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable5 {
449 border: 0;
450 }
451
452 /* - - - - - - - - - - - - - - - - - - - - -
453 TCEforms Sections
454 - - - - - - - - - - - - - - - - - - - - - */
455
456 .typo3-TCEforms-flexForm .bgColor4,
457 .typo3-TCEforms-flexForm .bgColor5 {
458 background: none;
459 display: inline-block;
460 }
461
462 .t3-form-field-label-flexsection {
463 border-top: 1px solid #cdcdcd;
464 }
465
466 .t3-form-field-container-flexsections {
467 background: #dadada;
468 }
469
470 .t3-form-field-record-flexsection {
471 background: #eee;
472 }
473
474 .t3-form-field-add-flexsection {
475 border-top: 1px solid #cdcdcd;
476 }
477
478
479 .typo3-TCEforms-select-selectedItemWithBackgroundImage {
480 background-color:#fff;
481 background-position: 0% 50%;
482 background-repeat:no-repeat;
483 padding:1px 1px 1px 24px;
484 }
485
486 .ext-webkit .typo3-TCEforms-select-selectedItemWithBackgroundImage {
487 text-indent: 20px;
488 background-position-x: 6px;
489 }
490 .ext-webkit .typo3-TCEforms-select-selectedItemWithBackgroundImage optgroup option {
491 text-indent: 20px;
492 }
493 .ext-chrome:not(.ext-mac) .typo3-TCEforms-select-selectedItemWithBackgroundImage {
494 text-indent: 0px;
495 background-position-x: 5px;
496 }
497
498 .t3-tceforms-fieldReadOnly {
499 padding:5px;
500 border:1px solid #cccccc;
501 background: #f4f4f4;
502 color: #696362;
503 -webkit-box-shadow: inset 0px 0px 5px 0px #e8e8e8;
504 box-shadow: inset 0px 0px 5px 0px #e8e8e8;
505 padding-right:21px;
506 position:relative;
507 }
508
509 .t3-tceforms-fieldReadOnly span.t3-icon {
510 position:absolute;
511 right:3px;
512 top:4px;
513 }
514
515 .t3-form-field-item {
516 position: relative;
517 border: 1px solid transparent;
518 }
519
520 .t3-tceforms-widget-null-wrapper + .t3-form-field-item {
521 display: inline-block;
522 }
523
524 .t3-form-field-item.disabled {
525 border: 1px dotted #696362;
526 }
527
528 .t3-form-field-disable,
529 .t3-form-field-item.disabled .t3-form-field-item.disabled .t3-form-field-disable {
530 display: none;
531 }
532 .t3-form-field-item.disabled .t3-form-field-disable {
533 z-index: 8000;
534 background: #f4f4f4;
535 display: block;
536 position: absolute;
537 width: 100%;
538 height: 100%;
539
540 opacity: 0.5;
541 filter: alpha(opacity=50);
542 -moz-opacity: 0.5;
543 }