3 * Copyright(c) 2006-2010 Ext JS, Inc.
5 * http://www.extjs.com/license
11 .x-grid-panel .x-panel-mc .x-panel-body {
15 .x-grid3-row td, .x-grid3-summary-row td{
16 font:normal 11px/13px arial, tahoma, helvetica, sans-serif;
20 font:normal 11px/15px arial, tahoma, helvetica, sans-serif;
25 border-left-color:#eee;
26 border-right-color:#d0d0d0;
30 background-color: #fff;
31 background-image:url(../images/default/shared/loading-balls.gif);
36 border-top-color:#fff;
40 background-color:#fafafa;
45 background-color:#efefef;
46 background-image:url(../images/default/grid/row-over.gif);
49 .x-grid3-resize-proxy {
50 background-color:#777;
53 .x-grid3-resize-marker {
54 background-color:#777;
58 background-color:#f9f9f9;
59 background-image:url(../images/default/grid/grid3-hrow.gif);
63 border-left-color:#d0d0d0;
66 .x-grid3-header-pop-inner {
67 border-left-color:#eee;
68 background-image:url(../images/default/grid/hd-pop.gif);
71 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
72 border-left-color:#aaccf6;
73 border-right-color:#aaccf6;
76 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 {
77 background-color:#ebf3fd;
78 background-image:url(../images/default/grid/grid3-hrow-over.gif);
82 .sort-asc .x-grid3-sort-icon {
83 background-image: url(../images/default/grid/sort_asc.gif);
86 .sort-desc .x-grid3-sort-icon {
87 background-image: url(../images/default/grid/sort_desc.gif);
90 .x-grid3-cell-text, .x-grid3-hd-text {
95 background-image: url(../images/default/grid/grid-split.gif);
102 .x-dd-drag-proxy .x-grid3-hd-inner{
103 background-color:#ebf3fd;
104 background-image:url(../images/default/grid/grid3-hrow-over.gif);
105 border-color:#aaccf6;
109 background-image:url(../images/default/grid/col-move-top.gif);
113 background-image:url(../images/default/grid/col-move-bottom.gif);
116 td.grid-hd-group-cell {
117 background: url(../images/default/grid/grid3-hrow.gif) repeat-x bottom;
120 .x-grid3-row-selected {
121 background-color: #dfe8f6 !important;
122 background-image: none;
123 border-color:#a3bae9;
126 .x-grid3-cell-selected{
127 background-color: #b8cfee !important;
131 .x-grid3-cell-selected span{
132 color:#000 !important;
135 .x-grid3-cell-selected .x-grid3-cell-text{
139 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
140 background-color:#ebeadb !important;
141 background-image:url(../images/default/grid/grid-hrow.gif) !important;
143 border-top-color:#fff;
144 border-right-color:#6fa0df !important;
147 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
148 color:#15428b !important;
151 .x-grid3-dirty-cell {
152 background-image:url(../images/default/grid/dirty.gif);
155 .x-grid3-topbar, .x-grid3-bottombar{
156 font:normal 11px arial, tahoma, helvetica, sans-serif;
159 .x-grid3-bottombar .x-toolbar{
160 border-top-color:#a9bfd3;
163 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
164 background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
165 color:#000 !important;
168 .x-props-grid .x-grid3-body .x-grid3-td-name{
169 background-color:#fff !important;
170 border-right-color:#eee;
173 .xg-hmenu-sort-asc .x-menu-item-icon{
174 background-image: url(../images/default/grid/hmenu-asc.gif);
177 .xg-hmenu-sort-desc .x-menu-item-icon{
178 background-image: url(../images/default/grid/hmenu-desc.gif);
181 .xg-hmenu-lock .x-menu-item-icon{
182 background-image: url(../images/default/grid/hmenu-lock.gif);
185 .xg-hmenu-unlock .x-menu-item-icon{
186 background-image: url(../images/default/grid/hmenu-unlock.gif);
190 background-color:#c3daf9;
191 background-image:url(../images/default/grid/grid3-hd-btn.gif);
194 .x-grid3-body .x-grid3-td-expander {
195 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
198 .x-grid3-row-expander {
199 background-image:url(../images/default/grid/row-expand-sprite.gif);
202 .x-grid3-body .x-grid3-td-checker {
203 background-image: url(../images/default/grid/grid3-special-col-bg.gif);
206 .x-grid3-row-checker, .x-grid3-hd-checker {
207 background-image:url(../images/default/grid/row-check-sprite.gif);
210 .x-grid3-body .x-grid3-td-numberer {
211 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
214 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
218 .x-grid3-body .x-grid3-td-row-icon {
219 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
222 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
223 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
224 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
225 background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif);
229 background-image:url(../images/default/menu/unchecked.gif);
232 .x-grid3-check-col-on {
233 background-image:url(../images/default/menu/checked.gif);
236 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
241 border-bottom-color:#99bbe8;
244 .x-grid-group-hd div.x-grid-group-title {
245 background-image:url(../images/default/grid/group-collapse.gif);
247 font:bold 11px tahoma, arial, helvetica, sans-serif;
250 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
251 background-image:url(../images/default/grid/group-expand.gif);
255 background-image:url(../images/default/grid/group-by.gif);
259 background-image:url(../images/default/grid/columns.gif);
262 .x-show-groups-icon {
263 background-image:url(../images/default/grid/group-by.gif);
268 font:normal 11px tahoma, arial, helvetica, sans-serif;
271 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
272 border-right-color:#ededed;
275 .x-grid-with-col-lines .x-grid3-row-selected {
276 border-top-color:#a3bae9;