3 * Copyright(c) 2006-2010 Ext JS, LLC
5 * http://www.extjs.com/license
8 background-color:#1f2933;
\r
11 .x-grid-panel .x-panel-mc .x-panel-body {
\r
15 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
\r
16 font:normal 14px arial, tahoma, helvetica, sans-serif;
\r
19 .x-grid3-hd-row td {
\r
20 border-left-color:#556;
\r
21 border-right-color:#223;
\r
24 .x-grid-row-loading {
\r
25 background-color: #fff;
\r
26 background-image:url(../images/default/shared/loading-balls.gif);
\r
31 border-bottom:1px solid #111;
\r
32 border-right:1px solid #1a1a1c;
\r
36 background-color:#1b232b;
\r
40 background-color:#7e5530;
\r
43 .x-grid3-resize-proxy {
\r
44 background-color:#777;
\r
47 .x-grid3-resize-marker {
\r
48 background-color:#777;
\r
52 background-color:#3b3f50;
\r
53 background-image:url(../images/access/grid/grid3-hrow.gif);
\r
56 .x-grid3-header-pop {
\r
57 border-left-color:#d0d0d0;
\r
60 .x-grid3-header-pop-inner {
\r
61 border-left-color:#eee;
\r
62 background-image:url(../images/default/grid/hd-pop.gif);
\r
65 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
\r
66 border-left-color:#889;
\r
67 border-right-color:#445;
\r
70 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
71 background-color:#4e628a;
\r
72 background-image:url(../images/access/grid/grid3-hrow-over.gif);
\r
75 .x-grid3-cell-inner, .x-grid3-hd-inner {
\r
79 .sort-asc .x-grid3-sort-icon {
\r
80 background-image: url(../images/access/grid/sort_asc.gif);
\r
86 .sort-desc .x-grid3-sort-icon {
\r
87 background-image: url(../images/access/grid/sort_desc.gif);
\r
93 .x-grid3-cell-text, .x-grid3-hd-text {
\r
98 background-image: url(../images/default/grid/grid-split.gif);
\r
105 .x-dd-drag-proxy .x-grid3-hd-inner{
\r
106 background-color:#ebf3fd;
\r
107 background-image:url(../images/access/grid/grid3-hrow-over.gif);
\r
108 border-color:#aaccf6;
\r
112 background-image:url(../images/default/grid/col-move-top.gif);
\r
116 background-image:url(../images/default/grid/col-move-bottom.gif);
\r
119 .x-grid3-row-selected {
\r
120 background-color: #e5872c !important;
\r
121 background-image: none;
\r
122 border-style: solid;
\r
125 .x-grid3-row-selected .x-grid3-cell {
\r
129 .x-grid3-cell-selected {
\r
130 background-color: #ffa340 !important;
\r
134 .x-grid3-cell-selected span{
\r
135 color:#fff !important;
\r
138 .x-grid3-cell-selected .x-grid3-cell-text{
\r
142 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
\r
143 background-color:#ebeadb !important;
\r
144 background-image:url(../images/default/grid/grid-hrow.gif) !important;
\r
146 border-top-color:#fff;
\r
147 border-right-color:#6fa0df !important;
\r
150 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
\r
151 color:fff !important;
\r
154 .x-grid3-dirty-cell {
\r
155 background-image:url(../images/access/grid/dirty.gif);
\r
158 .x-grid3-topbar, .x-grid3-bottombar{
\r
159 font:normal 14px arial, tahoma, helvetica, sans-serif;
\r
162 .x-grid3-bottombar .x-toolbar{
\r
163 border-top-color:#a9bfd3;
\r
166 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
\r
167 background-image:url(../images/access/grid/grid3-special-col-bg.gif) !important;
\r
168 color:#fff !important;
\r
170 .x-props-grid .x-grid3-td-value {
\r
171 color:#fff !important;
\r
174 .x-props-grid .x-grid3-body .x-grid3-td-name{
\r
175 background-color:#263240 !important;
\r
176 border-right-color:#223;
\r
179 .xg-hmenu-sort-asc .x-menu-item-icon{
\r
180 background-image: url(../images/access/grid/hmenu-asc.gif);
\r
183 .xg-hmenu-sort-desc .x-menu-item-icon{
\r
184 background-image: url(../images/access/grid/hmenu-desc.gif);
\r
187 .xg-hmenu-lock .x-menu-item-icon{
\r
188 background-image: url(../images/access/grid/hmenu-lock.gif);
\r
191 .xg-hmenu-unlock .x-menu-item-icon{
\r
192 background-image: url(../images/access/grid/hmenu-unlock.gif);
\r
196 background-color:#c2c9d0;
\r
197 background-image:url(../images/access/grid/grid3-hd-btn.gif);
\r
200 .x-grid3-body .x-grid3-td-expander {
\r
201 background-image:url(../images/access/grid/grid3-special-col-bg.gif);
\r
204 .x-grid3-row-expander {
\r
205 background-image:url(../images/access/grid/row-expand-sprite.gif);
\r
208 .x-grid3-body .x-grid3-td-checker {
\r
209 background-image: url(../images/access/grid/grid3-special-col-bg.gif);
\r
212 .x-grid3-row-checker, .x-grid3-hd-checker {
\r
213 background-image:url(../images/default/grid/row-check-sprite.gif);
\r
216 .x-grid3-body .x-grid3-td-numberer {
\r
217 background-image:url(../images/access/grid/grid3-special-col-bg.gif);
\r
220 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
\r
224 .x-grid3-body .x-grid3-td-row-icon {
\r
225 background-image:url(../images/access/grid/grid3-special-col-bg.gif);
\r
228 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
\r
229 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
\r
230 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
\r
231 background-image:url(../images/access/grid/grid3-special-col-sel-bg.gif);
\r
234 .x-grid3-check-col {
\r
235 background-image:url(../images/default/menu/unchecked.gif);
\r
238 .x-grid3-check-col-on {
\r
239 background-image:url(../images/default/menu/checked.gif);
\r
242 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
\r
247 border-bottom-color:#4e628a;
\r
250 .x-grid-group-hd div.x-grid-group-title {
\r
251 background-image:url(../images/access/grid/group-collapse.gif);
\r
252 background-position:3px 6px;
\r
254 font:bold 14px tahoma, arial, helvetica, sans-serif;
\r
257 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
\r
258 background-image:url(../images/access/grid/group-expand.gif);
\r
262 background-image:url(../images/default/grid/group-by.gif);
\r
266 background-image:url(../images/default/grid/columns.gif);
\r
269 .x-show-groups-icon {
\r
270 background-image:url(../images/default/grid/group-by.gif);
\r
275 font:normal 14px tahoma, arial, helvetica, sans-serif;
\r
278 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
\r
279 border-right-color:#ededed;
\r
282 .x-grid-with-col-lines .x-grid3-row{
\r
283 border-top-color:#ededed;
\r
286 .x-grid-with-col-lines .x-grid3-row-selected {
\r
287 border-top-color:#a3bae9;
\r