Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2108 mathias 1
/*
2
 * Ext JS Library 2.0.2
3
 * Copyright(c) 2006-2008, Ext JS, LLC.
4
 * licensing@extjs.com
5
 *
6
 * http://extjs.com/license
7
 */
8
 
9
/* Grid3 styles */
10
.x-grid3 {
11
	position:relative;
12
	overflow:hidden;
13
    background-color:#fff;
14
}
15
 
16
.x-grid-panel .x-panel-body {
17
    overflow:hidden !important;
18
}
19
 
20
.x-grid-panel .x-panel-mc .x-panel-body {
21
    border:1px solid #99bbe8;
22
}
23
 
24
.ext-ie .x-grid3 table,.ext-safari .x-grid3 table {
25
    table-layout:fixed;
26
}
27
.x-grid3-viewport{
28
	overflow:hidden;
29
}
30
.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
31
	font:normal 11px arial, tahoma, helvetica, sans-serif;
32
    -moz-outline: none;
33
	-moz-user-focus: normal;
34
}
35
.x-grid3-row td, .x-grid3-summary-row td {
36
    line-height:13px;
37
    vertical-align: top;
38
	padding-left:1px;
39
    padding-right:1px;
40
    -moz-user-select: none;
41
}
42
.x-grid3-hd-row td {
43
    line-height:15px;
44
    vertical-align:middle;
45
    border-left:1px solid #eee;
46
    border-right:1px solid #d0d0d0;
47
}
48
 
49
.x-grid3-hd-row .x-grid3-marker-hd {
50
    padding:3px;
51
}
52
 
53
.x-grid3-row .x-grid3-marker {
54
    padding:3px;
55
}
56
 
57
.x-grid3-cell-inner, .x-grid3-hd-inner{
58
	overflow:hidden;
59
	-o-text-overflow: ellipsis;
60
	text-overflow: ellipsis;
61
    padding:3px 3px 3px 5px;
62
    white-space: nowrap;
63
}
64
 
65
.x-grid3-hd-inner {
66
    position:relative;
67
	 cursor:inherit;
68
	 padding:4px 3px 4px 5px;
69
}
70
 
71
.x-grid3-row-body {
72
    white-space:normal;
73
}
74
 
75
.x-grid3-body-cell {
76
    -moz-outline:0 none;
77
    outline:0 none;
78
}
79
/* IE Quirks to clip */
80
.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
81
	width:100%;
82
}
83
/* reverse above in strict mode */
84
.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
85
	width:auto;
86
}
87
 
88
.x-grid3-col {
89
 
90
}
91
 
92
.x-grid-row-loading {
93
    background: #fff url(../images/default/shared/loading-balls.gif) no-repeat center center;
94
}
95
.x-grid-page {
96
    overflow:hidden;
97
}
98
.x-grid3-row {
99
	cursor: default;
100
    border:1px solid #ededed;
101
    border-top-color:#fff;
102
    /*border-bottom: 1px solid #ededed;*/
103
    width:100%;
104
}
105
.x-grid3-row-alt{
106
	background-color:#fafafa;
107
}
108
 
109
.x-grid3-row-over {
110
	border:1px solid #dddddd;
111
    background: #efefef url(../images/default/grid/row-over.gif) repeat-x left top;
112
}
113
 
114
.x-grid3-resize-proxy {
115
	width:1px;
116
    left:0;
117
    background-color:#777;
118
	cursor: e-resize;
119
	cursor: col-resize;
120
	position:absolute;
121
	top:0;
122
	height:100px;
123
	overflow:hidden;
124
	visibility:hidden;
125
	border:0 none;
126
	z-index:7;
127
}
128
.x-grid3-resize-marker {
129
	width:1px;
130
	left:0;
131
    background-color:#777;
132
	position:absolute;
133
	top:0;
134
	height:100px;
135
	overflow:hidden;
136
	visibility:hidden;
137
	border:0 none;
138
	z-index:7;
139
}
140
.x-grid3-focus {
141
	position:absolute;
142
	top:0;
143
	-moz-outline:0 none;
144
    outline:0 none;
145
    -moz-user-select: normal;
146
    -khtml-user-select: normal;
147
}
148
 
