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