source: trunk/web/addons/job_monarch/lib/extjs/resources/css/grid.css @ 619

Last change on this file since 619 was 619, checked in by ramonb, 15 years ago

lib/:

  • added new AJAX dependancies: ExtJS, pChart, Lightbox2
File size: 12.8 KB
Line 
1/*
2 * Ext JS Library 2.2.1
3 * Copyright(c) 2006-2009, 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.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        left:0;
143        top:0;
144        width:1px;
145        height:1px;
146    line-height:1px;
147    font-size:1px;
148    -moz-outline:0 none;
149    outline:0 none;
150    -moz-user-select: text;
151    -khtml-user-select: text;
152}
153
154/* header styles */
155.x-grid3-header{
156        background: #f9f9f9 url(../images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
157        cursor:default;
158    zoom:1;
159    padding:1px 0 0 0;
160}
161
162.x-grid3-header-pop {
163    border-left:1px solid #d0d0d0;
164    float:right;
165    clear:none;
166}
167.x-grid3-header-pop-inner {
168    border-left:1px solid #eee;
169    width:14px;
170    height:19px;
171    background: transparent url(../images/default/grid/hd-pop.gif) no-repeat center center;
172}
173.ext-ie .x-grid3-header-pop-inner {
174    width:15px;
175}
176.ext-strict .x-grid3-header-pop-inner {
177    width:14px; 
178}
179.x-grid3-header-inner {
180    overflow:hidden;
181    zoom:1;
182    float:left;
183}
184.x-grid3-header-offset {
185    padding-left:1px;
186         width:10000px;
187}
188
189td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
190    border-left:1px solid #aaccf6;
191    border-right:1px solid #aaccf6;
192}
193td.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 {
194    background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
195
196}
197.x-grid3-sort-icon{
198        background-repeat: no-repeat;
199        display: none;
200        height: 4px;
201        width: 13px;
202        margin-left:3px;
203        vertical-align: middle;
204}
205.sort-asc .x-grid3-sort-icon {
206        background-image: url(../images/default/grid/sort_asc.gif);
207        display: inline;
208}
209.sort-desc .x-grid3-sort-icon {
210        background-image: url(../images/default/grid/sort_desc.gif);
211        display: inline;
212}
213
214/* Header position fixes for IE strict mode */
215.ext-strict .ext-ie .x-grid3-header-inner{position:relative;}
216.ext-strict .ext-ie6 .x-grid3-hd{position:relative;}
217.ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}
218
219/* Body Styles */
220.x-grid3-body {
221        zoom:1;
222}
223.x-grid3-scroller {
224        overflow:auto;
225    zoom:1;
226    position:relative;
227}
228.x-grid3-cell-text, .x-grid3-hd-text {
229        display: block;
230        padding: 3px 5px 3px 5px;
231        -moz-user-select: none;
232        -khtml-user-select: none;
233        color:black;
234}
235.x-grid3-split {
236        background-image: url(../images/default/grid/grid-split.gif);
237        background-position: center;
238        background-repeat: no-repeat;
239        cursor: e-resize;
240        cursor: col-resize;
241        display: block;
242        font-size: 1px;
243        height: 16px;
244        overflow: hidden;
245        position: absolute;
246        top: 2px;
247        width: 6px;
248        z-index: 3;
249}
250
251.x-grid3-hd-text {
252        color:#15428b;
253}
254/* Column Reorder DD */
255.x-dd-drag-proxy .x-grid3-hd-inner{
256        background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
257        width:120px;
258        padding:3px;
259        border:1px solid #aaccf6;
260        overflow:hidden;
261}
262
263.col-move-top, .col-move-bottom{
264        width:9px;
265        height:9px;
266        position:absolute;
267        top:0;
268        line-height:1px;
269        font-size:1px;
270        overflow:hidden;
271        visibility:hidden;
272        z-index:20000;
273}
274.col-move-top{
275        background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top;
276}
277.col-move-bottom{
278        background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top;
279}
280
281/* Selection Styles */
282.x-grid3-row-selected {
283        background: #DFE8F6 !important;
284        border:1px dotted #a3bae9;
285}
286
287.x-grid3-cell-selected{
288        background-color: #B8CFEE !important;
289        color: black;
290}
291.x-grid3-cell-selected span{
292        color: black !important;
293}
294.x-grid3-cell-selected .x-grid3-cell-text{
295        color: black;
296}
297
298.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
299    background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom !important;
300    vertical-align:middle !important;
301    color:black;
302    padding:0;
303    border-top:1px solid white;
304    border-bottom:none !important;
305    border-right:1px solid #6fa0df !important;
306    text-align:center;
307}
308.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
309    padding:0 4px;
310    color:#15428b !important;
311    text-align:center;
312}
313
314/* dirty cells */
315.x-grid3-dirty-cell {
316    background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;
317}
318
319/* Grid Toolbars */
320.x-grid3-topbar, .x-grid3-bottombar{
321        font:normal 11px arial, tahoma, helvetica, sans-serif;
322    overflow:hidden;
323        display:none;
324        zoom:1;
325    position:relative;
326}
327.x-grid3-topbar .x-toolbar{
328        border-right:0 none;
329}
330.x-grid3-bottombar .x-toolbar{
331        border-right:0 none;
332        border-bottom:0 none;
333        border-top:1px solid #a9bfd3;
334}
335/* Props Grid Styles */
336.x-props-grid .x-grid3-cell{
337        padding:1px;
338}
339.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
340        background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y -16px !important;
341    padding-left:12px;
342    color:black !important;
343}
344.x-props-grid .x-grid3-body .x-grid3-td-name{
345    padding:1px;
346    padding-right:0;
347    background:white !important;
348    border:0 none;
349    border-right:1px solid #eeeeee;
350}
351
352/* header menu */
353.xg-hmenu-sort-asc .x-menu-item-icon{
354        background-image: url(../images/default/grid/hmenu-asc.gif);
355}
356.xg-hmenu-sort-desc .x-menu-item-icon{
357        background-image: url(../images/default/grid/hmenu-desc.gif);
358}
359.xg-hmenu-lock .x-menu-item-icon{
360        background-image: url(../images/default/grid/hmenu-lock.gif);
361}
362.xg-hmenu-unlock .x-menu-item-icon{
363        background-image: url(../images/default/grid/hmenu-unlock.gif);
364}
365
366/* dd */
367.x-grid3-col-dd {
368    border:0 none;
369    padding:0;
370    background:transparent;
371}
372
373.x-dd-drag-ghost .x-grid3-dd-wrap {
374    padding:1px 3px 3px 1px;
375}
376
377.x-grid3-hd {
378    -moz-user-select:none;
379}
380
381.x-grid3-hd-btn {
382    display:none;
383    position:absolute;
384    width:14px;
385    background:#c3daf9 url(../images/default/grid/grid3-hd-btn.gif) no-repeat left center;
386    right:0;
387    top:0;
388    z-index:2;
389         cursor:pointer;
390}
391
392.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
393    display:block;
394}
395
396a.x-grid3-hd-btn:hover {
397    background-position:-14px center;
398}
399
400/* Expanders */
401
402.x-grid3-body .x-grid3-td-expander {
403    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
404}
405.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
406    padding:0 !important;
407    height:100%;
408}
409.x-grid3-row-expander {
410    width:100%;
411    height:18px;
412    background-position:4px 2px;
413    background-repeat:no-repeat;
414    background-color:transparent;
415         background-image:url(../images/default/grid/row-expand-sprite.gif);
416}
417.x-grid3-row-collapsed .x-grid3-row-expander {
418    background-position:4px 2px;
419}
420.x-grid3-row-expanded .x-grid3-row-expander {
421    background-position:-21px 2px;
422}
423.x-grid3-row-collapsed .x-grid3-row-body {
424    display:none !important;
425}
426.x-grid3-row-expanded .x-grid3-row-body {
427    display:block !important;
428}
429
430/* Checkers */
431
432.x-grid3-body .x-grid3-td-checker {
433    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
434}
435
436.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
437    padding:0 !important;
438    height:100%;
439}
440
441.x-grid3-row-checker, .x-grid3-hd-checker {
442    width:100%;
443    height:18px;
444    background-position:2px 2px;
445    background-repeat:no-repeat;
446    background-color:transparent;
447         background-image:url(../images/default/grid/row-check-sprite.gif);
448}
449.x-grid3-row .x-grid3-row-checker {
450    background-position:2px 2px;
451}
452.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker {
453    background-position:-23px 2px;
454}
455.x-grid3-hd-checker {
456    background-position:2px 3px;
457}
458.x-grid3-hd-checker-on .x-grid3-hd-checker {
459    background-position:-23px 3px;
460}
461
462/* Numberer */
463
464.x-grid3-body .x-grid3-td-numberer {
465    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
466}
467.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
468    padding:3px 5px 0 0 !important;
469    text-align:right;
470         color:#444;
471}
472
473/* All specials */
474
475.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
476.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
477.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
478        background:transparent url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;
479}
480.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
481    padding: 1px 0 0 0 !important;
482}
483
484.x-grid3-check-col {
485    width:100%;
486    height:16px;
487    background-position:center center;
488    background-repeat:no-repeat;
489    background-color:transparent;
490        background-image:url(../images/default/menu/unchecked.gif);
491}
492
493
494.x-grid3-check-col-on {
495    width:100%;
496    height:16px;
497    background-position:center center;
498    background-repeat:no-repeat;
499    background-color:transparent;
500        background-image:url(../images/default/menu/checked.gif);
501}
502
503/* Grouping classes */
504.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
505    zoom:1;
506}
507.x-grid-group-hd {
508    border-bottom: 2px solid #99bbe8;
509    cursor:pointer;
510    padding-top:6px;
511}
512.x-grid-group-hd div {
513    background:transparent url(../images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
514    padding:4px 4px 4px 17px;
515    color:#3764a0;
516    font:bold 11px tahoma, arial, helvetica, sans-serif;
517}
518.x-grid-group-collapsed .x-grid-group-hd div {
519    background-position: 3px 3px;
520}
521.x-grid-group-collapsed .x-grid-group-body {
522    display:none;
523}
524
525.x-group-by-icon {
526    background-image:url(../images/default/grid/group-by.gif);
527}
528.x-cols-icon {
529    background-image:url(../images/default/grid/columns.gif);
530}
531.x-show-groups-icon {
532    background-image:url(../images/default/grid/group-by.gif);
533}
534
535.ext-ie .x-grid3 .x-editor .x-form-text {
536    position:relative;
537    top:-1px;
538}
539.ext-ie .x-props-grid .x-editor .x-form-text {
540    position:static;
541    top:0;
542}
543
544.x-grid-empty {
545    padding:10px;
546    color:gray;
547    font:normal 11px tahoma, arial, helvetica, sans-serif;
548}
549
550
551/* fix floating toolbar issue */
552.ext-ie7 .x-grid-panel .x-panel-bbar {
553    position:relative;
554}
Note: See TracBrowser for help on using the repository browser.