149
/* header styles */
150
.x-grid3-header{
151
	background: #f9f9f9 url(../images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
152
	cursor:default;
153
    zoom:1;
154
    padding:1px 0 0 0;
155
}
156
 
157
.x-grid3-header-pop {
158
    border-left:1px solid #d0d0d0;
159
    float:right;
160
    clear:none;
161
}
162
.x-grid3-header-pop-inner {
163
    border-left:1px solid #eee;
164
    width:14px;
165
    height:19px;
166
    background: transparent url(../images/default/grid/hd-pop.gif) no-repeat center center;
167
}
168
.ext-ie .x-grid3-header-pop-inner {
169
    width:15px;
170
}
171
.ext-strict .x-grid3-header-pop-inner {
172
    width:14px;
173
}
174
.x-grid3-header-inner {
175
    overflow:hidden;
176
    zoom:1;
177
    float:left;
178
}
179
.x-grid3-header-offset {
180
    padding-left:1px;
181
	 width:10000px;
182
}
183
 
184
td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
185
    border-left:1px solid #aaccf6;
186
    border-right:1px solid #aaccf6;
187
}
188
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
189
    background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
190
 
191
}
192
.x-grid3-sort-icon{
193
	background-repeat: no-repeat;
194
	display: none;
195
	height: 4px;
196
	width: 13px;
197
	margin-left:3px;
198
	vertical-align: middle;
199
}
200
.sort-asc .x-grid3-sort-icon {
201
	background-image: url(../images/default/grid/sort_asc.gif);
202
	display: inline;
203
}
204
.sort-desc .x-grid3-sort-icon {
205
	background-image: url(../images/default/grid/sort_desc.gif);
206
	display: inline;
207
}
208
 
209
/* Header position fixes for IE strict mode */
210
.ext-strict .ext-ie .x-grid3-header-inner{position:relative;}
211
.ext-strict .ext-ie6 .x-grid3-hd{position:relative;}
212
.ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}
213
 
214
/* Body Styles */
215
.x-grid3-body {
216
	zoom:1;
217
}
218
.x-grid3-scroller {
219
	overflow:auto;
220
    zoom:1;
221
    position:relative;
222
}
223
.x-grid3-cell-text, .x-grid3-hd-text {
224
	display: block;
225
	padding: 3px 5px 3px 5px;
226
	-moz-user-select: none;
227
	-khtml-user-select: none;
228
	color:black;
229
}
230
.x-grid3-split {
231
	background-image: url(../images/default/grid/grid-split.gif);
232
	background-position: center;
233
	background-repeat: no-repeat;
234
	cursor: e-resize;
235
	cursor: col-resize;
236
	display: block;
237
	font-size: 1px;
238
	height: 16px;
239
	overflow: hidden;
240
	position: absolute;
241
	top: 2px;
242
	width: 6px;
243
	z-index: 3;
244
}
245
 
246
.x-grid3-hd-text {
247
	color:#15428b;
248
}
249
/* Column Reorder DD */
250
.x-dd-drag-proxy .x-grid3-hd-inner{
251
	background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
252
	width:120px;
253
	padding:3px;
254
	border:1px solid #aaccf6;
255
	overflow:hidden;
256
}
257
 
258
.col-move-top, .col-move-bottom{
259
	width:9px;
260
	height:9px;
261
	position:absolute;
262
	top:0;
263
	line-height:1px;
264
	font-size:1px;
265
	overflow:hidden;
266
	visibility:hidden;
267
	z-index:20000;
268
}
269
.col-move-top{
270
	background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top;
271
}
272
.col-move-bottom{
273
	background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top;
274
}
275
 
