Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / grid / resources / tundraGrid.css @ 12

History | View | Annotate | Download (13 KB)

1
.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
}