view onlypaths/theme/css/grid.css @ 74:24d5d4221b42 laserkard

session with nick, updated the about page
author r@rlm
date Fri, 25 Jun 2010 19:59:31 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
1 /*
2 * Ext JS Library 2.1
3 * Copyright(c) 2006-2008, Ext JS, LLC.
4 * licensing@extjs.com
5 *
6 * http://extjs.com/license
7 */
9 /* Grid3 styles */
10 .x-grid3 {
11 position:relative;
12 overflow:hidden;
13 background-color:#fff;
14 }
16 .x-grid-panel .x-panel-body {
17 overflow:hidden !important;
18 }
20 .x-grid-panel .x-panel-mc .x-panel-body {
21 border:1px solid #99bbe8;
22 }
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 }
49 .x-grid3-hd-row .x-grid3-marker-hd {
50 padding:3px;
51 }
53 .x-grid3-row .x-grid3-marker {
54 padding:3px;
55 }
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 }
65 .x-grid3-hd-inner {
66 position:relative;
67 cursor:inherit;
68 padding:4px 3px 4px 5px;
69 }
71 .x-grid3-row-body {
72 white-space:normal;
73 }
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 }
88 .x-grid3-col {
90 }
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 }
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 }
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: normal;
151 -khtml-user-select: normal;
152 }
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 }
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 }
189 td.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 }
193 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 {
194 background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
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 }
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;}
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 }
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 }
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 }
281 /* Selection Styles */
282 .x-grid3-row-selected {
283 background: #DFE8F6 !important;
284 border:1px dotted #a3bae9;
285 }
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 }
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 }
314 /* dirty cells */
315 .x-grid3-dirty-cell {
316 background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;
317 }
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 }
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 }
366 /* dd */
367 .x-grid3-col-dd {
368 border:0 none;
369 padding:0;
370 background:transparent;
371 }
373 .x-dd-drag-ghost .x-grid3-dd-wrap {
374 padding:1px 3px 3px 1px;
375 }
377 .x-grid3-hd {
378 -moz-user-select:none;
379 }
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 }
392 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
393 display:block;
394 }
396 a.x-grid3-hd-btn:hover {
397 background-position:-14px center;
398 }
400 /* Expanders */
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 }
430 /* Checkers */
432 .x-grid3-body .x-grid3-td-checker {
433 background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
434 }
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 }
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 }
462 /* Numberer */
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 }
473 /* All specials */
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 }
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 }
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 }
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 }
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 }
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 }
544 .x-grid-empty {
545 padding:10px;
546 color:gray;
547 font:normal 11px tahoma, arial, helvetica, sans-serif;
548 }
551 /* fix floating toolbar issue */
552 .ext-ie7 .x-grid-panel .x-panel-bbar {
553 position:relative;
554 }