3 * Copyright(c) 2006-2009 Ext JS, LLC
5 * http://www.extjs.com/license
13 .x-grid-panel .x-panel-body {
\r
14 overflow:hidden !important;
\r
17 .x-grid-panel .x-panel-mc .x-panel-body {
\r
29 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
\r
31 -moz-user-focus: normal;
\r
34 .x-grid3-row td, .x-grid3-summary-row td {
\r
36 vertical-align: top;
\r
39 -moz-user-select: none;
\r
40 -khtml-user-select:none;
\r
41 -webkit-user-select:ignore;
\r
45 -moz-user-select: none;
\r
46 -khtml-user-select:none;
\r
47 -webkit-user-select:ignore;
\r
50 .x-grid3-hd-row td {
\r
52 vertical-align:middle;
\r
53 border-left:1px solid;
\r
54 border-right:1px solid;
\r
57 .x-grid3-hd-row .x-grid3-marker-hd {
\r
61 .x-grid3-row .x-grid3-marker {
\r
65 .x-grid3-cell-inner, .x-grid3-hd-inner{
\r
67 -o-text-overflow: ellipsis;
\r
68 text-overflow: ellipsis;
\r
69 padding:3px 3px 3px 5px;
\r
70 white-space: nowrap;
\r
76 padding:4px 3px 4px 5px;
\r
83 .x-grid3-body-cell {
\r
84 -moz-outline:0 none;
\r
88 /* IE Quirks to clip */
\r
89 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
\r
93 /* reverse above in strict mode */
\r
94 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
\r
98 .x-grid-row-loading {
\r
99 background: no-repeat center center;
\r
112 .x-grid3-row-over {
\r
114 background: repeat-x left top;
\r
117 .x-grid3-resize-proxy {
\r
121 cursor: col-resize;
\r
131 .x-grid3-resize-marker {
\r
151 -moz-outline:0 none;
\r
153 -moz-user-select: text;
\r
154 -khtml-user-select: text;
\r
155 -webkit-user-select:ignore;
\r
158 /* header styles */
\r
160 background: repeat-x 0 bottom;
\r
166 .x-grid3-header-pop {
\r
167 border-left:1px solid;
\r
172 .x-grid3-header-pop-inner {
\r
173 border-left:1px solid;
\r
176 background: transparent no-repeat center center;
\r
179 .ext-ie .x-grid3-header-pop-inner {
\r
183 .ext-strict .x-grid3-header-pop-inner {
\r
187 .x-grid3-header-inner {
\r
193 .x-grid3-header-offset {
\r
198 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
\r
199 border-left:1px solid;
\r
200 border-right:1px solid;
\r
203 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 {
\r
204 background: repeat-x left bottom;
\r
208 .x-grid3-sort-icon{
\r
209 background-repeat: no-repeat;
\r
214 vertical-align: middle;
\r
217 .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
\r
221 /* Header position fixes for IE strict mode */
\r
222 .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
\r
226 .ext-strict .ext-ie6 .x-grid3-hd-inner{
\r
235 .x-grid3-scroller {
\r
241 .x-grid3-cell-text, .x-grid3-hd-text {
\r
243 padding: 3px 5px 3px 5px;
\r
244 -moz-user-select: none;
\r
245 -khtml-user-select: none;
\r
246 -webkit-user-select:ignore;
\r
250 background-position: center;
\r
251 background-repeat: no-repeat;
\r
253 cursor: col-resize;
\r
258 position: absolute;
\r
264 /* Column Reorder DD */
\r
265 .x-dd-drag-proxy .x-grid3-hd-inner{
\r
266 background: repeat-x left bottom;
\r
273 .col-move-top, .col-move-bottom{
\r
283 background:transparent no-repeat left top;
\r
286 /* Selection Styles */
\r
287 .x-grid3-row-selected {
\r
291 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
\r
292 background: repeat-x 0 bottom !important;
\r
293 vertical-align:middle !important;
\r
295 border-top:1px solid;
\r
296 border-bottom:none !important;
\r
297 border-right:1px solid !important;
\r
301 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
\r
307 .x-grid3-dirty-cell {
\r
308 background: transparent no-repeat 0 0;
\r
311 /* Grid Toolbars */
\r
312 .x-grid3-topbar, .x-grid3-bottombar{
\r
319 .x-grid3-topbar .x-toolbar{
\r
320 border-right:0 none;
\r
323 .x-grid3-bottombar .x-toolbar{
\r
324 border-right:0 none;
\r
325 border-bottom:0 none;
\r
326 border-top:1px solid;
\r
329 /* Props Grid Styles */
\r
330 .x-props-grid .x-grid3-cell{
\r
334 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
\r
335 background:transparent repeat-y -16px !important;
\r
339 .x-props-grid .x-grid3-body .x-grid3-td-name{
\r
343 border-right:1px solid;
\r
350 background:transparent;
\r
353 .x-dd-drag-ghost .x-grid3-dd-wrap {
\r
354 padding:1px 3px 3px 1px;
\r
358 -moz-user-select:none;
\r
359 -khtml-user-select:none;
\r
360 -webkit-user-select:ignore;
\r
367 background:no-repeat left center;
\r
374 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
\r
378 a.x-grid3-hd-btn:hover {
\r
379 background-position:-14px center;
\r
383 .x-grid3-body .x-grid3-td-expander {
\r
384 background:transparent repeat-y right;
\r
387 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
\r
388 padding:0 !important;
\r
392 .x-grid3-row-expander {
\r
395 background-position:4px 2px;
\r
396 background-repeat:no-repeat;
\r
397 background-color:transparent;
\r
400 .x-grid3-row-collapsed .x-grid3-row-expander {
\r
401 background-position:4px 2px;
\r
404 .x-grid3-row-expanded .x-grid3-row-expander {
\r
405 background-position:-21px 2px;
\r
408 .x-grid3-row-collapsed .x-grid3-row-body {
\r
409 display:none !important;
\r
412 .x-grid3-row-expanded .x-grid3-row-body {
\r
413 display:block !important;
\r
417 .x-grid3-body .x-grid3-td-checker {
\r
418 background:transparent repeat-y right;
\r
421 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
\r
422 padding:0 !important;
\r
426 .x-grid3-row-checker, .x-grid3-hd-checker {
\r
429 background-position:2px 2px;
\r
430 background-repeat:no-repeat;
\r
431 background-color:transparent;
\r
434 .x-grid3-row .x-grid3-row-checker {
\r
435 background-position:2px 2px;
\r
438 .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
\r
439 background-position:-23px 2px;
\r
442 .x-grid3-hd-checker {
\r
443 background-position:2px 3px;
\r
446 .x-grid3-hd-checker-on .x-grid3-hd-checker {
\r
447 background-position:-23px 3px;
\r
451 .x-grid3-body .x-grid3-td-numberer {
\r
452 background:transparent repeat-y right;
\r
455 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
\r
456 padding:3px 5px 0 0 !important;
\r
462 .x-grid3-body .x-grid3-td-row-icon {
\r
463 background:transparent repeat-y right;
\r
464 vertical-align:top;
\r
468 .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
\r
469 padding:0 !important;
\r
470 background-position:center center;
\r
471 background-repeat:no-repeat;
\r
479 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
\r
480 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
\r
481 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
\r
482 background:transparent repeat-y right;
\r
485 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
\r
486 padding: 1px 0 0 0 !important;
\r
489 .x-grid3-check-col {
\r
492 background-position:center center;
\r
493 background-repeat:no-repeat;
\r
494 background-color:transparent;
\r
497 .x-grid3-check-col-on {
\r
500 background-position:center center;
\r
501 background-repeat:no-repeat;
\r
502 background-color:transparent;
\r
505 /* Grouping classes */
\r
506 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
\r
511 border-bottom: 2px solid;
\r
516 .x-grid-group-hd div.x-grid-group-title {
\r
517 background:transparent no-repeat 3px 3px;
\r
518 padding:4px 4px 4px 17px;
\r
521 .x-grid-group-collapsed .x-grid-group-body {
\r
525 .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
\r
530 .ext-ie .x-props-grid .x-editor .x-form-text {
\r
539 /* fix floating toolbar issue */
\r
540 .ext-ie7 .x-grid-panel .x-panel-bbar {
\r
545 /* Reset position to static when Grid Panel has been framed */
\r
546 /* to resolve 'snapping' from top to bottom behavior. */
\r
547 /* @forumThread 86656 */
\r
548 .ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
\r
553 .ext-ie6 .x-grid3-header {
\r
554 position: relative;
\r
558 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
\r
560 border-right:1px solid;
\r