276
/* Selection Styles */
277
.x-grid3-row-selected {
278
	background: #DFE8F6 !important;
279
	border:1px dotted #a3bae9;
280
}
281
 
282
.x-grid3-cell-selected{
283
	background-color: #B8CFEE !important;
284
	color: black;
285
}
286
.x-grid3-cell-selected span{
287
	color: black !important;
288
}
289
.x-grid3-cell-selected .x-grid3-cell-text{
290
	color: black;
291
}
292
 
293
.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
294
    background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom !important;
295
    vertical-align:middle !important;
296
    color:black;
297
    padding:0;
298
    border-top:1px solid white;
299
    border-bottom:none !important;
300
    border-right:1px solid #6fa0df !important;
301
    text-align:center;
302
}
303
.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
304
    padding:0 4px;
305
    color:#15428b !important;
306
    text-align:center;
307
}
308
 
309
/* dirty cells */
310
.x-grid3-dirty-cell {
311
    background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;
312
}
313
 
314
/* Grid Toolbars */
315
.x-grid3-topbar, .x-grid3-bottombar{
316
	font:normal 11px arial, tahoma, helvetica, sans-serif;
317
    overflow:hidden;
318
	display:none;
319
	zoom:1;
320
    position:relative;
321
}
322
.x-grid3-topbar .x-toolbar{
323
	border-right:0 none;
324
}
325
.x-grid3-bottombar .x-toolbar{
326
	border-right:0 none;
327
	border-bottom:0 none;
328
	border-top:1px solid #a9bfd3;
329
}
330
/* Props Grid Styles */
331
.x-props-grid .x-grid3-cell{
332
	padding:1px;
333
}
334
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
335
	background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y -16px !important;
336
    padding-left:12px;
337
    color:black !important;
338
}
339
.x-props-grid .x-grid3-body .x-grid3-td-name{
340
    padding:1px;
341
    padding-right:0;
342
    background:white !important;
343
    border:0 none;
344
    border-right:1px solid #eeeeee;
345
}
346
 
347
/* header menu */
348
.xg-hmenu-sort-asc .x-menu-item-icon{
349
	background-image: url(../images/default/grid/hmenu-asc.gif);
350
}
351
.xg-hmenu-sort-desc .x-menu-item-icon{
352
	background-image: url(../images/default/grid/hmenu-desc.gif);
353
}
354
.xg-hmenu-lock .x-menu-item-icon{
355
	background-image: url(../images/default/grid/hmenu-lock.gif);
356
}
357
.xg-hmenu-unlock .x-menu-item-icon{
358
	background-image: url(../images/default/grid/hmenu-unlock.gif);
359
}
360
 
361
/* dd */
362
.x-grid3-col-dd {
363
    border:0 none;
364
    padding:0;
365
    background:transparent;
366
}
367
 
368
.x-dd-drag-ghost .x-grid3-dd-wrap {
369
    padding:1px 3px 3px 1px;
370
}
371
 
372
.x-grid3-hd {
373
    -moz-user-select:none;
374
}
375
 
376
.x-grid3-hd-btn {
377
    display:none;
378
    position:absolute;
379
    width:14px;
380
    background:#c3daf9 url(../images/default/grid/grid3-hd-btn.gif) no-repeat left center;
381
    right:0;
382
    top:0;
383
    z-index:2;
384
	 cursor:pointer;
385
}
386
 
387
.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
388
    display:block;
389
}
390
 
391
a.x-grid3-hd-btn:hover {
392
    background-position:-14px center;
393
}
394
 
395
/* Expanders */
396
 
397
.x-grid3-body .x-grid3-td-expander {
398
    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
399
}
400
.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
401
    padding:0 !important;
402
    height:100%;
