060efc3fd24c8642a0b203046fca429faf91b948
[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 table.typo3-TCEforms table#typo3-altdoc-header input:hover,
39 .c-inputButton:hover {
40 background: none;
41 border: 0;
42 }
43
44 table.typo3-TCEforms span.typo3-TCEforms-recHeader {
45 color: #333366;
46 font-weight: bold;
47 }
48
49 table.typo3-TCEforms div.typo3-dyntabmenu-tabs,
50 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
51 background: #F1F1F1;
52 }
53
54 table.typo3-TCEforms tr.typo3-TCEforms-recHeaderRow td {
55 text-align: right;
56 }
57
58 table.typo3-TCEforms span.typo3-TCEforms-newToken {
59 color: #990000;
60 font-weight: bold;
61 }
62
63 table.typo3-TCEforms span.typo3-TCEforms-helpText {
64 background: transparent;
65 color: #fff;
66 }
67
68 table.typo3-TCEforms-select-checkbox {
69 background-color: #efeff4;
70 border: 1px solid #aaa;
71 }
72
73 table.typo3-TCEforms-select-checkbox tr {
74 background-color: #efeff4;
75 }
76
77 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-selectedItem {
78 background-color: #d7dbe2;
79 }
80
81 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-unselectedItem {
82 background-color: #efeff4;
83 }
84
85 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-invalidItem {
86 background-color: #ff6600;
87 }
88
89 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header-checkbox-controls td {
90 background-color: #b8bec9;
91 text-align: right;
92 }
93
94 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header-checkbox-controls td a {
95 color: white;
96 }
97
98 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr.c-header td {
99 background-color: #fff;
100 border-bottom: 1px solid #999999;
101 font-weight: bold;
102 }
103
104 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td {
105 border-bottom: 1px #999 dashed;
106 }
107
108 table.typo3-TCEforms table.typo3-TCEforms-select-checkbox tr td.c-labelCell p.c-descr {
109 font-style: italic;
110 }
111
112 table.typo3-TCEforms optgroup.c-divider,
113 select option.c-divider {
114 background-color: #eee;
115 border-top: 1px solid #666;
116 color: #666;
117 font-style: italic;
118 text-transform: uppercase;
119 }
120
121 table.typo3-TCEforms optgroup option {
122 background-color: white;
123 border-bottom: none;
124 color: black;
125 font-style: normal;
126 text-indent: 0px;
127 text-transform: none;
128 }
129
130 table.typo3-TCEforms div.typo3-TCEforms-originalLanguageValue {
131 background-color: #bbccbb;
132 }
133
134 table.typo3-TCEforms div.typo3-TCEforms-diffBox {
135 background-color: white;
136 border: 1px solid black;
137 }
138
139 table.typo3-TCEforms div.typo3-TCEforms-diffBox-header {
140 background-color: red;
141 font-weight: bold;
142 }
143
144 table.typo3-TCEforms div.typo3-dyntabmenu-divs {
145 border-bottom: 0;
146 }
147
148 /* Default. Always used on main-palettes in the bottom of the forms */
149 table.typo3-TCEforms .class-main1,
150 table.typo3-TCEforms .class-main11,
151 table.typo3-TCEforms .class-main21,
152 table.typo3-TCEforms .class-main31,
153 table.typo3-TCEforms .class-main41,
154 table.typo3-TCEforms .class-main51 {
155 }
156
157 table.typo3-TCEforms .class-main2 td,
158 table.typo3-TCEforms .class-main12 td,
159 table.typo3-TCEforms .class-main22 td,
160 table.typo3-TCEforms .class-main32 td,
161 table.typo3-TCEforms .class-main42 td,
162 table.typo3-TCEforms .class-main52 td {
163 border-top: 1px solid #adadad;
164 }
165
166 table.typo3-TCEforms tr.class-main2:first-child td,
167 table.typo3-TCEforms tr.class-main12:first-child td,
168 table.typo3-TCEforms tr.class-main22:first-child td,
169 table.typo3-TCEforms tr.class-main32:first-child td,
170 table.typo3-TCEforms tr.class-main42:first-child td,
171 table.typo3-TCEforms tr.class-main52:first-child td {
172 border-top: 0;
173 }
174
175 table.typo3-TCEforms .class-main2,
176 table.typo3-TCEforms .class-main12,
177 table.typo3-TCEforms .class-main22,
178 table.typo3-TCEforms .class-main32,
179 table.typo3-TCEforms .class-main42,
180 table.typo3-TCEforms .class-main52 {
181 }
182
183
184
185
186 table.typo3-TCEforms table.wrapperAttention .class-main2,
187 table.typo3-TCEforms table.wrapperAttention .class-main12,
188 table.typo3-TCEforms table.wrapperAttention .class-main22,
189 table.typo3-TCEforms table.wrapperAttention .class-main32,
190 table.typo3-TCEforms table.wrapperAttention .class-main42,
191 table.typo3-TCEforms table.wrapperAttention .class-main52 {
192
193 }
194
195
196 table.typo3-TCEforms .class-main4,
197 table.typo3-TCEforms .class-main14,
198 table.typo3-TCEforms .class-main24,
199 table.typo3-TCEforms .class-main34,
200 table.typo3-TCEforms .class-main44,
201 table.typo3-TCEforms .class-main54 {
202 color: #000000;
203 }
204
205 table.typo3-TCEforms .class-main5,
206 table.typo3-TCEforms .class-main15,
207 table.typo3-TCEforms .class-main25,
208 table.typo3-TCEforms .class-main35,
209 table.typo3-TCEforms .class-main45,
210 table.typo3-TCEforms .class-main55 {
211 color: #3c3c44;
212 }
213
214 table.typo3-TCEforms .wrapperTable,
215 table.typo3-TCEforms .wrapperTable1,
216 table.typo3-TCEforms .wrapperTable2,
217 table.typo3-TCEforms .wrapperTable3,
218 table.typo3-TCEforms .wrapperTable4,
219 table.typo3-TCEforms .wrapperTable5 {
220 border: 1px solid #c0c0c0;
221 border-top: none;
222 }
223
224 table.typo3-TCEforms .wrapperTable1 {
225 border-top: 1px solid #c0c0c0;
226 }
227
228 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable,
229 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable1,
230 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable2,
231 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable3,
232 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable4,
233 table.typo3-TCEforms .typo3-dyntabmenu-divs .wrapperTable5 {
234 border: none;
235 border-bottom: 1px solid #c0c0c0;
236 }
237
238 table.typo3-TCEforms table.wrapperAttention .wrapperTable,
239 table.typo3-TCEforms table.wrapperAttention .wrapperTable1,
240 table.typo3-TCEforms table.wrapperAttention .wrapperTable2,
241 table.typo3-TCEforms table.wrapperAttention .wrapperTable3,
242 table.typo3-TCEforms table.wrapperAttention .wrapperTable4,
243 table.typo3-TCEforms table.wrapperAttention .wrapperTable5 {
244 }
245
246 .t3-form-palette-fieldset {
247 border:none;
248 }
249
250 input.typo3-TCEforms-suggest-search {
251 background-image: url('../../icons/gfx/zoom.gif');
252 background-position: 2px center;
253 background-repeat: no-repeat;
254 }
255
256 div.typo3-TCEforms-suggest-choices {
257 background-color: white;
258 border: 1px solid #888;
259 }
260
261 div.typo3-TCEforms-suggest-choices ul {
262 list-style-type: none;
263 }
264
265 div.typo3-TCEforms-suggest-choices li.selected {
266 background-color: #ffb !important;
267 }
268
269 div.typo3-TCEforms-suggest-choices li {
270 cursor: pointer;
271 background-color: #efeff4;
272 background-repeat: no-repeat;
273 background-position: 4px center;
274 list-style-type: none;
275 }
276
277 div.typo3-TCEforms-suggest-choices li.pages {
278 background-color: #fcc;
279 }
280
281 div.typo3-TCEforms-suggest-choices span.suggest-uid {
282 font-size: 0.9em;
283 }
284
285 div.typo3-TCEforms-suggest-choices span.suggest-path {
286 font-size: 0.9em;
287 }
288
289 div.typo3-TCEforms-suggest-choices span.suggest-path abbr {
290 border-bottom: none;
291 }
292
293 div.typo3-TCEforms-suggest-choises a {
294 cursor: pointer;
295 }
296
297 /* - - - - - - - - - - - - - - - - - - - - -
298 TCEforms Flexforms
299 - - - - - - - - - - - - - - - - - - - - - */
300 .t3-form-field-container-flex {
301 }
302
303 .t3-form-field-label-flex {
304 border-top: 1px solid #c0c0c0;
305 }
306
307 .t3-form-field-container:first-child .t3-form-field-label-flex {
308 border-top: 0;
309 }
310
311 /** no separate background for dyntabs in flexforms **/
312 table.typo3-TCEforms .wrapperTable div.typo3-dyntabmenu-tabs ,
313 table.typo3-TCEforms .wrapperTable1 div.typo3-dyntabmenu-tabs,
314 table.typo3-TCEforms .wrapperTable2 div.typo3-dyntabmenu-tabs,
315 table.typo3-TCEforms .wrapperTable3 div.typo3-dyntabmenu-tabs,
316 table.typo3-TCEforms .wrapperTable4 div.typo3-dyntabmenu-tabs,
317 table.typo3-TCEforms .wrapperTable5 div.typo3-dyntabmenu-tabs {
318 background: transparent;
319 }
320
321 /** tabs inside the table => flexforms */
322 table.typo3-TCEforms .wrapperTable .typo3-dyntabmenu-divs,
323 table.typo3-TCEforms .wrapperTable1 .typo3-dyntabmenu-divs,
324 table.typo3-TCEforms .wrapperTable2 .typo3-dyntabmenu-divs,
325 table.typo3-TCEforms .wrapperTable3 .typo3-dyntabmenu-divs,
326 table.typo3-TCEforms .wrapperTable4 .typo3-dyntabmenu-divs,
327 table.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
328 border: 1px solid #c0c0c0;
329 }
330
331
332 /* - - - - - - - - - - - - - - - - - - - - -
333 TCEforms Inline-Relational-Record-Editing
334 - - - - - - - - - - - - - - - - - - - - - */
335 .t3-form-field-container-inline {
336 border: 1px solid #c0c0c0;
337 }
338
339 .t3-form-field-header-inline {
340 background: #DADADA;
341 }
342
343 .t3-form-field-record-inline {
344 border-top: 1px solid #c0c0c0;
345 }
346
347 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable,
348 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable1,
349 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable2,
350 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable3,
351 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable4,
352 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable5 {
353 border: 0;
354 }