root / trunk / web / dojo / dojox / grid / resources / tundraGrid.css @ 12
History | View | Annotate | Download (13 KB)
1 | 9 | andrej.cim | .dojoxGrid {
|
---|---|---|---|
2 | position: relative; |
||
3 | background-color: #EBEADB; |
||
4 | font-family: Geneva, Arial, Helvetica, sans-serif; |
||
5 | -moz-outline-style: none; |
||
6 | outline: none; |
||
7 | overflow: hidden; |
||
8 | height: 0; |
||
9 | } |
||
10 | .dojoxGrid table { |
||
11 | padding: 0; |
||
12 | } |
||
13 | .dojoxGrid td { |
||
14 | -moz-outline: none; |
||
15 | } |
||
16 | .dojoxGridMasterHeader {
|
||
17 | position: relative; |
||
18 | } |
||
19 | .dojoxGridMasterView {
|
||
20 | position: relative; |
||
21 | } |
||
22 | .dojoxGridMasterMessages {
|
||
23 | position: relative; |
||
24 | padding: 1em; |
||
25 | text-align: center; |
||
26 | background-color: white; |
||
27 | } |
||
28 | .dojoxGridView {
|
||
29 | position: absolute; |
||
30 | overflow: hidden; |
||
31 | } |
||
32 | .dojoxGridHeader {
|
||
33 | position: absolute; |
||
34 | overflow: hidden; |
||
35 | cursor: default; |
||
36 | } |
||
37 | .dojoxGridHeader {
|
||
38 | background-color: #E8E1CF; |
||
39 | } |
||
40 | .dojoxGridHeader table { |
||
41 | text-align: center; |
||
42 | } |
||
43 | .dojoxGridHeader .dojoxGridCell { |
||
44 | border: 1px solid; |
||
45 | border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; |
||
46 | background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x; |
||
47 | padding-bottom: 2px; |
||
48 | } |
||
49 | .dojoxGridHeader .dojoxGridCellOver { |
||
50 | background-image: none; |
||
51 | background-color: white; |
||
52 | border-bottom-color: #FEBE47; |
||
53 | margin-bottom: 0; |
||
54 | padding-bottom: 0; |
||
55 | border-bottom-width: 3px; |
||
56 | } |
||
57 | .dojoxGridHeader .dojoxGridCellFocus { |
||
58 | border: 1px dashed blue; |
||
59 | } |
||
60 | .dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver { |
||
61 | background-image: none; |
||
62 | background-color: white; |
||
63 | border-bottom-color: #FEBE47; |
||
64 | margin-bottom: 0; |
||
65 | padding-bottom: 0; |
||
66 | border-bottom-width: 3px; |
||
67 | } |
||
68 | .dojoxGridSortNode{
|
||
69 | white-space:nowrap; |
||
70 | } |
||
71 | .dojoxGridArrowButtonNode {
|
||
72 | display: none; |
||
73 | padding-left: 16px; |
||
74 | } |
||
75 | .dojoxGridArrowButtonChar {
|
||
76 | display:inline; |
||
77 | } |
||
78 | .dojoxGridColCaption {
|
||
79 | overflow:hidden; |
||
80 | } |
||
81 | |||
82 | .dojoxGridArrowButtonNode:hover { |
||
83 | cursor: default; |
||
84 | } |
||
85 | .dojoxGridArrowButtonChar:hover { |
||
86 | cursor: default; |
||
87 | } |
||
88 | .dojoxGridSortUp:hover { |
||
89 | cursor: default; |
||
90 | } |
||
91 | .dojoxGridSortDown:hover { |
||
92 | cursor: default; |
||
93 | } |
||
94 | .dijit_a11y .dojoxGridArrowButtonChar { |
||
95 | display:inline !important; |
||
96 | } |
||
97 | .dojoxGridScrollbox {
|
||
98 | position: relative; |
||
99 | overflow: auto; |
||
100 | background-color: white; |
||
101 | width: 100%; |
||
102 | } |
||
103 | .dojoxGridContent {
|
||
104 | position: relative; |
||
105 | overflow: hidden; |
||
106 | -moz-outline-style: none; |
||
107 | outline: none; |
||
108 | } |
||
109 | .dojoxGridRowbar {
|
||
110 | border: 1px solid; |
||
111 | border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; |
||
112 | border-top: none; |
||
113 | background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x; |
||
114 | } |
||
115 | .dojoxGridRowbarInner {
|
||
116 | border-top: 1px solid #F6F4EB; |
||
117 | } |
||
118 | .dojoxGridRowbarOver {
|
||
119 | background-image: none; |
||
120 | background-color: white; |
||
121 | border-top-color: #FEBE47; |
||
122 | border-bottom-color: #FEBE47; |
||
123 | } |
||
124 | .dojoxGridRowbarSelected {
|
||
125 | background-color: #D9E8F9; |
||
126 | } |
||
127 | .dojoxGridRow {
|
||
128 | position: relative; |
||
129 | width: 9000em; |
||
130 | } |
||
131 | .dojoxGridRow {
|
||
132 | |||
133 | border: 1px solid #E8E4D8; |
||
134 | border-color: #F8F7F1; |
||
135 | |||
136 | border-left: none; |
||
137 | border-right: none; |
||
138 | background-color: white; |
||
139 | border-top: none; |
||
140 | } |
||
141 | .dojoxGridRowOver {
|
||
142 | border-top-color: #FEBE47; |
||
143 | border-bottom-color: #FEBE47; |
||
144 | |||
145 | |||
146 | |||
147 | } |
||
148 | .dojoxGridRowOdd {
|
||
149 | background-color: #FFFDF3; |
||
150 | |||
151 | } |
||
152 | .dojoxGridRowSelected {
|
||
153 | background-color: #D9E8F9; |
||
154 | } |
||
155 | .dojoxGridRowTable {
|
||
156 | table-layout: fixed; |
||
157 | width: 0; |
||
158 | empty-cells: show; |
||
159 | } |
||
160 | .dj_ie .dojoxGridRowTable { |
||
161 | border-collapse: collapse; |
||
162 | } |
||
163 | .dojoxGridInvisible {
|
||
164 | visibility: hidden; |
||
165 | } |
||
166 | .Xdojo-ie .dojoxGridInvisible { |
||
167 | display: none; |
||
168 | } |
||
169 | .dojoxGridInvisible td, .dojoxGridHeader .dojoxGridInvisible td { |
||
170 | border-top-width: 0; |
||
171 | border-bottom-width: 0; |
||
172 | padding-top: 0; |
||
173 | padding-bottom: 0; |
||
174 | height: 0; |
||
175 | overflow: hidden; |
||
176 | } |
||
177 | .dojoxGridCell {
|
||
178 | border: 1px solid; |
||
179 | border-color: #EBEADB; |
||
180 | border-right-color: #D5CDB5; |
||
181 | padding: 3px 3px 3px 3px; |
||
182 | text-align: left; |
||
183 | overflow: hidden; |
||
184 | } |
||
185 | .dojoxGridCellFocus {
|
||
186 | border: 1px dashed blue; |
||
187 | } |
||
188 | .dojoxGridCellOver {
|
||
189 | border: 1px dotted #FEBE47; |
||
190 | } |
||
191 | .dojoxGridCellFocus.dojoxGridCellOver { |
||
192 | border: 1px dashed green; |
||
193 | } |
||
194 | .dojoxGridRowEditing td { |
||
195 | background-color: #F4FFF4; |
||
196 | } |
||
197 | .dojoxGridRow-inserting td { |
||
198 | background-color: #F4FFF4; |
||
199 | } |
||
200 | .dojoxGridRow-inflight td { |
||
201 | background-color: #F2F7B7; |
||
202 | } |
||
203 | .dojoxGridRow-error td { |
||
204 | background-color: #F8B8B6; |
||
205 | } |
||
206 | .dojoxGridInput, .dojoxGridSelect, .dojoxGridTextarea { |
||
207 | margin: 0; |
||
208 | padding: 0; |
||
209 | border-style: none; |
||
210 | width: 100%; |
||
211 | font-size: 100%; |
||
212 | font-family: inherit; |
||
213 | } |
||
214 | .dojoxGridHiddenFocus {
|
||
215 | position: absolute; |
||
216 | top: -1000px; |
||
217 | height: 0; |
||
218 | width: 0; |
||
219 | } |
||
220 | .dijit_a11y .dojoxGridRowbarSelected { |
||
221 | border-top: 1px solid white; |
||
222 | border-bottom: 1px dashed black; |
||
223 | border-top: 0; |
||
224 | background: none; |
||
225 | } |
||
226 | .dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner { |
||
227 | border: 0; |
||
228 | border-top: 1px solid white; |
||
229 | } |
||
230 | .dijit_a11y .dojoxGridRowSelected { |
||
231 | border: 1px solid black !important; |
||
232 | } |
||
233 | .dojoxGridDndAvatar {
|
||
234 | font-size: 100%; |
||
235 | } |
||
236 | .dojoxGrid .dojoDndItemBefore { |
||
237 | border-left-color: red; |
||
238 | } |
||
239 | .dojoxGrid .dojoDndItemAfter { |
||
240 | border-right-color: red; |
||
241 | } |
||
242 | .dijit_a11y .dojoDndItemBefore { |
||
243 | border-left: double; |
||
244 | } |
||
245 | .dijit_a11y .dojoDndItemAfter { |
||
246 | border-right: double; |
||
247 | } |
||
248 | .dojoxGridDndAvatarItem td { |
||
249 | border: 1px solid; |
||
250 | border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; |
||
251 | background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x; |
||
252 | padding: 0pt; |
||
253 | margin: 0pt; |
||
254 | } |
||
255 | .dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage { |
||
256 | border: 0; |
||
257 | border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; |
||
258 | background-color: transparent; |
||
259 | padding: 3px; |
||
260 | padding-bottom: 2px; |
||
261 | margin: 0; |
||
262 | } |
||
263 | .dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { |
||
264 | background-image: url(../../../dojo/resources/images/dndNoMove.png); |
||
265 | background-repeat: no-repeat; |
||
266 | background-position: center center; |
||
267 | } |
||
268 | .dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { |
||
269 | background-image: url(../../../dojo/resources/images/dndNoCopy.png); |
||
270 | background-repeat: no-repeat; |
||
271 | background-position: center center; |
||
272 | } |
||
273 | .dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { |
||
274 | background-image: url(../../../dojo/resources/images/dndMove.png); |
||
275 | background-repeat: no-repeat; |
||
276 | background-position: center center; |
||
277 | } |
||
278 | .dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { |
||
279 | background-image: url(../../../dojo/resources/images/dndCopy.png); |
||
280 | background-repeat: no-repeat; |
||
281 | background-position: center center; |
||
282 | } |
||
283 | .dojoxGridColPlaceBottom {
|
||
284 | background: transparent url(images/grid_sort_up.gif) no-repeat scroll left top; |
||
285 | } |
||
286 | .dojoxGridColPlaceTop {
|
||
287 | background: transparent url(images/grid_sort_down.gif) no-repeat scroll left top; |
||
288 | } |
||
289 | .dojoxGridColPlaceTop, .dojoxGridColPlaceBottom { |
||
290 | font-size:1px; |
||
291 | height:6px; |
||
292 | z-index:10000; |
||
293 | top:0; |
||
294 | overflow:hidden; |
||
295 | position:absolute; |
||
296 | line-height:1px; |
||
297 | width:8px; |
||
298 | } |
||
299 | .dojoxGridResizeColLine {
|
||
300 | width: 1px; |
||
301 | background-color: #777; |
||
302 | position: absolute; |
||
303 | cursor: col-resize; |
||
304 | z-index:10000; |
||
305 | } |
||
306 | .dojoxGridColNoResize,
|
||
307 | .dojoxGridColNoResize .dojoDndItemOver { |
||
308 | cursor: not-allowed !important; |
||
309 | } |
||
310 | .dojoxGridColResize,
|
||
311 | .dojoxGridColResize .dojoDndItemOver, |
||
312 | .dojoxGridColumnResizing,
|
||
313 | .dojoxGridColumnResizing .dojoDndItemOver, |
||
314 | .dojoxGridColumnResizing .dojoxGridHeader { |
||
315 | cursor: col-resize !important; |
||
316 | } |
||
317 | .dojoxGridColPlaceBottom {
|
||
318 | background: transparent url(images/grid_sort_up.gif) no-repeat scroll left top; |
||
319 | } |
||
320 | .dojoxGridColPlaceTop {
|
||
321 | background: transparent url(images/grid_sort_down.gif) no-repeat scroll left top; |
||
322 | } |
||
323 | .dojoxGridColPlaceTop, .dojoxGridColPlaceBottom { |
||
324 | font-size:1px; |
||
325 | height:6px; |
||
326 | z-index:10000; |
||
327 | top:0; |
||
328 | overflow:hidden; |
||
329 | position:absolute; |
||
330 | line-height:1px; |
||
331 | width:8px; |
||
332 | } |
||
333 | .dojoxGridResizeColLine {
|
||
334 | width: 1px; |
||
335 | background-color: #777; |
||
336 | position: absolute; |
||
337 | } |
||
338 | .dojoxGridExpandoCell {
|
||
339 | vertical-align: top; |
||
340 | } |
||
341 | .dojoxGridSummarySpan {
|
||
342 | visibility: hidden; |
||
343 | } |
||
344 | .dojoxGridSummaryRow .dojoxGridSummarySpan, |
||
345 | .dojoxGridRowCollapsed .dojoxGridSummarySpan { |
||
346 | visibility: visible; |
||
347 | } |
||
348 | .dojoxGridNoChildren .dojoxGridExpando { |
||
349 | visibility: hidden !important; |
||
350 | width: 0px !important; |
||
351 | } |
||
352 | .tundra .dojoxGrid { |
||
353 | background-color: #e9e9e9; |
||
354 | font-size: 0.85em; |
||
355 | } |
||
356 | .tundra .dojoxGridMasterMessages { |
||
357 | background-color: #fefefe; |
||
358 | } |
||
359 | .tundra .dojoxGridLoading, |
||
360 | .tundra .dojoxGridError { |
||
361 | background-position:left center; |
||
362 | background-repeat: no-repeat; |
||
363 | padding-left:25px; |
||
364 | } |
||
365 | .dijitRtl .tundra .dojoxGridLoading, |
||
366 | .dijitRtl .tundra .dojoxGridError, |
||
367 | .dijitRtl .tundra .dojoxGridNoData { |
||
368 | background-position:right; |
||
369 | padding-right:25px; |
||
370 | padding-left:0px; |
||
371 | } |
||
372 | .tundra .dojoxGridLoading { |
||
373 | background-image: url('../../../dijit/themes/tundra/images/loading.gif'); |
||
374 | } |
||
375 | .tundra .dojoxGridError { |
||
376 | background-image: url('../../../dijit/themes/tundra/images/warning.png'); |
||
377 | } |
||
378 | .tundra .dojoxGridHeader { |
||
379 | background-color: #e9e9e9; |
||
380 | } |
||
381 | .tundra .dojoxGridHeader .dojoxGridCell { |
||
382 | border-width: 1px; |
||
383 | padding-bottom: 0px; |
||
384 | border-color: transparent #ACA899 #919191 transparent; |
||
385 | background: url(../../../dijit/themes/tundra/images/tabEnabled.png) #e9e9e9 repeat-x top; |
||
386 | color: #000 !important; |
||
387 | } |
||
388 | .tundra .dojoxGridHeader .dojoxGridCellOver { |
||
389 | background: url(../../../dijit/themes/tundra/images/tabHover.png) #e9e9e9 repeat-x top; |
||
390 | color: #000 !important; |
||
391 | } |
||
392 | .tundra .dojoxGridHeader .dojoxGridCellFocus { |
||
393 | border-color: #ACA899 #919191; |
||
394 | border-style: dashed; |
||
395 | } |
||
396 | .tundra .dojoxGridArrowButtonChar { |
||
397 | float: right; |
||
398 | display: none; |
||
399 | } |
||
400 | .tundra .dojoxGridArrowButtonNode { |
||
401 | display: block !important; |
||
402 | padding-left: 0px; |
||
403 | float: right; |
||
404 | background:url("../../../dijit/themes/tundra/images/spriteArrows.png") no-repeat left center; |
||
405 | width: 7px; |
||
406 | height: 1em; |
||
407 | margin: 2px 4px 0px 5px; |
||
408 | } |
||
409 | .dj_ie6 .tundra .dojoxGridArrowButtonNode { |
||
410 | background-image:url("../../../dijit/themes/tundra/images/spriteArrows.gif"); |
||
411 | margin-left: 0px; |
||
412 | } |
||
413 | .tundra .dojoxGridSortUp .dojoxGridArrowButtonNode { |
||
414 | background-position: -21px; |
||
415 | } |
||
416 | .dijit_a11y .tundra .dojoxGridArrowButtonNode { |
||
417 | display: none !important; |
||
418 | } |
||
419 | .tundra .dojoxGridScrollbox { |
||
420 | background-color: #fefefe; |
||
421 | } |
||
422 | .tundra .dojoxGridRowbar { |
||
423 | border: none; |
||
424 | background: url(images/tabEnabled_rotated.png) #e9e9e9 repeat-y right; |
||
425 | border-right: 1px solid #ccc; |
||
426 | padding: 0px; |
||
427 | } |
||
428 | .tundra .dojoxGridRowbarInner { |
||
429 | border: none; |
||
430 | border-bottom: 1px solid #ccc; |
||
431 | } |
||
432 | .tundra .dojoxGridRowbarOver { |
||
433 | background: url(images/tabHover_rotated.png) #e9e9e9 repeat-y right; |
||
434 | } |
||
435 | .tundra .dojoxGridRowbarSelected { |
||
436 | background: url(../../../dijit/themes/tundra/images/tabDisabled.png) #D8E8F9 no-repeat center; |
||
437 | border-right: 1px solid #ccc; |
||
438 | } |
||
439 | .tundra .dojoxGridRow { |
||
440 | border: none; |
||
441 | background-color: white; |
||
442 | } |
||
443 | .tundra .dojoxGridRowOver { |
||
444 | border-top-color: #ccc; |
||
445 | border-bottom-color: #ccc; |
||
446 | } |
||
447 | .tundra .dojoxGridRowOver .dojoxGridCell { |
||
448 | background-color: #60a1ea; |
||
449 | color:#fff; |
||
450 | } |
||
451 | .tundra .dojoxGridRowOver .dojoxGridCell .dijit { |
||
452 | color: #000; |
||
453 | } |
||
454 | .tundra .dojoxGridRowOver .dojoxGridCell .dijitDisabled { |
||
455 | color: gray; |
||
456 | } |
||
457 | .tundra .dojoxGridRowOdd { |
||
458 | background-color: #f2f5f9; |
||
459 | } |
||
460 | .tundra .dojoxGridRowSelected { |
||
461 | background-color: #aec7e3 !important; |
||
462 | } |
||
463 | .dijit_a11y .tundra .dojoxGridRowSelected { |
||
464 | background-color: #aec7e3; |
||
465 | border-style: solid; |
||
466 | } |
||
467 | .tundra .dojoxGridCell { |
||
468 | border: 1px dotted #D5CDB5; |
||
469 | border-left-color: transparent; |
||
470 | border-top-color: transparent; |
||
471 | } |
||
472 | .dj_ff2 .tundra .dojoxGridCell { |
||
473 | border-left-width: 0px; |
||
474 | border-top-width: 0px; |
||
475 | } |
||
476 | .dj_ie6 .tundra .dojoxGridCell { |
||
477 | border: 1px solid white; |
||
478 | border-right: 1px solid #D5CDB5; |
||
479 | } |
||
480 | .tundra .dojoxGridCellFocus { |
||
481 | border: 1px dashed darkblue !important; |
||
482 | } |
||
483 | .tundra .dojoxGridCellOver { |
||
484 | border: 1px dotted #a6a6a6; |
||
485 | } |
||
486 | .tundra .dojoxGridCellFocus .dojoxGridCellOver { |
||
487 | border: 1px dashed darkblue !important; |
||
488 | } |
||
489 | .tundra .dojoxGridRowEditing td { |
||
490 | |||
491 | background-color: #60a1ea; |
||
492 | |||
493 | } |
||
494 | .tundra .dojoxGridRow-inserting td { |
||
495 | background-color: #F4FFF4; |
||
496 | } |
||
497 | .tundra .dojoxGridRow-inflight td { |
||
498 | background-color: #F2F7B7; |
||
499 | } |
||
500 | .tundra .dojoxGridRow-error td { |
||
501 | background-color: #F8B8B6; |
||
502 | } |
||
503 | .tundra .dojoxGrid .dojoDndItemBefore { |
||
504 | border-left-color: #3559ac; |
||
505 | } |
||
506 | .tundra .dojoxGrid .dojoDndItemAfter { |
||
507 | border-right-color: #3559ac; |
||
508 | } |
||
509 | .tundra .dojoxGridExpando { |
||
510 | float: left; |
||
511 | height: 18px; |
||
512 | width: 18px; |
||
513 | text-align: center; |
||
514 | margin-top: -3px; |
||
515 | } |
||
516 | .dijitRtl .tundra .dojoxGridExpando { |
||
517 | float: right; |
||
518 | } |
||
519 | .tundra .dojoxGridExpandoCell { |
||
520 | padding-top: 5px; |
||
521 | } |
||
522 | .tundra .dojoxGridExpandoNode { |
||
523 | height: 18px; |
||
524 | background-image: url('../../../dijit/themes/tundra/images/treeExpand_plus.gif'); |
||
525 | } |
||
526 | .tundra .dojoxGridExpandoOpened .dojoxGridExpandoNode { |
||
527 | background-image: url('../../../dijit/themes/tundra/images/treeExpand_minus.gif'); |
||
528 | } |
||
529 | .tundra .dojoxGridExpandoLoading .dojoxGridExpandoNode { |
||
530 | background-image: url('../../../dijit/themes/tundra/images/treeExpand_loading.gif'); |
||
531 | } |
||
532 | .tundra .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando { |
||
533 | visibility: visible !important; |
||
534 | width: 18px !important; |
||
535 | } |
||
536 | .tundra .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { |
||
537 | background-image: url('../../../dijit/themes/tundra/images/treeExpand_leaf.gif'); |
||
538 | background-position: -3px; |
||
539 | } |
||
540 | .tundra .dojoxGridExpandoNodeInner { |
||
541 | visibility: hidden; |
||
542 | } |
||
543 | .dijit_a11y .dojoxGridExpandoNodeInner { |
||
544 | visibility: visible; |
||
545 | } |
||
546 | |||
547 | .tundra .dojoxGridSummaryRow .dojoxGridCell { |
||
548 | border-top-color: #999; |
||
549 | border-top-style: solid; |
||
550 | } |
||
551 | .tundra .dojoxGridSpacerCell, |
||
552 | .tundra .dojoxGridExpandoCell, |
||
553 | .tundra .dojoxGridSummaryRow .dojoxGridSpacerCell { |
||
554 | border-color: transparent; |
||
555 | border-right-color: #D5CDB5; |
||
556 | } |
||
557 | .tundra .dojoxGridSummaryRow .dojoxGridTotalCell, |
||
558 | .tundra .dojoxGridRowCollapsed .dojoxGridExpandoCell, |
||
559 | .tundra .dojoxGridTreeModel .dojoxGridExpandoCell { |
||
560 | border-bottom-color: #D5CDB5; |
||
561 | } |
||
562 | .tundra .dojoxGridSubRowAlt { |
||
563 | background-color: #F8F8F8; |
||
564 | } |
||
565 | .tundra .dojoxGridRowOdd .dojoxGridSubRowAlt { |
||
566 | background-color: #EDEFF3; |
||
567 | } |