403
}
404
.x-grid3-row-expander {
405
    width:100%;
406
    height:18px;
407
    background-position:4px 2px;
408
    background-repeat:no-repeat;
409
    background-color:transparent;
410
	 background-image:url(../images/default/grid/row-expand-sprite.gif);
411
}
412
.x-grid3-row-collapsed .x-grid3-row-expander {
413
    background-position:4px 2px;
414
}
415
.x-grid3-row-expanded .x-grid3-row-expander {
416
    background-position:-21px 2px;
417
}
418
.x-grid3-row-collapsed .x-grid3-row-body {
419
    display:none !important;
420
}
421
.x-grid3-row-expanded .x-grid3-row-body {
422
    display:block !important;
423
}
424
 
425
/* Checkers */
426
 
427
.x-grid3-body .x-grid3-td-checker {
428
    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
429
}
430
 
431
.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
432
    padding:0 !important;
433
    height:100%;
434
}
435
 
436
.x-grid3-row-checker, .x-grid3-hd-checker {
437
    width:100%;
438
    height:18px;
439
    background-position:2px 2px;
440
    background-repeat:no-repeat;
441
    background-color:transparent;
442
	 background-image:url(../images/default/grid/row-check-sprite.gif);
443
}
444
.x-grid3-row .x-grid3-row-checker {
445
    background-position:2px 2px;
446
}
447
.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker {
448
    background-position:-23px 2px;
449
}
450
.x-grid3-hd-checker {
451
    background-position:2px 3px;
452
}
453
.x-grid3-hd-checker-on .x-grid3-hd-checker {
454
    background-position:-23px 3px;
455
}
456
 
457
/* Numberer */
458
 
459
.x-grid3-body .x-grid3-td-numberer {
460
    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
461
}
462
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
463
    padding:3px 5px 0 0 !important;
464
    text-align:right;
465
	 color:#444;
466
}
467
 
468
/* All specials */
469
 
470
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
471
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
472
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
473
	background:transparent url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;
474
}
475
.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
476
    padding: 1px 0 0 0 !important;
477
}
478
 
479
.x-grid3-check-col {
480
    width:100%;
481
    height:16px;
482
    background-position:center center;
483
    background-repeat:no-repeat;
484
    background-color:transparent;
485
	background-image:url(../images/default/menu/unchecked.gif);
486
}
487
 
488
 
489
.x-grid3-check-col-on {
490
    width:100%;
491
    height:16px;
492
    background-position:center center;
493
    background-repeat:no-repeat;
494
    background-color:transparent;
495
	background-image:url(../images/default/menu/checked.gif);
496
}
497
 
498
/* Grouping classes */
499
.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
500
    zoom:1;
501
}
502
.x-grid-group-hd {
503
    border-bottom: 2px solid #99bbe8;
504
    cursor:pointer;
505
    padding-top:6px;
506
}
507
.x-grid-group-hd div {
508
    background:transparent url(../images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
509
    padding:4px 4px 4px 17px;
510
    color:#3764a0;
511
    font:bold 11px tahoma, arial, helvetica, sans-serif;
512
}
513
.x-grid-group-collapsed .x-grid-group-hd div {
514
    background-position: 3px 3px;
515
}
516
.x-grid-group-collapsed .x-grid-group-body {
517
    display:none;
518
}
519
 
520
.x-group-by-icon {
521
    background-image:url(../images/default/grid/group-by.gif);
522
}
523
.x-cols-icon {
524
    background-image:url(../images/default/grid/columns.gif);
525
}
526
.x-show-groups-icon {
527
    background-image:url(../images/default/grid/group-by.gif);
528
}
529
 
530
.ext-ie .x-grid3 .x-editor .x-form-text {
531
    position:relative;
532
    top:-1px;
533
}
534
.ext-ie .x-props-grid .x-editor .x-form-text {
535
    position:static;
536
    top:0;
537
}
538
 
539
.x-grid-empty {
540
    padding:10px;
541
    color:gray;
542
    font:normal 11px tahoma, arial, helvetica, sans-serif;
543
}
544
 
545
 
546
/* fix floating toolbar issue */
547
.ext-ie7 .x-grid-panel .x-panel-bbar {
548
    position:relative;
549
}