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 
}