3 * Copyright(c) 2006-2010 Sencha Inc.
5 * http://www.sencha.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;
24 border-left-color:#eee;
25 border-right-color:#d0d0d0;
29 background-color: #fff;
30 background-image:url(../images/default/shared/loading-balls.gif);
35 border-top-color:#fff;
39 background-color:#fafafa;
44 background-color:#efefef;
45 background-image:url(../images/default/grid/row-over.gif);
48 .x-grid3-resize-proxy {
49 background-color:#777;
52 .x-grid3-resize-marker {
53 background-color:#777;
57 background-color:#f9f9f9;
58 background-image:url(../images/gray/grid/grid3-hrow2.gif);
62 border-left-color:#d0d0d0;
65 .x-grid3-header-pop-inner {
66 border-left-color:#eee;
67 background-image:url(../images/default/grid/hd-pop.gif);
70 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
71 border-left-color:#ACACAC;
72 border-right-color:#ACACAC;
75 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 {
76 background-color:#f9f9f9;
77 background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
81 .sort-asc .x-grid3-sort-icon {
82 background-image: url(../images/gray/grid/sort_asc.gif);
85 .sort-desc .x-grid3-sort-icon {
86 background-image: url(../images/gray/grid/sort_desc.gif);
89 .x-grid3-cell-text, .x-grid3-hd-text {
94 background-image: url(../images/default/grid/grid-split.gif);
101 .x-dd-drag-proxy .x-grid3-hd-inner{
102 background-color:#f9f9f9;
103 background-image:url(../images/gray/grid/grid3-hrow-over2.gif);
104 border-color:#ACACAC;
108 background-image:url(../images/gray/grid/col-move-top.gif);
112 background-image:url(../images/gray/grid/col-move-bottom.gif);
115 .x-grid3-row-selected {
116 background-color:#CCCCCC !important;
117 background-image: none;
118 border-color:#ACACAC;
121 .x-grid3-cell-selected{
122 background-color: #CBCBCB !important;
126 .x-grid3-cell-selected span{
127 color:#000 !important;
130 .x-grid3-cell-selected .x-grid3-cell-text{
134 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
135 background-color:#ebeadb !important;
136 background-image:url(../images/default/grid/grid-hrow.gif) !important;
138 border-top-color:#fff;
139 border-right-color:#6fa0df !important;
142 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
143 color:#333 !important;
146 .x-grid3-dirty-cell {
147 background-image:url(../images/default/grid/dirty.gif);
150 .x-grid3-topbar, .x-grid3-bottombar{
151 font:normal 11px arial, tahoma, helvetica, sans-serif;
154 .x-grid3-bottombar .x-toolbar{
155 border-top-color:#a9bfd3;
158 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
159 background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
160 color:#000 !important;
163 .x-props-grid .x-grid3-body .x-grid3-td-name{
164 background-color:#fff !important;
165 border-right-color:#eee;
168 .xg-hmenu-sort-asc .x-menu-item-icon{
169 background-image: url(../images/default/grid/hmenu-asc.gif);
172 .xg-hmenu-sort-desc .x-menu-item-icon{
173 background-image: url(../images/default/grid/hmenu-desc.gif);
176 .xg-hmenu-lock .x-menu-item-icon{
177 background-image: url(../images/default/grid/hmenu-lock.gif);
180 .xg-hmenu-unlock .x-menu-item-icon{
181 background-image: url(../images/default/grid/hmenu-unlock.gif);
185 background-color:#f9f9f9;
186 background-image:url(../images/gray/grid/grid3-hd-btn.gif);
189 .x-grid3-body .x-grid3-td-expander {
190 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
193 .x-grid3-row-expander {
194 background-image:url(../images/gray/grid/row-expand-sprite.gif);
197 .x-grid3-body .x-grid3-td-checker {
198 background-image: url(../images/default/grid/grid3-special-col-bg.gif);
201 .x-grid3-row-checker, .x-grid3-hd-checker {
202 background-image:url(../images/default/grid/row-check-sprite.gif);
205 .x-grid3-body .x-grid3-td-numberer {
206 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
209 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
213 .x-grid3-body .x-grid3-td-row-icon {
214 background-image:url(../images/default/grid/grid3-special-col-bg.gif);
217 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
218 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
219 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
220 background-image:url(../images/gray/grid/grid3-special-col-sel-bg.gif);
224 background-image:url(../images/default/menu/unchecked.gif);
227 .x-grid3-check-col-on {
228 background-image:url(../images/default/menu/checked.gif);
231 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
236 border-bottom-color:#d0d0d0;
239 .x-grid-group-hd div.x-grid-group-title {
240 background-image:url(../images/gray/grid/group-collapse.gif);
242 font:bold 11px tahoma, arial, helvetica, sans-serif;
245 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
246 background-image:url(../images/gray/grid/group-expand.gif);
250 background-image:url(../images/default/grid/group-by.gif);
254 background-image:url(../images/default/grid/columns.gif);
257 .x-show-groups-icon {
258 background-image:url(../images/default/grid/group-by.gif);
263 font:normal 11px tahoma, arial, helvetica, sans-serif;
266 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
267 border-right-color:#ededed;
270 .x-grid-with-col-lines .x-grid3-row{
271 border-top-color:#ededed;
274 .x-grid-with-col-lines .x-grid3-row-selected {
275 border-top-color:#B9B9B9;