Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / grid / resources / nihiloGrid.css @ 10

History | View | Annotate | Download (12.2 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
.nihilo .dojoxGrid {
353
        background-color: #e9e9e9;
354
        font-size: 0.85em; 
355
}
356
.nihilo .dojoxGridMasterMessages {
357
        background-color: #fefefe;
358
}
359
.nihilo .dojoxGridHeader {
360
        background-color:  #e9e9e9;
361
}
362
.nihilo .dojoxGridHeader .dojoxGridCell { 
363
        border-width: 1px;
364
        padding-bottom: 0px;
365
        border-color: transparent #ACA899 #919191 transparent;
366
        background: url(../../../dijit/themes/nihilo/images/titleBar.png) #e9e9e9 repeat-x top;
367
        color: #000 !important;
368
}
369
.nihilo .dojoxGridHeader .dojoxGridCellOver {
370
        background: url(../../../dijit/themes/nihilo/images/titleBarActive.png) #e9e9e9 repeat-x top;
371
}
372
.nihilo .dojoxGridHeader .dojoxGridCellFocus {
373
        border-color: #ACA899 #919191;
374
        border-style: dashed;        
375
}
376
.nihilo .dojoxGridArrowButtonChar {
377
        float: right;
378
        display: none;
379
}
380
.nihilo .dojoxGridArrowButtonNode {
381
        display: block !important;
382
        padding-left: 0px;
383
        float: right;
384
        background:url("../../../dijit/themes/nihilo/images/spriteArrows.png") left center no-repeat;
385
        width: 11px;
386
        height: 1em;
387
        margin-top: 1px;
388
}
389
.dj_ie6 .nihilo .dojoxGridArrowButtonNode {
390
        background-image:url("../../../dijit/themes/nihilo/images/spriteArrows.gif");
391
        margin-left: 0px;
392
}
393
.nihilo .dojoxGridSortUp .dojoxGridArrowButtonNode {
394
        background-position: -21px;
395
}
396
.dijit_a11y .nihilo .dojoxGridArrowButtonNode {
397
        display: none !important;
398
}
399
.nihilo .dojoxGridScrollbox {
400
        background-color: #fefefe;
401
}
402
.nihilo .dojoxGridRowbar { 
403
        border: none;
404
        background: url(../../../dijit/themes/nihilo/images/titleBar.png) #e9e9e9 repeat-y right;
405
        border-right: 1px solid #ccc;
406
        padding: 0px;
407
}
408
.nihilo .dojoxGridRowbarInner {
409
        border: none;
410
        border-bottom: 1px solid #ccc;
411
}
412
.nihilo .dojoxGridRowbarOver {
413
        background: url(../../../dijit/themes/nihilo/images/titleBarActive.png) #e9e9e9 repeat-y right;
414
}
415
.nihilo .dojoxGridRowbarSelected {
416
        background: url(../../../dijit/themes/nihilo/images/titleBar.png) #D9E8F9 no-repeat center;
417
        border-right: 1px solid #ccc;
418
}
419
.nihilo .dojoxGridRow {
420
        border: none;
421
        background-color: white;
422
}
423
.nihilo .dojoxGridRowOver {
424
        border-top-color: #ccc;
425
        border-bottom-color: #ccc;
426
}
427
.nihilo .dojoxGridRowOver .dojoxGridCell {
428
        background-color: #ffe284; 
429
}
430
.nihilo .dojoxGridRowOdd {
431
        background-color: #f2f5f9;
432
}
433
.nihilo .dojoxGridRowSelected {
434
        background-color: #aec7e3;
435
}
436
.dijit_a11y .nihilo .dojoxGridRowSelected { 
437
        background-color: #aec7e3; 
438
        border-style: solid; 
439
} 
440
.nihilo .dojoxGridCell {
441
        border: 1px dotted #D5CDB5;
442
        border-left-color: transparent;
443
        border-top-color: transparent;
444
}
445
.dj_ff2 .nihilo .dojoxGridCell {
446
        border-left-width: 0px;
447
        border-top-width: 0px;
448
}
449
.dj_ie6 .nihilo .dojoxGridCell {
450
        border: 1px solid white;
451
        border-right: 1px solid #D5CDB5;
452
}
453
.nihilo .dojoxGridCellFocus {
454
        border: 1px dashed darkblue;
455
}
456
.nihilo .dojoxGridCellOver {
457
        border: 1px dotted #a6a6a6;
458
}
459
.nihilo .dojoxGridCellFocus.dojoxGridCellOver {
460
        border: 1px dashed darkblue;
461
}
462
.nihilo .dojoxGridRowEditing td {
463
        
464
        background-color: #ffe284; 
465
        
466
}
467
.nihilo .dojoxGridRow-inserting td {
468
        background-color: #F4FFF4;
469
}
470
.nihilo .dojoxGridRow-inflight td {
471
        background-color: #F2F7B7;
472
}
473
.nihilo .dojoxGridRow-error td {
474
        background-color: #F8B8B6;
475
}
476
.nihilo .dojoxGrid .dojoDndItemBefore {
477
        border-left-color: #ffe284;
478
}
479
.nihilo .dojoxGrid .dojoDndItemAfter {
480
        border-right-color: #ffe284;
481
}
482
.nihilo .dojoxGridExpando {
483
        float: left;
484
        height: 18px;
485
        width: 18px;
486
        text-align: center;
487
        margin-top: -3px;
488
}
489
.dijitRtl .nihilo .dojoxGridExpando {
490
        float: right;
491
}
492
.nihilo .dojoxGridExpandoCell {
493
        padding-top: 5px;
494
}
495
.nihilo .dojoxGridExpandoNode {
496
        height: 18px;
497
        background-image: url('../../../dijit/themes/nihilo/images/spriteTree.gif');
498
}
499
.nihilo .dojoxGridExpandoOpened .dojoxGridExpandoNode {
500
        background: url('../../../dijit/themes/nihilo/images/spriteTree.gif') no-repeat -18px top;
501
}
502
.nihilo .dojoxGridExpandoLoading .dojoxGridExpandoNode {
503
        background: url('../../../dijit/themes/nihilo/images/treeExpand_loading.gif');
504
}
505
.nihilo .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando {
506
        visibility: visible !important;
507
        width: 18px !important;
508
}
509
.nihilo .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode {
510
        background: url('../../../dijit/themes/nihilo/images/spriteTree.gif') no-repeat -36px top;
511
}
512
.nihilo .dojoxGridExpandoNodeInner {
513
        visibility: hidden;
514
}
515
.dijit_a11y .dojoxGridExpandoNodeInner {
516
        visibility: visible;
517
}
518
                
519
.nihilo .dojoxGridSummaryRow .dojoxGridCell {
520
        border-top-color: #999;
521
        border-top-style: solid;
522
}
523
.nihilo .dojoxGridSpacerCell,
524
.nihilo .dojoxGridExpandoCell,
525
.nihilo .dojoxGridSummaryRow .dojoxGridSpacerCell {
526
        border-color: transparent;
527
        border-right-color: #D5CDB5;
528
}
529
.nihilo .dojoxGridSummaryRow .dojoxGridTotalCell,
530
.nihilo .dojoxGridRowCollapsed .dojoxGridExpandoCell,
531
.nihilo .dojoxGridTreeModel .dojoxGridExpandoCell {
532
        border-bottom-color: #D5CDB5;
533
}
534
.nihilo .dojoxGridSubRowAlt {
535
        background-color: #F8F8F8;
536
}
537
.nihilo .dojoxGridRowOdd .dojoxGridSubRowAlt {
538
        background-color: #EDEFF3;
539
}