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-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
16 font:normal 11px arial, tahoma, helvetica, sans-serif;
20 border-left-color:#eee;
21 border-right-color:#d0d0d0;
25 background-color: #fff;
26 background-image:url(../images/default/shared/loading-balls.gif);
31 border-top-color:#fff;
35 background-color:#fafafa;
40 background-color:#efefef;
41 background-image:url(../images/default/grid/row-over.gif);
44 .x-grid3-resize-proxy {
45 background-color:#777;
48 .x-grid3-resize-marker {
49 background-color:#777;
53 background-color:#f9f9f9;
54 background-image:url(../images/gray/grid/grid3-hrow2.gif);
58 border-left-color:#d0d0d0;
61 .x-grid3-header-pop-inner {
62 border-left-color:#eee;
63 background-image:url(../images/default/grid/hd-pop.gif);
66 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
67 border-left-color:#ACACAC;
68 border-right-color:#ACACAC;
71 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 {
72 background-color:#f9f9f9;
73 background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
77 .sort-asc .x-grid3-sort-icon {
78 background-image: url(../images/gray/grid/sort_asc.gif);
81 .sort-desc .x-grid3-sort-icon {
82 background-image: url(../images/gray/grid/sort_desc.gif);
85 .x-grid3-cell-text, .x-grid3-hd-text {
90 background-image: url(../images/default/grid/grid-split.gif);
97 .x-dd-drag-proxy .x-grid3-hd-inner{
98 background-color:#f9f9f9;
99 background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
100 border-color:#ACACAC;
104 background-image:url(../images/gray/grid/col-move-top.gif);
108 background-image:url(../images/gray/grid/col-move-bottom.gif);
111 .x-grid3-row-selected {
112 background-color:#CCCCCC !important;
113 background-image: none;
114 border-color:#ACACAC;
117 .x-grid3-cell-selected{
118 background-color: #CBCBCB !important;
122 .x-grid3-cell-selected span{
123 color:#000 !important;
126 .x-grid3-cell-selected .x-grid3-cell-text{
130 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
131 background-color:#ebeadb !important;
132 background-image:url(../images/default/grid/grid-hrow.gif) !important;
134 border-top-color:#fff;
135 border-right-color:#6fa0df !important;
138 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
139 color:#333 !important;
142 .x-grid3-dirty-cell {
143 background-image:url(../images/default/grid/dirty.gif);
146 .x-grid3-topbar, .x-grid3-bottombar{
147 font:normal 11px arial, tahoma, helvetica, sans-serif;
150 .x-grid3-bottombar .x-toolbar{
151 border-top-color:#a9bfd3;
154 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
155 background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
156 color:#000 !important;
159 .x-props-grid .x-grid3-body .x-grid3-td-name{
160 background-color:#fff !important;
161 border-right-color:#eee;
164 .xg-hmenu-sort-asc .x-menu-item-icon{
165 background-image: url(../images/default/grid/hmenu-asc.gif);
168 .xg-hmenu-sort-desc .x-menu-item-icon{
169 background-image: url(../images/default/grid/hmenu-desc.gif);
172 .xg-hmenu-lock .x-menu-item-icon{
173 background-image: url(../images/default/grid/hmenu-lock.gif);
176 .xg-hmenu-unlock .x-menu-item-icon{
177 background-image: url(../images/default/grid/hmenu-unlock.gif);
181 background-color:#f9f9f9;
182 background-image:url(../images/gray/grid/grid3-hd-btn.gif);
185 .x-grid3-body .x-grid3-td-expander {
186 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
189 .x-grid3-row-expander {
190 background-image:url(../images/gray/grid/row-expand-sprite.gif);
193 .x-grid3-body .x-grid3-td-checker {
194 background-image: url(../images/default/grid/grid3-special-col-bg.gif);
197 .x-grid3-row-checker, .x-grid3-hd-checker {
198 background-image:url(../images/default/grid/row-check-sprite.gif);
201 .x-grid3-body .x-grid3-td-numberer {
202 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
205 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
209 .x-grid3-body .x-grid3-td-row-icon {
210 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
213 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
214 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
215 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
216 background-image:url(../images/gray/grid/grid3-special-col-sel-bg.gif);
220 background-image:url(../images/default/menu/unchecked.gif);
223 .x-grid3-check-col-on {
224 background-image:url(../images/default/menu/checked.gif);
227 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
232 border-bottom-color:#d0d0d0;
235 .x-grid-group-hd div.x-grid-group-title {
236 background-image:url(../images/gray/grid/group-collapse.gif);
238 font:bold 11px tahoma, arial, helvetica, sans-serif;
241 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
242 background-image:url(../images/gray/grid/group-expand.gif);
246 background-image:url(../images/default/grid/group-by.gif);
250 background-image:url(../images/default/grid/columns.gif);
253 .x-show-groups-icon {
254 background-image:url(../images/default/grid/group-by.gif);
259 font:normal 11px tahoma, arial, helvetica, sans-serif;
262 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
263 border-right-color:#ededed;
266 .x-grid-with-col-lines .x-grid3-row{
267 border-top-color:#ededed;
270 .x-grid-with-col-lines .x-grid3-row-selected {
271 border-top-color:#B9B9B9;