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