resources/css/theme-gray/grid.css

   1 /*!
   2  * Ext JS Library 3.2.0
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 .x-grid3 {
   8     background-color:#fff;
   9 }
  10
  11 .x-grid-panel .x-panel-mc .x-panel-body {
  12     border-color:#d0d0d0;
  13 }
  14
  15 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
  16         font:normal 11px arial, tahoma, helvetica, sans-serif;
  17 }
  18
  19 .x-grid3-hd-row td {
  20     border-left-color:#eee;
  21     border-right-color:#d0d0d0;
  22 }
  23
  24 .x-grid-row-loading {
  25     background-color: #fff;
  26     background-image:url(../images/default/shared/loading-balls.gif);
  27 }
  28
  29 .x-grid3-row {
  30     border-color:#ededed;
  31     border-top-color:#fff;
  32 }
  33
  34 .x-grid3-row-alt{
  35         background-color:#fafafa;
  36 }
  37
  38 .x-grid3-row-over {
  39         border-color:#ddd;
  40     background-color:#efefef;
  41     background-image:url(../images/default/grid/row-over.gif);
  42 }
  43
  44 .x-grid3-resize-proxy {
  45     background-color:#777;
  46 }
  47
  48 .x-grid3-resize-marker {
  49     background-color:#777;
  50 }
  51
  52 .x-grid3-header{
  53     background-color:#f9f9f9;
  54         background-image:url(../images/gray/grid/grid3-hrow2.gif);
  55 }
  56
  57 .x-grid3-header-pop {
  58     border-left-color:#d0d0d0;
  59 }
  60
  61 .x-grid3-header-pop-inner {
  62     border-left-color:#eee;
  63     background-image:url(../images/default/grid/hd-pop.gif);
  64 }
  65
  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;
  69 }
  70
  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);
  74
  75 }
  76
  77 .sort-asc .x-grid3-sort-icon {
  78         background-image: url(../images/gray/grid/sort_asc.gif);
  79 }
  80
  81 .sort-desc .x-grid3-sort-icon {
  82         background-image: url(../images/gray/grid/sort_desc.gif);
  83 }
  84
  85 .x-grid3-cell-text, .x-grid3-hd-text {
  86         color:#000;
  87 }
  88
  89 .x-grid3-split {
  90         background-image: url(../images/default/grid/grid-split.gif);
  91 }
  92
  93 .x-grid3-hd-text {
  94         color:#333;
  95 }
  96
  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;
 101 }
 102
 103 .col-move-top{
 104         background-image:url(../images/gray/grid/col-move-top.gif);
 105 }
 106
 107 .col-move-bottom{
 108         background-image:url(../images/gray/grid/col-move-bottom.gif);
 109 }
 110
 111 .x-grid3-row-selected {
 112         background-color:#CCCCCC !important;
 113         background-image: none;
 114         border-color:#ACACAC;
 115 }
 116
 117 .x-grid3-cell-selected{
 118         background-color: #CBCBCB !important;
 119         color:#000;
 120 }
 121
 122 .x-grid3-cell-selected span{
 123         color:#000 !important;
 124 }
 125
 126 .x-grid3-cell-selected .x-grid3-cell-text{
 127         color:#000;
 128 }
 129
 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;
 133     color:#000;
 134     border-top-color:#fff;
 135     border-right-color:#6fa0df !important;
 136 }
 137
 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;
 140 }
 141
 142 .x-grid3-dirty-cell {
 143     background-image:url(../images/default/grid/dirty.gif);
 144 }
 145
 146 .x-grid3-topbar, .x-grid3-bottombar{
 147         font:normal 11px arial, tahoma, helvetica, sans-serif;
 148 }
 149
 150 .x-grid3-bottombar .x-toolbar{
 151         border-top-color:#a9bfd3;
 152 }
 153
 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;
 157 }
 158
 159 .x-props-grid .x-grid3-body .x-grid3-td-name{
 160     background-color:#fff !important;
 161     border-right-color:#eee;
 162 }
 163
 164 .xg-hmenu-sort-asc .x-menu-item-icon{
 165         background-image: url(../images/default/grid/hmenu-asc.gif);
 166 }
 167
 168 .xg-hmenu-sort-desc .x-menu-item-icon{
 169         background-image: url(../images/default/grid/hmenu-desc.gif);
 170 }
 171
 172 .xg-hmenu-lock .x-menu-item-icon{
 173         background-image: url(../images/default/grid/hmenu-lock.gif);
 174 }
 175
 176 .xg-hmenu-unlock .x-menu-item-icon{
 177         background-image: url(../images/default/grid/hmenu-unlock.gif);
 178 }
 179
 180 .x-grid3-hd-btn {
 181     background-color:#f9f9f9;
 182     background-image:url(../images/gray/grid/grid3-hd-btn.gif);
 183 }
 184
 185 .x-grid3-body .x-grid3-td-expander {
 186     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
 187 }
 188
 189 .x-grid3-row-expander {
 190     background-image:url(../images/gray/grid/row-expand-sprite.gif);
 191 }
 192
 193 .x-grid3-body .x-grid3-td-checker {
 194     background-image: url(../images/default/grid/grid3-special-col-bg.gif);
 195 }
 196
 197 .x-grid3-row-checker, .x-grid3-hd-checker {
 198     background-image:url(../images/default/grid/row-check-sprite.gif);
 199 }
 200
 201 .x-grid3-body .x-grid3-td-numberer {
 202     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
 203 }
 204
 205 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
 206         color:#444;
 207 }
 208
 209 .x-grid3-body .x-grid3-td-row-icon {
 210     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
 211 }
 212
 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);
 217 }
 218
 219 .x-grid3-check-col {
 220         background-image:url(../images/default/menu/unchecked.gif);
 221 }
 222
 223 .x-grid3-check-col-on {
 224         background-image:url(../images/default/menu/checked.gif);
 225 }
 226
 227 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
 228     zoom:1;
 229 }
 230
 231 .x-grid-group-hd {
 232     border-bottom-color:#d0d0d0;
 233 }
 234
 235 .x-grid-group-hd div.x-grid-group-title {
 236     background-image:url(../images/gray/grid/group-collapse.gif);
 237     color:#5F5F5F;
 238     font:bold 11px tahoma, arial, helvetica, sans-serif;
 239 }
 240
 241 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
 242     background-image:url(../images/gray/grid/group-expand.gif);
 243 }
 244
 245 .x-group-by-icon {
 246     background-image:url(../images/default/grid/group-by.gif);
 247 }
 248
 249 .x-cols-icon {
 250     background-image:url(../images/default/grid/columns.gif);
 251 }
 252
 253 .x-show-groups-icon {
 254     background-image:url(../images/default/grid/group-by.gif);
 255 }
 256
 257 .x-grid-empty {
 258     color:gray;
 259     font:normal 11px tahoma, arial, helvetica, sans-serif;
 260 }
 261
 262 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
 263     border-right-color:#ededed;
 264 }
 265
 266 .x-grid-with-col-lines .x-grid3-row{
 267     border-top-color:#ededed;
 268 }
 269
 270 .x-grid-with-col-lines .x-grid3-row-selected {
 271         border-top-color:#B9B9B9;
 272 }