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