resources/css/visual/grid.css

   1 /*!
   2  * Ext JS Library 3.3.1
   3  * Copyright(c) 2006-2010 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.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 td.grid-hd-group-cell {
 117     background: url(../images/default/grid/grid3-hrow.gif) repeat-x bottom;
 118 }
 119
 120 .x-grid3-row-selected {
 121         background-color: #dfe8f6 !important;
 122         background-image: none;
 123         border-color:#a3bae9;
 124 }
 125
 126 .x-grid3-cell-selected{
 127         background-color: #b8cfee !important;
 128         color:#000;
 129 }
 130
 131 .x-grid3-cell-selected span{
 132         color:#000 !important;
 133 }
 134
 135 .x-grid3-cell-selected .x-grid3-cell-text{
 136         color:#000;
 137 }
 138
 139 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
 140     background-color:#ebeadb !important;
 141     background-image:url(../images/default/grid/grid-hrow.gif) !important;
 142     color:#000;
 143     border-top-color:#fff;
 144     border-right-color:#6fa0df !important;
 145 }
 146
 147 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
 148     color:#15428b !important;
 149 }
 150
 151 .x-grid3-dirty-cell {
 152     background-image:url(../images/default/grid/dirty.gif);
 153 }
 154
 155 .x-grid3-topbar, .x-grid3-bottombar{
 156         font:normal 11px arial, tahoma, helvetica, sans-serif;
 157 }
 158
 159 .x-grid3-bottombar .x-toolbar{
 160         border-top-color:#a9bfd3;
 161 }
 162
 163 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
 164         background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
 165     color:#000 !important;
 166 }
 167
 168 .x-props-grid .x-grid3-body .x-grid3-td-name{
 169     background-color:#fff !important;
 170     border-right-color:#eee;
 171 }
 172
 173 .xg-hmenu-sort-asc .x-menu-item-icon{
 174         background-image: url(../images/default/grid/hmenu-asc.gif);
 175 }
 176
 177 .xg-hmenu-sort-desc .x-menu-item-icon{
 178         background-image: url(../images/default/grid/hmenu-desc.gif);
 179 }
 180
 181 .xg-hmenu-lock .x-menu-item-icon{
 182         background-image: url(../images/default/grid/hmenu-lock.gif);
 183 }
 184
 185 .xg-hmenu-unlock .x-menu-item-icon{
 186         background-image: url(../images/default/grid/hmenu-unlock.gif);
 187 }
 188
 189 .x-grid3-hd-btn {
 190     background-color:#c3daf9;
 191     background-image:url(../images/default/grid/grid3-hd-btn.gif);
 192 }
 193
 194 .x-grid3-body .x-grid3-td-expander {
 195     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
 196 }
 197
 198 .x-grid3-row-expander {
 199     background-image:url(../images/default/grid/row-expand-sprite.gif);
 200 }
 201
 202 .x-grid3-body .x-grid3-td-checker {
 203     background-image: url(../images/default/grid/grid3-special-col-bg.gif);
 204 }
 205
 206 .x-grid3-row-checker, .x-grid3-hd-checker {
 207     background-image:url(../images/default/grid/row-check-sprite.gif);
 208 }
 209
 210 .x-grid3-body .x-grid3-td-numberer {
 211     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
 212 }
 213
 214 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
 215         color:#444;
 216 }
 217
 218 .x-grid3-body .x-grid3-td-row-icon {
 219     background-image:url(../images/default/grid/grid3-special-col-bg.gif);
 220 }
 221
 222 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
 223 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
 224 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
 225         background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif);
 226 }
 227
 228 .x-grid3-check-col {
 229         background-image:url(../images/default/menu/unchecked.gif);
 230 }
 231
 232 .x-grid3-check-col-on {
 233         background-image:url(../images/default/menu/checked.gif);
 234 }
 235
 236 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
 237     zoom:1;
 238 }
 239
 240 .x-grid-group-hd {
 241     border-bottom-color:#99bbe8;
 242 }
 243
 244 .x-grid-group-hd div.x-grid-group-title {
 245     background-image:url(../images/default/grid/group-collapse.gif);
 246     color:#3764a0;
 247     font:bold 11px tahoma, arial, helvetica, sans-serif;
 248 }
 249
 250 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
 251     background-image:url(../images/default/grid/group-expand.gif);
 252 }
 253
 254 .x-group-by-icon {
 255     background-image:url(../images/default/grid/group-by.gif);
 256 }
 257
 258 .x-cols-icon {
 259     background-image:url(../images/default/grid/columns.gif);
 260 }
 261
 262 .x-show-groups-icon {
 263     background-image:url(../images/default/grid/group-by.gif);
 264 }
 265
 266 .x-grid-empty {
 267     color:gray;
 268     font:normal 11px tahoma, arial, helvetica, sans-serif;
 269 }
 270
 271 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
 272     border-right-color:#ededed;
 273 }
 274
 275 .x-grid-with-col-lines .x-grid3-row-selected {
 276         border-top-color:#a3bae9;
 277 }