Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / grid / resources / claroGrid.css @ 13

History | View | Annotate | Download (12.3 KB)

1

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